:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#080f1e;color:#f2f7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#1d3a5c 0,transparent 45%),radial-gradient(ellipse at 95% 80%,#1b1744 0,transparent 50%),#080f1e;min-height:100vh}.shell{max-width:540px;margin:auto;padding:22px 16px 30px}header,.brand,.topline,.subtitle,.stats,.addrow,footer{display:flex;align-items:center;justify-content:space-between}.brand{gap:12px}.logo{background:linear-gradient(140deg,#356d9d,#1d3d63);padding:13px;border-radius:18px;font-size:25px;box-shadow:0 8px 30px #00aaff22}h1{font-size:27px;letter-spacing:-1px;margin:0}h1 span{font-size:12px;color:#88d4ff;vertical-align:top}small,.subtitle,p{color:#9eafc8}header small{font-size:9px;letter-spacing:2px}.family{font-size:10px;color:#9edbff;background:#203a53;padding:9px;border-radius:20px}.subtitle{font-size:12px;margin:22px 2px}.subtitle span{color:#7ce3b8}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#142238;padding:5px;border-radius:18px;margin-bottom:20px}.nav{background:transparent;color:#8298b6;border:0;border-radius:13px;font-size:22px;padding:9px 0;cursor:pointer}.nav small{display:block;font-size:10px;margin-top:4px}.nav.active{background:#2a4869;color:white}.page{display:none;animation:appear .3s ease}.page.active{display:block}.card{background:linear-gradient(145deg,#1b3048,#15243a);border:1px solid #34465a66;border-radius:20px;padding:19px;margin-bottom:13px;box-shadow:0 10px 25px #0002}.hero{text-align:center}.topline{text-align:left;font-size:15px}.topline span{font-size:12px;color:#8be9c2}.radar{width:155px;height:155px;margin:20px auto 10px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#224b57 0%,#172c43 65%,transparent 70%)}.ring{position:absolute;border:1px solid #5ccba966;border-radius:50%;inset:16px}.r2{inset:35px}.radar.on .ring{animation:pulse 2.3s infinite}.radar.on .r2{animation-delay:.6s}.center{font-size:55px;color:#86eac6;text-shadow:0 0 25px #68f6ba88}.hero h2{font-size:20px;margin:8px}.hero p{font-size:12px;line-height:1.5;margin:8px 12px 19px}.primary,.secondary,#add-phrase{border:0;border-radius:13px;padding:14px;color:white;font-weight:700;cursor:pointer;background:linear-gradient(110deg,#159d83,#38b998);width:100%;transition:transform .15s}.primary:active,.secondary:active,.nav:active{transform:scale(.97)}.primary.stop{background:linear-gradient(110deg,#9d4d5d,#ce5b69)}.secondary{background:#2a4969;margin-top:13px}.stats{gap:12px}.stats .card{width:50%;display:flex;flex-direction:column;gap:7px}.stats strong{font-size:30px}.stats small{font-size:11px}.stat-icon{color:#83d6ff}.purple{color:#b6a4ff}section>h2{font-size:20px;margin:8px 0}section>p{font-size:12px;margin:0 0 18px}input,textarea,select{width:100%;background:#0d1b2d;color:white;border:1px solid #3a526b;border-radius:11px;padding:12px;font:inherit;outline:none;margin:9px 0}input:focus,textarea:focus{border-color:#6ecbff}.addrow{gap:8px}.addrow input{flex:1;min-width:0}.addrow button{width:47px;font-size:22px;padding:10px}.phrase{display:flex;align-items:center;gap:10px}.phrase span{flex:1}.phrase .check{color:#6fe6b5}.phrase button{border:0;background:transparent;color:#f6a7b4;font-size:18px;cursor:pointer}.option{display:block;margin:14px 0;color:#c8d5e7;font-size:13px}.option input{width:auto;accent-color:#36c4a0;margin:0 8px 0 0}label{font-size:13px;font-weight:600}#test-result{font-size:13px;padding:10px;color:#8ce8bd}#notice{background:#334b61;padding:12px;border-radius:10px;margin-bottom:12px;font-size:13px}.event{border-bottom:1px solid #33445c;padding:12px 0;font-size:13px}.event:last-child{border:0}.event small{display:block;margin-top:5px}footer{font-size:10px;color:#7790ac;margin-top:25px}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.82);opacity:.8}70%{transform:scale(1.25);opacity:.15}100%{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}