*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060810;--card:#111727;--line:rgba(30,207,243,.18);--blue:#1ecff3;--text:#e6edf7;--muted:#8b9ab4;--head:'Unbounded',sans-serif;--body:'Onest',sans-serif;--mono:'JetBrains Mono',monospace}html{min-height:100%;background:var(--bg)}body{min-height:100vh;color:var(--text);font-family:var(--body);background:radial-gradient(circle at 50% 0,rgba(30,207,243,.07),transparent 45%)}header{height:66px;padding:0 5vw;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.06)}header>span{font:500 .65rem var(--mono);letter-spacing:.08em;color:var(--muted)}header button{margin-left:auto}.logo{font-family:var(--head);font-size:.8rem;text-decoration:none}.logo b,.tag{color:var(--blue)}main{width:min(900px,90vw);margin:0 auto;padding:7rem 0}.intro{text-align:center;max-width:760px;margin:0 auto}.tag{font:500 .65rem var(--mono);letter-spacing:.11em}h1,h2{font-family:var(--head);letter-spacing:-.035em}h1{font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.12;margin:1.2rem 0}h2{font-size:clamp(1.25rem,2.7vw,2rem);line-height:1.25}.intro>p:not(.tag),.result-head>p:not(.tag){font-size:1.05rem;color:var(--muted);line-height:1.75}.intro small{display:block;color:var(--muted);margin-top:1rem}.primary,.secondary,button{font:500 .86rem var(--body);border-radius:8px;padding:.75rem 1.15rem;cursor:pointer;text-decoration:none}.primary{border:0;background:linear-gradient(110deg,#078fc8,var(--blue));color:#031018}.secondary,button:not(.primary){background:transparent;border:1px solid var(--line);color:var(--text)}.intro .primary{margin-top:2rem}.progress{margin-bottom:3rem}.progress span{display:block;font:.7rem var(--mono);color:var(--muted);margin-bottom:.7rem}.progress>div{height:3px;background:rgba(255,255,255,.07)}.progress i{display:block;height:100%;background:var(--blue);transition:.25s}#questionForm{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:clamp(1.3rem,4vw,2.5rem)}#questionTitle{margin:.7rem 0}.hint{color:var(--muted);line-height:1.65;margin-bottom:1.5rem}.options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.option{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02);cursor:pointer;line-height:1.4}.option:has(input:checked){border-color:var(--blue);background:rgba(30,207,243,.08)}.option input{margin-top:.2rem;accent-color:var(--blue)}textarea{width:100%;padding:1rem;color:var(--text);background:#0a0e19;border:1px solid var(--line);border-radius:9px;font:inherit;line-height:1.6;resize:vertical}.controls{display:flex;justify-content:space-between;margin-top:2rem}.controls button:disabled{opacity:.35;cursor:default}.result-head{max-width:800px}.result-head h1{font-size:clamp(1.7rem,3.7vw,3rem)}.profile{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:2.5rem 0}.axis{padding:1rem;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:10px}.axis-head{display:flex;justify-content:space-between;font-size:.85rem}.axis strong{color:var(--blue)}.axis-track{height:5px;background:rgba(255,255,255,.07);margin-top:.8rem;border-radius:5px}.axis-track i{display:block;height:100%;background:linear-gradient(90deg,#078fc8,var(--blue));border-radius:5px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-grid article{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.5rem}.result-grid h2{font-size:1rem;margin-bottom:1rem}.result-grid p,.result-grid li{color:var(--muted);line-height:1.65;font-size:.9rem}.result-grid ol{padding-left:1.2rem}.result-grid li+li{margin-top:.6rem}.result-grid .secondary{display:inline-flex;margin-top:1.2rem}.result-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.privacy,#copyStatus{font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:1rem}@media(max-width:650px){main{padding:4rem 0}.options,.profile,.result-grid{grid-template-columns:1fr}header>span{display:none}}@media print{header,.result-actions,.privacy,#copyStatus{display:none!important}body{background:white;color:#111}main{padding:1rem;width:100%}#intro,#quiz{display:none!important}#result{display:block!important}.axis,.result-grid article{background:white;border-color:#ccc}.result-head p,.result-grid p,.result-grid li,.privacy{color:#333}}
@media print{
  .discussion-block,.result-actions,button{display:none!important}
  .result-grid{grid-template-columns:1fr}
  .profile,.result-grid article{break-inside:avoid}
}