:root{--color-bg:#f7f8fb;--color-surface:#fff;--color-surface-alt:#eef0f6;--color-text:#1a1d29;--color-text-muted:#5b6072;--color-border:#dfe2ec;--color-primary:#4854e0;--color-primary-hover:#3a45c7;--color-primary-contrast:#fff;--color-accent:#16a34a;--color-error:#dc2626;--color-caret:#4854e0;--color-correct:#16a34a;--color-incorrect:#dc2626;--color-pending:#5b6072;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 2px #1416280f;--shadow-md:0 8px 24px #14162814;--container-width:1100px;--header-height:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#12131c;--color-surface:#1b1d2a;--color-surface-alt:#23253530;--color-text:#e7e8f0;--color-text-muted:#9298b0;--color-border:#2c2f42;--color-primary:#7c86f5;--color-primary-hover:#929bf7;--color-primary-contrast:#10101a;--color-accent:#34d072;--color-error:#f0605a;--color-caret:#7c86f5;--color-correct:#34d072;--color-incorrect:#f0605a;--color-pending:#9298b0}}:root[data-theme=dark]{--color-bg:#12131c;--color-surface:#1b1d2a;--color-surface-alt:#23253530;--color-text:#e7e8f0;--color-text-muted:#9298b0;--color-border:#2c2f42;--color-primary:#7c86f5;--color-primary-hover:#929bf7;--color-primary-contrast:#10101a;--color-accent:#34d072;--color-error:#f0605a;--color-caret:#7c86f5;--color-correct:#34d072;--color-incorrect:#f0605a;--color-pending:#9298b0}*,:before,:after{box-sizing:border-box}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.55;transition:background-color .2s,color .2s}img,svg{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{margin:0 0 .5em;font-weight:700;line-height:1.2}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);z-index:1000;padding:.6rem 1rem;transition:top .15s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:1.25rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform 50ms,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn-ghost:hover{background:var(--color-surface-alt)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.typing-widget{flex-direction:column;gap:1.25rem;display:flex}.typing-widget .test-area{padding:1.75rem}.typing-widget .stats-bar{font-family:var(--font-mono);gap:2rem;margin-bottom:1.25rem;display:flex}.typing-widget .stat-label{font-family:var(--font-sans);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;display:block}.typing-widget .stats-bar strong{color:var(--color-primary);font-size:1.6rem}.typing-widget .words{font-family:var(--font-mono);user-select:none;flex-wrap:wrap;gap:.55em;min-height:7.6em;max-height:7.6em;padding:.5rem 0;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.9;display:flex;overflow:hidden}.typing-widget .word{border-bottom:2px solid #0000;display:inline-flex}.typing-widget .word.current{border-bottom-color:var(--color-caret)}.typing-widget .char{color:var(--color-pending)}.typing-widget .char.correct{color:var(--color-correct)}.typing-widget .char.incorrect{color:var(--color-incorrect);text-decoration:underline;text-decoration-color:var(--color-incorrect)}.typing-widget .word-incorrect{text-decoration:underline wavy var(--color-incorrect)}.typing-widget .input-label{color:var(--color-text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.typing-widget .type-input{width:100%;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:.75rem 1rem;font-size:1.1rem}.typing-widget .type-input:disabled{opacity:.6}.typing-widget .typing-instructions{color:var(--color-text-muted);margin:.6rem 0 0;font-size:.8rem}.typing-widget .shortcuts-hint{color:var(--color-text-muted);margin:.35rem 0 0;font-size:.75rem}.typing-widget .shortcuts-hint:empty{display:none}.typing-widget .shortcuts-hint-results{text-align:center;margin-top:1.25rem}.typing-widget .results{text-align:center;padding:1.75rem}.typing-widget .results h2{margin-bottom:1.25rem}.typing-widget .pb-banner{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 16%, var(--color-surface-alt));color:var(--color-text);margin:0 0 1rem;padding:.65rem 1rem;font-size:.92rem;font-weight:700}.typing-widget .streak-banner{border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-muted);margin:0 0 1rem;padding:.55rem 1rem;font-size:.88rem;font-weight:600}.typing-widget .results-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.typing-widget .result-item{flex-direction:column;gap:.25rem;display:flex}.typing-widget .result-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.78rem}.typing-widget .result-value{font-size:1.9rem;font-weight:800;font-family:var(--font-mono);color:var(--color-primary)}.typing-widget .error-map{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1.5rem}.typing-widget .error-map-heading{color:var(--color-text-muted);margin:0 0 1rem;font-size:.9rem;font-weight:700}.typing-widget .error-map-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.typing-widget .error-tile{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-error) calc(var(--intensity) * 1%), var(--color-surface-alt));flex-direction:column;align-items:center;gap:.15rem;min-width:2.6rem;padding:.5rem .4rem .4rem;display:flex}.typing-widget .error-tile-char{font-family:var(--font-mono);color:var(--color-text);font-size:1.1rem;font-weight:700}.typing-widget .error-tile-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.7rem}.typing-widget .error-map-empty{color:var(--color-text-muted);margin:0;font-size:.9rem}.typing-widget .history-chart{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1.5rem}.typing-widget .history-chart-heading{color:var(--color-text-muted);margin:0 0 .9rem;font-size:.9rem;font-weight:700}.typing-widget .history-chart-bars{justify-content:center;align-items:flex-end;gap:.45rem;height:72px;display:flex}.typing-widget .history-bar{background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:default;border-radius:4px 4px 2px 2px;width:14px;min-height:3px}.typing-widget .history-bar.is-current{background:var(--color-primary);border-color:var(--color-primary)}.typing-widget .results-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.typing-widget .compete{border-top:1px solid var(--color-border);margin-top:1.75rem;padding-top:1.5rem}.typing-widget .compete-heading{color:var(--color-text-muted);margin:0 0 .9rem;font-size:.9rem;font-weight:700}.typing-widget .compete-nickname-row{justify-content:center;margin-bottom:.75rem;display:flex}.typing-widget .compete-nickname-row input{width:100%;max-width:260px;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);text-align:center;padding:.55rem .8rem;font-size:.9rem}.typing-widget .compete-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.typing-widget .compete-actions button{min-width:200px}.typing-widget .compete-feedback{color:var(--color-text-muted);margin:.75rem 0 0;font-size:.85rem}.typing-widget .challenge-link-box{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.9rem;display:flex}.typing-widget .challenge-link-box input{max-width:420px;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text);flex:260px;padding:.55rem .8rem;font-size:.82rem}.typing-widget .leaderboard-link{color:var(--color-primary);margin-top:.9rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.typing-widget .leaderboard-link:hover{text-decoration:underline}.prose{max-width:68ch;color:var(--color-text)}.prose h2{margin-top:1.8em;font-size:1.4rem}.prose h3{margin-top:1.4em;font-size:1.15rem}.prose ul,.prose ol{padding-left:1.3em}.prose code{background:var(--color-surface-alt);font-family:var(--font-mono);border-radius:4px;padding:.15em .4em;font-size:.9em}.prose pre{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;font-size:.85rem;line-height:1.6;overflow-x:auto;background:var(--color-surface-alt)!important;color:var(--color-text)!important}.prose pre code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.prose pre code span{color:inherit!important;background:0 0!important}