:root{--font-sans:"Inter", "Segoe UI", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--site-header-height:56px;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 12px 32px #0f172a14;--shadow-md:0 22px 48px #0f172a1f;--focus-ring:#23988f38;--shadow-focus:0 0 0 3px var(--focus-ring);--background:#f4f7fb;--background-elevated:#eef3f9;--surface:#fff;--surface-raised:#fbfdff;--surface-hover:#f3f6fb;--surface-subtle:#e9eff7;--surface-strong:#dde7f2;--surface-inset:#f7f9fc;--border:#d3dde8;--border-strong:#9dafc5;--text-primary:#102033;--text-secondary:#31435c;--text-muted:#62728a;--text-inverse:#f8fbff;--accent:#2563d9;--accent-hover:#1d54c4;--accent-active:#1948aa;--accent-soft:#e8f0ff;--accent-soft-hover:#d9e6ff;--accent-border:#93b5f5;--accent-contrast:#fff;--accent-secondary:#5c52cc;--accent-secondary-soft:#5c52cc1f;--primary-action-bg:#2563d9;--primary-action-bg-hover:#1d54c4;--primary-action-bg-active:#1948aa;--primary-action-border:var(--accent);--primary-action-text:#fff;--success:#167652;--success-soft:#177e5424;--warning:#a85f08;--warning-soft:#f59e0b24;--error:#bf3451;--error-soft:#dc5a4624;--metric-speed:var(--accent);--metric-cpm:#f4b860;--metric-success:#17834f;--metric-warning:#f4b860;--metric-error:#d34b61;--metric-time:#f4b860;--overlay:#0a121ecc;--editor-background:#f7f9fd;--editor-gutter:#edf2fa;--editor-gutter-border:#94a3b847;--editor-line:transparent;--editor-line-active:#2563d914;--syntax-plain:#102033;--syntax-keyword:#1564cf;--syntax-string:#177349;--syntax-comment:#7a8799;--syntax-number:#8a4dff;--syntax-type:#5d4fd1;--syntax-function:#0f7a92;--syntax-identifier:#23384f;--syntax-punctuation:#516277;--syntax-operator:#b76118;--state-current-bg:#2563d924;--state-current-border:#2563d94d;--state-correct-bg:#177e540f;--state-correct-border:#177e5438;--state-incorrect-bg:#dc5a4624;--state-incorrect-border:#dc5a463d;--state-incorrect-ink:#9d2d21;--color-background:var(--background);--color-surface:var(--surface);--color-surface-strong:var(--surface-subtle);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-text:var(--text-primary);--color-muted:var(--text-muted);--color-accent:var(--accent);--icon-primary:var(--text-primary);--icon-secondary:var(--text-secondary);--icon-muted:var(--text-muted);--icon-system:var(--icon-secondary);--icon-light:var(--warning);--icon-dark:var(--accent-secondary);--icon-sound-on:var(--accent);--icon-sound-off:var(--icon-muted);--icon-help:var(--icon-secondary);--icon-success:var(--success);--icon-lock:var(--icon-muted);--icon-chevron:var(--icon-secondary);--icon-warning:var(--warning);--icon-error:var(--error);--icon-selected-check:var(--accent)}html[data-theme=dark]{--background:#080d14;--background-elevated:#0a1019;--surface:#0d1420;--surface-raised:#111a28;--surface-hover:#101927;--surface-subtle:#162133;--surface-strong:#1a2637;--surface-inset:#0b111b;--border:#202c3d;--border-strong:#31445b;--text-primary:#f3f6fa;--text-secondary:#9aa8ba;--text-muted:#667488;--text-inverse:#080d14;--accent:#4f8cff;--accent-hover:#6a9cff;--accent-active:#3e77d9;--accent-soft:#173153;--accent-soft-hover:#1c3b66;--accent-border:#386ebc;--accent-contrast:#fff;--accent-secondary:#7c72ff;--accent-secondary-soft:#7c72ff2e;--primary-action-bg:#4f8cff;--primary-action-bg-hover:#6198ff;--primary-action-bg-active:#3c7cf2;--primary-action-border:#4f8cff;--primary-action-text:#fff;--success:#7bd88b;--success-soft:#7bd88b29;--warning:#f4b860;--warning-soft:#f4b86029;--error:#ff7a8f;--error-soft:#ff7a8f29;--metric-speed:#4f8cff;--metric-cpm:#f4b860;--metric-success:#7bd88b;--metric-warning:#f4b860;--metric-error:#ff7a8f;--metric-time:#f4b860;--overlay:#040a12d1;--focus-ring:#4f8cff3d;--shadow-focus:0 0 0 3px var(--focus-ring);--editor-background:#101927;--editor-gutter:#0f1723;--editor-gutter-border:#386ebc33;--editor-line:transparent;--editor-line-active:#4f8cff14;--syntax-plain:#f3f6fa;--syntax-keyword:#70a7ff;--syntax-string:#f4b860;--syntax-comment:#667488;--syntax-number:#cbc7ff;--syntax-type:#8eb2ff;--syntax-function:#9fd2ff;--syntax-identifier:#f3f6fa;--syntax-punctuation:#9aa8ba;--syntax-operator:#f4b860;--syntax-builtin:#a78bfa;--state-current-bg:#4f8cff33;--state-current-border:#4f8cff7a;--state-correct-bg:#4f8cff1a;--state-correct-border:#4f8cff33;--state-incorrect-bg:#ff7a8f29;--state-incorrect-border:#ff7a8f57;--state-incorrect-ink:#ffe0e5;--icon-primary:#f3f6fa;--icon-secondary:#9aa8ba;--icon-muted:#667488;--icon-system:#9aa8ba;--icon-light:#f4b860;--icon-dark:#7c72ff;--icon-sound-on:#4f8cff;--icon-sound-off:#667488;--icon-help:#9aa8ba;--icon-success:#7bd88b;--icon-lock:#667488;--icon-chevron:#4f8cff;--icon-warning:#f4b860;--icon-error:#ff7a8f;--icon-selected-check:#4f8cff;--font-sans:"Inter", "Segoe UI", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", monospace;--site-header-height:64px;--border-subtle:#182333;--shadow-xs:0 1px 2px #02060c3d;--shadow-sm:0 14px 32px #02060c42;--shadow-md:0 22px 48px #02060c57}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-soft) 92%, transparent), transparent 24rem), radial-gradient(circle at top right, color-mix(in srgb, var(--accent-secondary-soft) 88%, transparent), transparent 22rem), linear-gradient(180deg, var(--background), var(--background-elevated));min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0}a{color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea,svg,path,circle{transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,opacity .14s}main{min-height:calc(100vh - 180px)}:focus-visible{box-shadow:var(--shadow-focus);outline:none}::selection{background:var(--accent-soft)}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-inverse);padding:.7rem 1rem;font-weight:700;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}