:root{--bg:#fff;--text:#111;--t2:#888;--t3:#ccc;--border:#ebebeb;--wrong:#e53e3e;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--text:#f0f0f0;--t2:#666;--t3:#333;--border:#1e1e1e;--wrong:#ff5c5c}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}button{font-family:var(--sans);cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex}.logo{letter-spacing:-.3px;color:var(--text);font-size:15px;font-weight:600}.nav{gap:24px;display:flex}.nav-item{color:var(--t2);letter-spacing:-.1px;padding:0;font-size:13px;font-weight:500;transition:color .15s}.nav-item:hover,.nav-item.active{color:var(--text)}.main{flex:1;justify-content:center;padding:72px 24px 48px;display:flex}.footer{text-align:center;color:var(--t3);border-top:1px solid var(--border);padding:24px;font-size:12px}.footer a:hover{color:var(--t2);transition:color .15s}.game{flex-direction:column;gap:40px;width:100%;max-width:620px;display:flex}.toolbar{justify-content:space-between;align-items:center;display:flex}.diff-group{align-items:center;gap:16px;display:flex}.diff-btn{color:var(--t3);letter-spacing:-.1px;padding:0;font-size:13px;font-weight:500;transition:color .15s}.diff-btn:hover:not(:disabled){color:var(--t2)}.diff-btn.active{color:var(--text)}.diff-btn:disabled{cursor:default}.category-tag{color:var(--t3);text-transform:capitalize;letter-spacing:.2px;font-size:12px}.phrase-wrap{cursor:text;-webkit-user-select:none;user-select:none}.phrase-text{font-family:var(--mono);letter-spacing:.01em;font-size:22px;line-height:1.9}.ch{color:var(--t3);transition:color 40ms;position:relative}.ch.correct{color:var(--text)}.ch.wrong{color:var(--wrong)}.ch.caret:before{content:"";background:var(--text);border-radius:2px;width:2px;animation:1s step-end infinite blink;position:absolute;top:.18em;bottom:.18em;left:-1px}.caret-end{vertical-align:text-bottom;background:var(--text);border-radius:2px;width:2px;height:1.05em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ghost-input{opacity:0;width:1px;height:1px;position:fixed;left:-9999px}.stats-row{align-items:flex-end;gap:36px;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-n{letter-spacing:-2px;color:var(--text);font-variant-numeric:tabular-nums;font-size:36px;font-weight:200;line-height:1}.stat-n.dim{color:var(--t3)}.stat-l{text-transform:uppercase;letter-spacing:.8px;color:var(--t2);font-size:10px;font-weight:500}.prompt{color:var(--t3);letter-spacing:-.1px;margin-top:-16px;font-size:13px}.actions{align-items:center;gap:10px;margin-top:-16px;display:flex}.btn-primary{color:var(--bg);background:var(--text);letter-spacing:-.1px;border-radius:980px;padding:8px 18px;font-size:13px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.8}.btn-ghost{color:var(--t2);border:1px solid var(--border);letter-spacing:-.1px;border-radius:980px;padding:8px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--t2)}.overlay{-webkit-backdrop-filter:blur(12px);z-index:50;background:#0003;justify-content:center;align-items:center;animation:.18s fade-in;display:flex;position:fixed;inset:0}@media (prefers-color-scheme:dark){.overlay{background:#00000080}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.result{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:32px;width:400px;max-width:calc(100vw - 40px);padding:40px;animation:.22s cubic-bezier(.22,1,.36,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-header{justify-content:space-between;align-items:center;display:flex}.result-title{color:var(--t2);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600}.pb-label{color:var(--text);background:var(--border);text-transform:uppercase;letter-spacing:.6px;border-radius:980px;padding:3px 10px;font-size:11px;font-weight:600}.result-main{align-items:center;gap:32px;display:flex}.result-big .stat-n{letter-spacing:-4px;font-size:72px}.result-big .stat-l{font-size:11px}.result-secondary{flex-direction:column;gap:14px;padding-bottom:4px;display:flex}.result-row{align-items:baseline;gap:8px;display:flex}.result-row .stat-n{letter-spacing:-1px;font-size:22px}.result-row .stat-l{font-size:10px}.result-continue{color:var(--bg);background:var(--text);border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:opacity .15s}.result-continue:hover{opacity:.8}.board{flex-direction:column;gap:32px;width:100%;max-width:620px;display:flex}.board-header{justify-content:space-between;align-items:center;display:flex}.board-title{letter-spacing:-.5px;color:var(--text);font-size:22px;font-weight:600}.btn-clear{color:var(--t2);border:1px solid var(--border);border-radius:980px;padding:6px 14px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.btn-clear:hover,.btn-clear.confirming{color:var(--wrong);border-color:var(--wrong)}.best-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:20px 0;display:flex}.best-wpm{letter-spacing:-3px;color:var(--text);font-size:52px;font-weight:200;line-height:1}.best-unit{text-transform:uppercase;letter-spacing:.5px;color:var(--t2);font-size:13px;font-weight:500}.best-meta{color:var(--t3);text-align:right;margin-left:auto;font-size:12px;line-height:1.6}.empty{color:var(--t3);padding:60px 0;font-size:14px}.records{flex-direction:column;display:flex}.record-row{border-bottom:1px solid var(--border);color:var(--t2);grid-template-columns:28px 1fr 1fr 1fr 1fr 2fr;align-items:center;gap:8px;padding:11px 0;font-size:13px;display:grid}.record-row.head{text-transform:uppercase;letter-spacing:.6px;color:var(--t3);padding-bottom:8px;font-size:10px;font-weight:600}.record-row:last-child{border-bottom:none}.record-row .wpm{color:var(--text);font-size:15px;font-weight:500}.record-row.top .wpm{color:var(--text)}.record-date{color:var(--t3)}@media (width<=600px){.header{padding:0 20px}.main{padding:48px 20px 40px}.phrase-text{font-size:18px}.stat-n{font-size:28px}.stats-row{gap:24px}.result{padding:28px 24px}.result-big .stat-n{font-size:52px}}