*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#13131a;--surface2:#1c1c26;--border:#2a2a3a;--accent:#7c5cfc;--accent2:#a78bfa;--text:#e8e8f0;--muted:#889;--success:#4ade80;--radius:12px}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Sans,sans-serif;display:flex}#progress-bar{background:var(--surface2);z-index:100;height:3px;position:fixed;top:0;left:0;right:0}#progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));width:0%;height:100%;transition:width .4s}#app{flex-direction:column;justify-content:center;width:100%;max-width:680px;min-height:100vh;padding:60px 20px 80px;display:flex}.screen-name{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.screen-name .logo{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:24px;font-size:.8rem}.screen-name h1{background:linear-gradient(135deg, var(--accent2), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.2rem;font-weight:700;line-height:1.2}.screen-name p{color:var(--muted);max-width:420px;margin-bottom:40px;font-size:.95rem;line-height:1.8}.name-input-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}input[type=text]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:360px;color:var(--text);outline:none;padding:16px 20px;font-size:1.1rem;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent)}input[type=text]::placeholder{color:var(--muted)}.btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 40px;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;padding:10px 24px;font-size:.9rem}.btn-ghost:hover{border-color:var(--accent);color:var(--text);opacity:1}.screen-quiz{flex-direction:column;gap:28px;display:flex}.quiz-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 28px}.question-text{text-align:center;margin-bottom:32px;font-size:1.3rem;font-weight:500;line-height:1.6}.choices{justify-content:center;gap:8px;display:flex}.choice-btn{border:2px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 4px;font-size:.68rem;line-height:1.3;transition:all .15s;display:flex}.choice-btn .score-num{color:var(--accent2);font-size:1.4rem;font-weight:700}.choice-btn:hover{border-color:var(--accent);background:#7c5cfc1a;transform:translateY(-2px)}.choice-btn.selected{border-color:var(--accent);background:#7c5cfc33}.quiz-nav{justify-content:space-between;align-items:center;display:flex}.quiz-nav-right{align-items:center;gap:12px;display:flex}@media (width<=520px){.choices{flex-direction:column;gap:8px}.choice-btn{text-align:left;flex-direction:row;gap:12px;padding:14px 16px;font-size:.85rem}.choice-btn .score-num{min-width:24px;font-size:1.1rem}}.screen-center{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.screen-center h2{font-size:1.6rem;font-weight:700}.screen-center p{color:var(--muted);max-width:400px;line-height:1.7}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-check{border:2px solid var(--success);background:#4ade801f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.result-scores{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:480px;display:grid}.score-box{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px 8px}.score-box .domain{color:var(--muted);margin-bottom:6px;font-size:.75rem}.score-box .val{color:var(--accent2);font-size:1.5rem;font-weight:700}.error-msg{border-radius:var(--radius);color:#f87171;background:#f871711a;border:1px solid #f871714d;width:100%;max-width:400px;padding:16px 20px;font-size:.9rem}