.modes-nav[data-v-8952f3af]{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.mode-nav-btn[data-v-8952f3af]{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.mode-nav-btn.active[data-v-8952f3af]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.keyboard-tester-panel[data-v-8952f3af]{flex-direction:column;gap:14px;display:flex}.tester-stats-bar[data-v-8952f3af]{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.stat-group[data-v-8952f3af]{flex-wrap:wrap;gap:12px;display:flex}.stat-pill[data-v-8952f3af]{color:var(--muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.stat-pill .pill-val[data-v-8952f3af]{color:var(--text);font-weight:650}.stat-pill .pill-val.highlight[data-v-8952f3af]{color:var(--accent)}.keyboard-frame[data-v-8952f3af]{border-radius:var(--radius);border:1px solid var(--line);background:#09090b;justify-content:center;padding:16px;display:flex;overflow-x:auto}.keyboard-body[data-v-8952f3af]{flex-direction:column;gap:6px;min-width:680px;display:flex}.kb-row[data-v-8952f3af]{gap:6px;display:flex}.kb-key[data-v-8952f3af]{color:#a1a1aa;-webkit-user-select:none;user-select:none;background:#18181b;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;height:38px;font-size:.72rem;font-weight:600;transition:all .1s;display:flex;box-shadow:0 2px #0006}.kb-key.pressed[data-v-8952f3af]{background:color-mix(in srgb, var(--accent) 30%, #18181b);border-color:color-mix(in srgb, var(--accent) 60%, transparent);color:#fff}.kb-key.active[data-v-8952f3af]{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 12px var(--accent);font-weight:750;transform:translateY(2px)}.w-1[data-v-8952f3af]{flex:1}.w-1-25[data-v-8952f3af]{flex:1.25}.w-1-5[data-v-8952f3af]{flex:1.5}.w-1-75[data-v-8952f3af]{flex:1.75}.w-2[data-v-8952f3af]{flex:2}.w-2-25[data-v-8952f3af]{flex:2.25}.w-2-75[data-v-8952f3af]{flex:2.75}.w-6-25[data-v-8952f3af]{flex:6.25}.key-info-card[data-v-8952f3af]{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);align-items:stretch;gap:14px;padding:12px 14px;display:flex}.key-cap-preview[data-v-8952f3af]{background:#18181b;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;width:72px;min-height:72px;padding:8px;display:grid;box-shadow:0 2px #00000059,inset 0 1px #ffffff0f}.key-cap-glyph[data-v-8952f3af]{font-family:var(--mono);color:#fafafa;text-align:center;word-break:break-all;font-size:1.35rem;font-weight:700;line-height:1}.key-info-body[data-v-8952f3af]{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.key-info-eyebrow[data-v-8952f3af]{color:var(--muted);margin:0;font-size:.72rem;font-weight:500}.key-info-name[data-v-8952f3af]{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.key-info-desc[data-v-8952f3af]{color:var(--muted);margin:2px 0 0;font-size:.76rem;line-height:1.45}.tester-hint[data-v-8952f3af]{color:var(--muted);text-align:center;margin:4px 0 0;font-size:.78rem}.speed-test-panel[data-v-8952f3af]{flex-direction:column;gap:14px;display:flex}.samples-row[data-v-8952f3af]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.samples-label[data-v-8952f3af]{color:var(--muted);font-size:.78rem}.samples-chips[data-v-8952f3af]{flex-wrap:wrap;gap:6px;display:flex}.s-chip[data-v-8952f3af]{border-radius:var(--radius-xs);background:var(--bg-elev);border:1px solid var(--line);color:var(--text);cursor:pointer;padding:4px 10px;font-size:.76rem}.s-chip.active[data-v-8952f3af]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--bg-elev));color:var(--accent)}.speed-dashboard[data-v-8952f3af]{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.speed-stat-card[data-v-8952f3af]{border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--line);flex-direction:column;padding:12px 14px;display:flex}.speed-stat-card.highlight[data-v-8952f3af]{background:color-mix(in srgb, var(--accent-soft) 35%, var(--bg-elev));border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.speed-stat-card.highlight .s-val[data-v-8952f3af]{color:var(--accent)}.s-label[data-v-8952f3af]{color:var(--muted);font-size:.72rem}.s-val[data-v-8952f3af]{margin:2px 0;font-size:1.4rem;font-weight:750}.s-sub[data-v-8952f3af]{color:var(--muted);align-items:center;gap:4px;font-size:.68rem;display:flex}.typing-workspace[data-v-8952f3af]{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.target-text-box[data-v-8952f3af]{border-radius:var(--radius-sm);background:var(--bg-elev);border:1px solid var(--line);letter-spacing:.04em;-webkit-user-select:none;user-select:none;padding:14px;font-size:1.05rem;line-height:1.7}.char-span[data-v-8952f3af]{color:var(--muted)}.char-span.correct[data-v-8952f3af]{color:var(--ok)}.char-span.wrong[data-v-8952f3af]{color:#ef4444;background:#ef444426;border-radius:2px;text-decoration:underline}.char-span.current[data-v-8952f3af]{background:var(--accent);color:var(--accent-ink);border-radius:2px}.typing-input[data-v-8952f3af]{width:100%;font-size:1rem;line-height:1.6}.typing-actions[data-v-8952f3af]{justify-content:space-between;align-items:center;display:flex}.finished-tag[data-v-8952f3af]{color:var(--ok);font-size:.82rem;font-weight:600}@media (width<=640px){.speed-dashboard[data-v-8952f3af]{grid-template-columns:1fr 1fr}.key-info-card[data-v-8952f3af]{text-align:center;flex-direction:column;align-items:center}}