:root{--bg:#fafaf7;--fg:#1d1d1b;--muted:#6b6b66;--card:#fff;--line:#e3e2dc;--accent:#2f6f5e;--accent-fg:#fff;--right:#2f7d4f;--wrong:#b4483a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161615;--fg:#ecebe6;--muted:#9a9a93;--card:#20201e;--line:#34342f;--accent:#5fb39b;--accent-fg:#0f1513;--right:#6cc08c;--wrong:#e07a6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:18px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:760px;margin:0 auto;padding:24px 16px 48px}button{font:inherit;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--fg);cursor:pointer;border-radius:12px;padding:10px 18px}button:disabled{opacity:.5;cursor:default}button.primary,button.start{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.home{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.start{border-radius:999px;padding:18px 64px;font-size:24px}.note{color:var(--muted);margin:0;font-size:15px}.drill{flex-direction:column;gap:16px;display:flex}.prompt{white-space:pre-wrap;margin:0;font-size:20px}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left}.option[data-state=correct]{border-color:var(--right);outline:2px solid var(--right);opacity:1}.option[data-state=wrong]{border-color:var(--wrong);outline:2px solid var(--wrong);opacity:1}.row{flex-wrap:wrap;gap:10px;display:flex}.chosen,.correct,.hints{flex-direction:column;gap:6px;margin:0;padding-left:24px;display:flex}.correct{color:var(--right)}.feedback{border-left:4px solid var(--right);flex-direction:column;align-items:flex-start;gap:8px;padding:4px 0 4px 14px;display:flex}.feedback.is-wrong{border-color:var(--wrong)}.feedback p{margin:0}.coding h2{margin:0;font-size:24px}.editor,.editor-fallback textarea{width:100%}.editor-fallback textarea{background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:10px;font:14px/1.4 ui-monospace,Menlo,monospace}.solution pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:14px;overflow-x:auto}.solution h3{margin:12px 0 6px;font-size:16px}.token{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.token input{font:inherit;border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--fg);border-radius:10px;padding:8px 12px}