:root{color-scheme:dark;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--ok: #22c55e;--ko: #ef4444;--accent: #38bdf8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:17px/1.45 -apple-system,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.screen{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);display:flex;flex-direction:column;gap:16px}.banner{background:var(--accent);color:#0f172a;padding:10px 16px;font-weight:600}button{font:inherit;border:0;border-radius:14px;padding:16px;background:var(--card);color:var(--text);width:100%;text-align:left}button.primary{background:var(--accent);color:#0f172a;font-weight:700;text-align:center;font-size:19px}button.option{border:2px solid transparent}button.option.correct{border-color:var(--ok)}button.option.wrong{border-color:var(--ko)}.card{background:var(--card);border-radius:16px;padding:16px}.muted{color:var(--muted);font-size:15px}pre{background:#0b1220;border-radius:10px;padding:12px;overflow-x:auto;font-size:14px}.bottom{margin-top:auto}.progress{height:6px;background:var(--card);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent)}.md h2{font-size:18px;margin:18px 0 6px;color:var(--accent)}.md h2:first-child{margin-top:0}.md p,.md li{margin:6px 0}.md ul,.md ol{padding-left:20px}.md code{background:#0b1220;padding:1px 5px;border-radius:5px;font-size:14px}.md pre code{background:none;padding:0}.md strong{color:#f8fafc}a{color:var(--accent)}