:root{--bg:#1e2228;--bg-2:#262b33;--text:#e8e6e3;--sub:#7d8590;--accent:#e2b714;--error:#e5534b;--error-extra:#8b3a36;--ok:#e8e6e3;--border:#343a44;--mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--maxw:1000px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);flex-direction:column;min-height:100vh;line-height:1.6;transition:background-color .25s,color .25s;display:flex}a{color:var(--accent)}a:hover{text-decoration:underline}main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:16px}h1,h2,h3{line-height:1.25}h1{margin:.5rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem)}h2{margin-top:2.2rem;font-size:1.35rem}.muted{color:var(--sub)}kbd{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:.8em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--bg-2);z-index:10;padding:8px;top:8px;left:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.chart .line{stroke-dashoffset:0}}.site-header{width:100%;max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px;display:flex}.logo{font-family:var(--mono);color:var(--text);font-size:1.6rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.site-header nav{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:.95rem;display:flex}.site-header nav a{white-space:nowrap;color:var(--sub);text-decoration:none}.site-header nav a:hover{color:var(--text)}.nav-placeholder{width:56px;display:inline-block}.site-footer{width:100%;max-width:var(--maxw);font-size:.78rem;font-family:var(--mono);opacity:.55;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:48px auto 0;padding:16px;display:flex}.site-footer:hover,.site-footer:focus-within{opacity:1}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.site-footer p{margin:0}.site-footer a{color:var(--sub);text-decoration:none}.site-footer a:hover{color:var(--text)}.test{padding-top:16px}.config{background:var(--bg-2);width:fit-content;max-width:100%;font-family:var(--mono);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0 auto 28px;padding:6px 14px;display:flex}.config-group{gap:2px;display:flex}.config-sep{background:var(--bg);border-radius:2px;align-self:stretch;width:3px;margin:6px 0}.config-icon{opacity:.8;margin-right:4px}.config-amounts{animation:.2s ease-out fade-in}.config button{color:var(--sub);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:.9rem}.config button:hover{color:var(--text)}.config button{transition:color .15s}.config button.on{color:var(--accent)}.config button:disabled{opacity:.35;cursor:default}.config button:disabled:hover{color:var(--sub)}.test-status{font-family:var(--mono);color:var(--accent);align-items:baseline;gap:20px;min-height:2.4rem;font-size:1.6rem;display:flex}.test-status .muted,.test-status .live-wpm{font-size:1rem}.live-wpm{color:var(--sub)}.words-wrap{height:6.3em;font-family:var(--mono);cursor:text;font-size:clamp(1.15rem,2.4vw,1.6rem);position:relative;overflow:hidden}.words{will-change:transform;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .2s,opacity .2s;position:relative}.words-inner{flex-wrap:wrap;animation:.25s ease-out words-in;display:flex}@keyframes words-in{0%{opacity:0}to{opacity:1}}.words-wrap.blurred .words{filter:blur(4px);opacity:.5}.focus-hint{font-family:var(--sans);color:var(--text);justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.hidden-input{opacity:0;color:#0000;caret-color:#0000;pointer-events:none;background:0 0;border:0;width:20em;height:2em;padding:0;font-size:16px;position:absolute;top:0;left:0}.word{height:2.1em;color:var(--sub);white-space:pre;line-height:2.1em}.space{white-space:pre;display:inline-block}.ch{transition:color 70ms linear}.word.wrong .ch{-webkit-text-decoration:underline var(--error);text-decoration:underline var(--error);text-underline-offset:6px}.ch.ok{color:var(--ok)}.ch.bad{color:var(--error)}.ch.extra{color:var(--error-extra)}.caret{background:var(--accent);z-index:1;will-change:transform;border-radius:1px;width:2px;height:1.25em;margin-top:.425em;margin-left:-1px;transition:transform .1s cubic-bezier(.25,.8,.4,1);animation:1s ease-in-out infinite caret-blink;position:absolute;top:0;left:0}.caret.typing{animation:none}.words-wrap.blurred .caret{opacity:0;animation:none}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.hint{text-align:center;color:var(--sub);opacity:.7;margin-top:28px;font-size:.8rem}.site-header nav,.site-footer,.config,.hint,.test-status .muted,.lang-picker{transition:opacity .35s}html.typing-focus .lang-picker,html.typing-focus .site-header nav,html.typing-focus .site-footer,html.typing-focus .config,html.typing-focus .hint{opacity:0;pointer-events:none}.focus-hint{animation:.2s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.results{font-family:var(--mono);padding-top:8px;animation:.35s cubic-bezier(.22,1,.36,1) rise-in}.test{animation:.25s ease-out fade-in}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pb-banner{animation:.5s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.pb-banner{color:var(--accent);font-size:1.1rem}.results-main{grid-template-columns:auto 1fr;align-items:center;gap:24px;display:grid}.big-stats{flex-direction:column;gap:8px;display:flex}.label{color:var(--sub);font-size:1.2rem}.big{color:var(--accent);font-size:3.6rem;line-height:1}.chart{margin:0}.chart svg{width:100%;height:auto}.chart .grid{stroke:var(--border);stroke-width:1px}.chart .avg{stroke:var(--sub);stroke-dasharray:4 4}.chart .line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.4,0,.2,1) .15s forwards draw-line}@keyframes draw-line{to{stroke-dashoffset:0}}.chart .axis{fill:var(--sub);font-size:11px;font-family:var(--mono)}.chart figcaption{text-align:right;font-size:.75rem}.small-stats{flex-wrap:wrap;gap:12px 36px;margin:24px 0;display:flex}.small-stats dt{color:var(--sub);font-size:.85rem}.small-stats dd{color:var(--accent);margin:0;font-size:1.4rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.quote-source{font-style:italic}@media (max-width:640px){.results-main{grid-template-columns:1fr}.big-stats{flex-direction:row;gap:32px}}.btn{background:var(--bg-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.95rem;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--sub);text-decoration:none}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn:disabled{opacity:.6;cursor:default}input[type=email],input[type=text],select{background:var(--bg-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;width:100%;padding:9px 12px}.form{gap:12px;max-width:380px;display:grid}.form label{color:var(--sub);gap:4px;font-size:.9rem;display:grid}.notice{background:var(--bg-2);border-left:3px solid var(--accent);border-radius:4px;padding:10px 14px}.error-text{color:var(--error)}.prose{max-width:720px}.prose p,.prose li{color:color-mix(in srgb, var(--text) 86%, var(--bg))}.landing-intro{text-align:center;max-width:760px;margin:0 auto 8px}.landing-intro p{color:var(--sub);margin:0}.content{max-width:760px;margin:40px auto 0}.faq details{border-bottom:1px solid var(--border);padding:10px 0}.faq summary{cursor:pointer;font-weight:600}.related{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.related a{background:var(--bg-2);border-radius:6px;padding:6px 12px;text-decoration:none;display:inline-block}.breadcrumbs{color:var(--sub);font-size:.85rem}.breadcrumbs a{color:var(--sub)}.card-list{gap:12px;padding:0;list-style:none;display:grid}.card-list a{background:var(--bg-2);color:var(--text);border-radius:8px;padding:14px 16px;text-decoration:none;display:block}.card-list a:hover{outline:1px solid var(--border)}.card-list span{color:var(--sub);font-size:.9rem;display:block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--sub);font-weight:400}td.num,th.num{text-align:right}.tabs{font-family:var(--mono);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs a{color:var(--sub);border-radius:4px;padding:4px 10px;text-decoration:none}.tabs a.on{color:var(--accent);background:var(--bg-2)}.ad-slot{width:100%;max-width:970px;margin:32px auto;overflow:hidden}.ad-placeholder{border:1px dashed var(--border);color:var(--sub);font-size:.8rem;font-family:var(--mono);justify-content:center;align-items:center;display:flex}.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}.home{flex-direction:column;justify-content:center;min-height:calc(100vh - 220px);display:flex}.icon{vertical-align:-.12em;flex:none;width:1em;height:1em}.level-chip{background:var(--bg-2);border-radius:999px;align-items:center;gap:8px;padding:2px 10px;font-size:.85rem;text-decoration:none;display:inline-flex;color:var(--text)!important}.level-chip:hover{outline:1px solid var(--border);text-decoration:none}.level-chip-level{color:var(--accent)}.level-chip-streak{color:var(--sub);align-items:center;gap:3px;display:inline-flex}.level-chip-placeholder{width:0;display:inline-block}.reward{background:var(--bg-2);border-radius:10px;max-width:640px;margin:28px auto 0;padding:16px 18px;animation:.4s cubic-bezier(.22,1,.36,1) .15s both rise-in}.reward-head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.xp-gain{color:var(--accent);font-size:1.6rem}.level-up{color:var(--bg);background:var(--accent);border-radius:999px;padding:1px 10px;font-size:.9rem;animation:.5s cubic-bezier(.34,1.56,.64,1) 1s both pop}.reward-link{color:var(--sub);margin-left:auto;font-size:.9rem;text-decoration:none}.reward-link:hover{color:var(--text)}.xp-bar{background:var(--bg);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.xp-fill{background:var(--accent);border-radius:inherit;transform-origin:0;height:100%;transition:transform .75s cubic-bezier(.22,1,.36,1);transform:scaleX(0)}.xp-fill.static{transition:none}.xp-numbers{margin:6px 0 0;font-size:.8rem}.xp-lines{color:var(--sub);gap:2px;margin:12px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.xp-lines li{justify-content:space-between;gap:12px;display:flex}.xp-line-value{color:var(--text);font-variant-numeric:tabular-nums}.reward-meta{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{background:var(--bg);color:var(--sub);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;display:inline-flex}.chip.streak.lit{color:var(--accent)}.chip.streak.lit .icon{animation:1.6s ease-in-out infinite flicker}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(1.18)rotate(-4deg)}}.goal-track{background:var(--bg-2);border-radius:999px;width:46px;height:5px;display:inline-block;position:relative;overflow:hidden}.goal-track.big{background:var(--bg);width:100%;height:10px;display:block}.goal-fill{background:var(--accent);transform-origin:0;border-radius:inherit;position:absolute;inset:0}.unlocks{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.unlock{background:var(--bg);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;animation:.45s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.unlock>span:nth-child(2){flex:1;min-width:0}.unlock strong{color:var(--accent);font-weight:400}.badge-icon{color:var(--accent);font-size:1.1rem}.swatch{border:2px solid;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.swatch span{border-radius:1px;width:2px;height:10px}.btn.small{padding:3px 10px;font-size:.8rem}.progress-page{font-family:var(--mono);max-width:860px;margin:0 auto}.progress-page h2{margin-top:2.4rem;font-size:1.1rem}.small{font-size:.8rem;font-weight:400}.level-card{background:var(--bg-2);border-radius:12px;align-items:center;gap:24px;padding:18px 20px;display:flex}.level-number{justify-items:center;min-width:72px;line-height:1;display:grid}.level-number strong{color:var(--accent);font-size:3.4rem;font-weight:400}.level-detail{flex:1;min-width:0}.level-rank{font-size:1.15rem}.level-card .xp-bar{background:var(--bg);height:10px}.with-icon{align-items:center;gap:6px;display:inline-flex}.goal-card{background:var(--bg-2);border-radius:12px;padding:14px 18px}.goal-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.9rem;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:0;list-style:none;display:grid}.theme-tile{text-align:left;width:100%;font:inherit;cursor:pointer;border:2px solid;border-radius:10px;gap:6px;padding:12px 14px;transition:transform .15s;display:grid}.theme-tile:hover:not(:disabled){transform:translateY(-2px)}.theme-tile.locked{cursor:default;opacity:.55;filter:saturate(.4)}.theme-sample{align-items:center;font-size:1.15rem;display:flex}.theme-caret{border-radius:1px;width:2px;height:1.1em;margin-left:1px;display:inline-block}.theme-name{font-size:.95rem}.theme-status{font-size:.75rem}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;padding:0;list-style:none;display:grid}.achievement{background:var(--bg-2);opacity:.5;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.achievement .badge-icon{color:var(--sub);margin-top:2px}.achievement.earned{opacity:1}.achievement.earned .badge-icon{color:var(--accent)}.achievement div{gap:2px;min-width:0;font-size:.85rem;display:grid}.achievement strong{font-weight:400}.achievement-date{color:var(--sub);font-size:.72rem}.earn-list{gap:4px;max-width:520px;padding:0;font-size:.88rem;list-style:none;display:grid}.earn-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:4px 0;display:flex}.earn-list li span:last-child{color:var(--accent)}@media (max-width:560px){.level-card{text-align:center;flex-direction:column;align-items:stretch}.site-header nav{gap:6px 12px;font-size:.85rem}}.lang-picker{margin-left:auto;font-size:.9rem;position:relative}.lang-button{color:var(--sub);font:inherit;font-family:var(--mono);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.lang-button:hover:not(:disabled){color:var(--text)}.lang-button[aria-expanded=true]{color:var(--accent)}.lang-list{z-index:20;background:var(--bg-2);border:1px solid var(--border);min-width:240px;max-height:min(440px,70vh);font-family:var(--mono);border-radius:10px;outline:none;margin:0;padding:6px;font-size:.9rem;list-style:none;animation:.16s ease-out rise-in;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00000059}.lang-list li{cursor:pointer;color:var(--text);border-radius:6px;justify-content:space-between;gap:16px;padding:7px 10px;display:flex}.lang-list li.active{background:var(--bg)}.lang-list li.current{color:var(--accent)}.lang-list li .muted{font-size:.8rem}