:root{--bg: #1e1f22;--panel: #2b2d31;--panel-2: #313338;--border: #1f2024;--text: #f2f3f5;--muted: #b5bac1;--accent: #5865f2;--good: #23a559;--warn: #f0b232;--bad: #f23f42;--you: #00a8fc;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:gg sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px}.app{display:flex;flex-direction:column;height:100%;padding:16px;gap:12px;max-width:720px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.row{display:flex;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.spacer{flex:1}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}button.secondary{background:var(--panel-2);color:var(--text)}.title{font-size:18px;font-weight:700}.muted{color:var(--muted);font-size:13px}.player{display:grid;grid-template-columns:22px 1fr 60px 50px;align-items:center;gap:8px;padding:6px 0}.player .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player.you .name{color:var(--you)}.player .progress-track{position:relative;height:10px;background:var(--panel-2);border-radius:6px;overflow:hidden}.player .progress-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:width .1s linear}.player.you .progress-fill{background:var(--you)}.player.finished .progress-fill{background:var(--good)}.player.flagged .progress-fill{background:var(--bad)}.countdown{font-size:64px;font-weight:800;text-align:center;letter-spacing:4px}.phrase{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:18px;line-height:1.55;background:var(--panel-2);padding:12px 14px;border-radius:6px;white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none}.phrase .ok{color:var(--good)}.phrase .bad{color:var(--bad);background:#f23f422e;border-radius:2px}.phrase .cursor{background:#5865f280;border-radius:2px}.phrase .pending{color:var(--muted)}textarea.typing{width:100%;min-height:64px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px;font-family:JetBrains Mono,Consolas,monospace;font-size:16px;resize:none}textarea.typing:focus{outline:2px solid var(--accent)}textarea.typing.flagged{outline-color:var(--bad)}.results-row{display:grid;grid-template-columns:28px 1fr 70px 70px 80px;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.results-row.flagged{opacity:.6}.rank-1{color:gold;font-weight:800}.rank-2{color:silver;font-weight:700}.rank-3{color:#cd7f32;font-weight:700}.error-banner{background:#f23f4226;border:1px solid var(--bad);color:var(--bad);padding:8px;border-radius:6px;font-size:13px}