:root{color-scheme:dark;--bg:#061016;--card:#0b1b24;--card2:#102733;--ink:#f3fbff;--muted:#9db2bd;--line:#234554;--cyan:#56e6ff;--lime:#baff66;--red:#ff758c;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#164252 0,var(--bg) 52%);color:var(--ink)}button,select,a{font:inherit}#app{width:min(940px,100%);margin:auto;padding:12px 12px 70px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.brand{color:#fff;text-decoration:none;font-weight:950}.tools{display:flex;gap:9px;align-items:center}.tools a{color:var(--muted);text-decoration:none}.tools select{padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:#fff}.panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0d212bfa,#08151dfa);box-shadow:0 28px 90px #0008}.intro,.result{padding:clamp(22px,6vw,56px)}.eyebrow{color:var(--cyan);font-weight:900;letter-spacing:.12em;font-size:.76rem}.intro h1,.result h1{margin:16px 0;font-size:clamp(3rem,10vw,6.2rem);line-height:.9;letter-spacing:-.065em}.intro h1 em{color:var(--lime);font-style:normal}.lead{max-width:730px;font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.6;color:#d6e4e9}.reason{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.reason div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}.reason b{display:block;margin-bottom:6px;color:var(--lime)}.reason span,.note{color:var(--muted);line-height:1.5}.note{padding:15px;border-left:4px solid var(--cyan);background:#56e6ff0a}.primary,.answer,.secondary{min-height:52px;border-radius:15px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{border:0;background:linear-gradient(90deg,var(--cyan),var(--lime));color:#051016}.secondary,.answer{border:1px solid var(--line);background:var(--card2);color:#fff}.wide{width:100%;margin-top:18px}.quiz{padding:clamp(14px,4vw,30px)}.quiz-head{display:flex;justify-content:space-between;color:var(--muted);font-weight:800}.clock{color:var(--lime)}.progress{height:7px;margin:11px 0 17px;border-radius:99px;background:#17323d;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime))}.matrix{width:min(100%,560px);margin:auto}.matrix svg{display:block;width:100%;height:auto}.ask{margin:17px 0 11px;text-align:center}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.answer{padding:8px;aspect-ratio:1.25;display:grid;place-items:center}.answer svg{width:100%;height:100%;max-height:110px}.answer.selected{border-color:var(--lime);box-shadow:0 0 0 2px #baff6633}.nav{display:flex;gap:9px;margin-top:13px}.nav>*{flex:1}.score{color:var(--lime);font-size:clamp(4rem,15vw,8rem);font-weight:950;line-height:.9}.result h1{font-size:clamp(2.4rem,8vw,5rem)}.result p{font-size:1.08rem;line-height:1.6;color:#d8e4e8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stat{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card2)}.stat b{display:block;color:var(--cyan);font-size:1.5rem}.stat span{color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions .primary{grid-column:1/-1}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,100px);padding:12px 16px;border-radius:12px;background:#fff;color:#07131a;font-weight:900;transition:.2s}#toast.show{transform:translate(-50%,0)}@media(max-width:650px){#app{padding:8px 8px 45px}.panel{border-radius:21px}.reason{grid-template-columns:1fr}.answers{grid-template-columns:1fr 1fr}.answer{aspect-ratio:1.65}.stats,.actions{grid-template-columns:1fr}.actions .primary{grid-column:auto}.matrix{width:min(100%,440px)}.tools a{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}