:root{--font-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, monospace;--bg: #ffffff;--bg-elevated: #ffffff;--bg-muted: #f6f6f8;--bg-inverse: #0b0b0c;--text: #1c1c1e;--text-muted: #6b6b70;--text-inverse: #ffffff;--border: #e6e6ea;--border-strong: #1c1c1e;--accent: #d3d0ff;--accent-ink: #3b35b0;--correct: #4f8a10;--wrong-bg: #ffd9d9;--wrong-text: #b3261e;--danger: #9a0f0f;--shadow: 0 10px 30px rgba(20, 20, 30, .08);--radius: 12px;--radius-sm: 8px;--logo-filter: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f0f10;--bg-elevated: #17171a;--bg-muted: #1f1f23;--bg-inverse: #f4f4f5;--text: #ececef;--text-muted: #9a9aa3;--text-inverse: #0f0f10;--border: #2a2a30;--border-strong: #ececef;--accent: #3b35b0;--accent-ink: #d3d0ff;--correct: #8fd14f;--wrong-bg: #4a1d1d;--wrong-text: #ff8a80;--danger: #ff8a80;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--logo-filter: invert(1) hue-rotate(180deg)}}:root[data-theme=dark]{--bg: #0f0f10;--bg-elevated: #17171a;--bg-muted: #1f1f23;--bg-inverse: #f4f4f5;--text: #ececef;--text-muted: #9a9aa3;--text-inverse: #0f0f10;--border: #2a2a30;--border-strong: #ececef;--accent: #3b35b0;--accent-ink: #d3d0ff;--correct: #8fd14f;--wrong-bg: #4a1d1d;--wrong-text: #ff8a80;--danger: #ff8a80;--shadow: 0 10px 30px rgba(0, 0, 0, .5);--logo-filter: invert(1) hue-rotate(180deg)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent-ink)}h2,h3{margin:0 0 8px;font-weight:600}kbd{font-family:var(--font-mono);font-size:.8em;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:var(--bg-muted);color:var(--text)}.muted{color:var(--text-muted)}.page{width:100%;overflow-x:hidden;max-width:920px;margin:0 auto;padding:0 16px 64px}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,40px)}.card--narrow{max-width:480px;margin:40px auto}.table-scroll{width:100%;overflow-x:auto}.table{width:100%;min-width:480px;border-collapse:collapse;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px var(--border)}.table th,.table td{padding:10px 14px;text-align:left;white-space:nowrap}.table thead{background:var(--bg-inverse);color:var(--text-inverse)}.table tbody tr{border-top:1px solid var(--border)}.table tbody tr:hover,.table__row--you{background:var(--bg-muted)}.link-button{background:none;border:none;padding:0;color:var(--text-muted);cursor:pointer;font:inherit;font-size:14px;text-align:left}.link-button:hover{color:var(--text);text-decoration:underline}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--border)}.toast{background:var(--bg-inverse)!important;color:var(--text-inverse)!important}.button{cursor:pointer;border-radius:var(--radius-sm);border:2px solid transparent;font-family:var(--font-sans);font-weight:500;transition:box-shadow .15s ease,background-color .15s ease,color .15s ease,transform .05s ease}.button:active{transform:translateY(1px)}.button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.6}.button--s{padding:6px 14px;font-size:14px}.button--m{padding:10px 18px;font-size:16px}.button--l{padding:12px 22px;font-size:20px}.button--primary{background:var(--bg-inverse);color:var(--text-inverse)}.button--primary:hover:not(:disabled){box-shadow:var(--shadow)}.button--secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.button--secondary:hover:not(:disabled){background:var(--bg-inverse);color:var(--text-inverse)}.button--tertiary{background:transparent;color:var(--text)}.button--tertiary:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--border-strong)}.button--error{background:transparent;color:var(--danger);border-color:var(--danger)}.button--error:hover:not(:disabled){background:var(--danger);color:var(--text-inverse)}.button__content{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button__loader{display:inline-flex;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chip{cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;padding:4px 14px;font:inherit;font-size:14px}.chip:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.chip--active{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.chip:disabled{opacity:.5;cursor:default}.category-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;width:100%}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:12px 16px;max-width:1200px;margin:0 auto}.navbar__brand{display:inline-flex;background:var(--accent);padding:6px 18px 2px;border-radius:var(--radius)}.navbar__logo{width:clamp(180px,40vw,300px);height:auto;transition:transform .3s;filter:var(--logo-filter)}.navbar__brand:hover .navbar__logo{transform:scale(1.05)}.navbar__links{display:flex;gap:4px}.navbar__link{color:var(--text-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-sm);font-weight:500}.navbar__link:hover,.navbar__link--active{color:var(--text);background:var(--bg-muted)}.navbar__actions{display:flex;align-items:center;gap:12px}.navbar__cta{text-decoration:none}.navbar__user{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;max-width:200px}.navbar__user__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__user__badge{margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-ink)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer}.theme-toggle:hover{border-color:var(--border-strong)}.popover{position:relative}.popover__trigger{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.popover__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px;max-width:calc(100vw - 32px)}.user-score__header{font-weight:600;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(128,128,128,.4)}.user-score__list{margin:0;font-size:13px}.user-score__row{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.user-score__row dd{margin:0;font-weight:600}.race{display:flex;flex-direction:column;align-items:stretch;margin-top:24px;padding:clamp(16px,4vw,40px);border-radius:20px;border:1px solid var(--border);background:var(--bg-elevated)}.race__header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}.race__header__main{flex:1;min-width:0}.race__timer{font-family:var(--font-mono);font-size:24px;font-variant-numeric:tabular-nums;color:var(--text-muted);text-decoration:underline}.race__modes,.race__lobby,.race__auth__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.race__auth{display:flex;flex-direction:column;gap:10px;font-weight:500}.race__status{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:600}.race__status--muted{color:var(--text-muted);font-weight:500}.race__status--countdown{font-size:28px;color:var(--accent-ink)}.race__players{margin-top:24px;display:flex;flex-direction:column;gap:16px}.progress__row{display:flex;align-items:flex-end;gap:16px}.progress__bar{flex:1;border-bottom:1px dotted var(--text-muted)}.progress__bar__indicator{border-bottom:8px solid var(--text);text-align:right;font-size:12px;min-width:0;transition:width .25s ease-out}.progress--you .progress__bar__indicator{border-bottom-color:var(--accent-ink)}.progress__speed{width:80px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.progress__user{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:4px;font-size:14px;color:var(--text-muted)}.progress__dot{width:8px;height:8px;border-radius:50%;background:var(--correct)}.progress__dot--offline{background:var(--text-muted)}.progress__tag,.results__tag{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--correct);color:#fff;padding:2px 8px;border-radius:999px}.typing-text{margin-top:28px;font-family:var(--font-mono);font-size:clamp(20px,3.2vw,30px);line-height:1.6;color:var(--text);word-break:break-word;min-height:3em}.typing-text__correct{color:var(--correct)}.typing-text__wrong{background:var(--wrong-bg);color:var(--wrong-text);text-decoration:underline}.typing-text__remaining{color:var(--text-muted)}.typing-text--active .typing-text__remaining{color:var(--text)}.typing-text__caret{display:inline-block;width:2px;height:1.1em;margin:0 -1px;vertical-align:text-bottom;background:var(--accent-ink);animation:blink 1s steps(2) infinite}@keyframes blink{to{opacity:0}}.typing-text__source{margin-top:8px;font-family:var(--font-sans);font-size:13px;color:var(--text-muted)}.race__input{position:relative;display:flex;align-items:center;margin-top:24px}.race__input__icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.race__input__field{flex:1;width:100%;min-width:0;padding:10px 12px 10px 44px;font-size:clamp(18px,2.5vw,24px);font-family:var(--font-mono);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg);color:var(--text);outline:none}.race__input__field:enabled{padding-left:12px}.race__input__field:focus{border-color:var(--border-strong)}.race__input__field--error{border-color:var(--wrong-text)!important}.race__input__field:disabled{background:var(--bg-muted);cursor:not-allowed}.race__shortcuts{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.results{margin-top:28px;padding:20px;border-radius:var(--radius);background:var(--bg-inverse);color:var(--text-inverse)}.results__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.results__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.results__stat{display:flex;flex-direction:column;align-items:flex-start}.results__stat__value{font-family:var(--font-mono);font-size:clamp(26px,5vw,40px);font-weight:600;line-height:1.1}.results__stat__label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.results__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.results__hint{font-size:13px;opacity:.8}.results .button--primary{background:var(--bg);color:var(--text)}.results kbd{color:var(--text)}.score-history{margin-top:32px}.score-history__tabs{display:flex;align-items:center;gap:16px;margin-bottom:14px}.score-history__icon{color:var(--text-muted)}.score-history__tab{background:none;border:none;border-bottom:2px solid transparent;padding:4px 0;font:inherit;font-size:17px;font-weight:500;color:var(--text-muted);cursor:pointer}.score-history__tab:hover,.score-history__tab--active{color:var(--text);border-bottom-color:var(--border-strong)}.score-history__empty{color:var(--text-muted)}.signin{display:flex;justify-content:center;padding:24px 0}.signin__form{width:100%;max-width:460px;display:flex;flex-direction:column;gap:20px}.signin__title{font-size:24px}.oauth{display:flex;flex-direction:column;gap:10px}.oauth .button{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;font-weight:500;color:var(--text-muted)}.field__input{min-width:0;width:100%;font:inherit;font-size:17px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}.field__input:focus{outline:none;border-color:var(--border-strong)}.signin__actions{display:flex;flex-direction:column;gap:10px}.signin__actions .button{width:100%}.signin__footer{font-size:13px;margin:0}.leaderboard{margin-top:24px}.leaderboard__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.leaderboard__title{display:inline-flex;align-items:center;gap:8px;margin:0}.leaderboard__note{font-size:13px;margin-top:12px}@media(max-width:640px){.navbar{justify-content:center}.navbar__links{order:3;width:100%;justify-content:center}.race__header{flex-direction:column;align-items:flex-start}.race__timer{align-self:flex-end}.race__modes .button{flex:1}.progress__speed{width:64px;font-size:14px}.results__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}