:root{--bg:#0f1522;--surface:#1a2234;--surface-2:#232d44;--border:#2e3a55;--text:#eef2fa;--text-dim:#9aa7c0;--accent:#c8102e;--accent-soft:#ff4d64;--blue:#4d7cfe;--green:#2fbf71;--amber:#f2a93b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}#root{max-width:560px;margin:0 auto;padding:20px 16px 48px}h1,h2,h3{margin:0 0 8px;line-height:1.2}p{line-height:1.55}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:none;transition:transform 60ms,background .15s,border-color .15s}button:active{transform:scale(.985)}.btn-primary{background:var(--accent);color:#fff;width:100%;padding:14px 20px;font-size:16px;font-weight:600}.btn-primary:hover{background:var(--accent-soft)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);width:100%;padding:13px 20px;font-size:15px;font-weight:600}.btn-secondary:hover{border-color:var(--blue)}.btn-ghost{color:var(--text-dim);background:0 0;padding:8px 12px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:18px}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.dim{color:var(--text-dim)}.small{font-size:13px}.option{text-align:left;background:var(--surface-2);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:15px;line-height:1.4;display:flex}.option.selected{border-color:var(--blue);background:#223055}.option.correct{border-color:var(--green);background:#16351f}.option.wrong{border-color:var(--accent);background:#3a1620}.option:disabled{cursor:default;opacity:.95}.bar{background:var(--surface-2);border-radius:99px;flex:1;height:8px;overflow:hidden}.bar>div{border-radius:99px;height:100%;transition:width .4s}.ring-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.timer{font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:6px 12px;font-size:15px;font-weight:700}.timer.low{color:var(--accent-soft);border-color:var(--accent)}.explanation{background:var(--surface-2);border-left:3px solid var(--blue);color:var(--text-dim);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}.badge{letter-spacing:.3px;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.pass{color:var(--green);background:#16351f}.badge.fail{color:var(--accent-soft);background:#3a1620}