:root{--background:#10132a;--surface:#181d36;--surface-raised:#222843;--border:#303756;--border-strong:#424b70;--text:#f3f5fb;--muted:#a4abc0;--accent:#f2b84b;--accent-hover:#ffd06b;--success:#4fbe8d;--danger:#e5594b;color:var(--text);background:radial-gradient(circle at top left, #f2b84b14, transparent 32rem), var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}#root{justify-content:center;padding:48px 20px;display:flex}h1,h2,p{margin-top:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f2b84b3d}@media (width<=640px){#root{padding:18px 12px}}.app-shell{width:min(100%,760px)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px;box-shadow:0 24px 70px #00000052}.panel--compact{text-align:center}.panel-header{margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.intro{color:var(--muted);max-width:58ch;margin:10px 0 0;line-height:1.6}.settings-form{gap:18px;display:grid}.field{color:var(--muted);gap:8px;font-size:.92rem;font-weight:600;display:grid}.field input,.field select{appearance:none;background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text);font:inherit;border-radius:6px;min-height:44px;padding:10px 12px}.field input:focus,.field select:focus{border-color:var(--accent)}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#17120a;cursor:pointer;font:inherit;border-radius:6px;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:750;display:inline-flex}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.error-message{color:#ffb4aa;background:#e5594b1f;border:1px solid #e5594b73;border-radius:6px;margin:0;padding:10px 12px}.status-text{color:var(--muted);margin:0}.quiz-progress{background:var(--surface-raised);border-radius:999px;height:8px;margin-bottom:24px;overflow:hidden}.quiz-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.question-count{color:var(--muted);margin:0 0 10px;font-size:.92rem;font-weight:700}.question-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.question-meta span{background:var(--surface-raised);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:.82rem}.question-title{color:var(--text);margin-bottom:24px;font-size:clamp(1.45rem,4vw,2rem);line-height:1.25}.answer-list{gap:10px;margin-bottom:22px;display:grid}.answer-option{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:6px;min-height:46px;padding:12px 14px;line-height:1.35}.answer-option:hover{border-color:var(--accent)}.answer-option--selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#f2b84b24}.score{align-items:baseline;gap:10px;margin:0 0 26px;display:flex}.score strong{color:var(--text);font-size:3rem;line-height:1}.score span{color:var(--muted);font-weight:700}.result-list{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:grid}.result-item{background:var(--surface-raised);border:1px solid var(--border);border-left-width:4px;border-radius:6px;padding:16px}.result-item h2{color:var(--text);margin:0 0 8px;font-size:1rem;line-height:1.4}.result-item--correct{border-left-color:var(--success)}.result-item--incorrect{border-left-color:var(--danger)}.result-status{margin:0 0 6px;font-weight:700}.muted{color:var(--muted);margin:4px 0 0}@media (width<=640px){.panel{padding:22px}}