:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f4f5f7;--color-fg:#1a1a1a;--color-fg-muted:#5c5f66;--color-border:#d9dce1;--color-border-focus:#4b71cd;--color-accent:#2f6df6;--color-accent-fg:#fff;--color-correct:#1f9d57;--color-error:#d83a3a;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, "Courier New", monospace;--space-1:3px;--space-2:6px;--space-3:12px;--space-4:24px;--space-5:48px;--radius:6px;--max-width:1024px;--transition:.15s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#16181d;--color-surface:#1f2228;--color-fg:#e9eaec;--color-fg-muted:#9a9ea6;--color-border:#2e323a;--color-border-focus:#4b71cd;--color-accent:#5b8bff;--color-accent-fg:#0f1115;--color-correct:#3fd17e;--color-error:#ff6b6b}*,:before,:after{box-sizing:border-box}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);transition:color var(--transition), background var(--transition);margin:0;line-height:1.5}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent)}.ch.correct{color:var(--color-correct)}.ch.incorrect{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 18%, transparent);border-radius:3px}.ch.pending{color:var(--color-fg-muted)}.ch.cursor{background-image:linear-gradient(color-mix(in srgb, var(--color-fg) 25%, transparent), color-mix(in srgb, var(--color-fg) 25%, transparent));background-position:50%;background-repeat:no-repeat;background-size:100% calc(100% - 2px);border-radius:3px}.ch.incorrect.cursor{color:var(--color-bg);background-image:linear-gradient(var(--color-error), var(--color-error))}.panel-close{top:var(--space-2);right:var(--space-2);width:24px;height:24px;font:inherit;color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:absolute}.panel-close:hover{color:var(--color-fg);border-color:var(--color-border)}.theme-toggle.svelte-1cmi4dh{width:36px;height:36px;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:background var(--transition), border-color var(--transition);border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.theme-toggle.svelte-1cmi4dh:hover{border-color:var(--color-accent)}.theme-toggle.svelte-1cmi4dh:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.app.svelte-12qhfyh{flex-direction:column;min-height:100vh;display:flex}.app-header.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:var(--max-width);padding:var(--space-3) var(--space-4);margin:0 auto;display:flex}.brand.svelte-12qhfyh{color:var(--color-fg);font-size:21px;font-weight:700;text-decoration:none}.app-main.svelte-12qhfyh{width:100%;max-width:var(--max-width);padding:var(--space-4);flex:1;margin:0 auto}.app-footer.svelte-12qhfyh{width:100%;max-width:var(--max-width);padding:var(--space-3) var(--space-4);color:var(--color-fg-muted);margin:0 auto;font-size:12px}.app-footer.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--color-fg-muted);text-decoration:none}.app-footer.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--color-fg);text-decoration:underline}