.st-app{width:100%}.st-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.st-back{font-size:.85rem;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color var(--trans-fast)}.st-back:hover{color:#fff}.st-title-wrap{display:flex;align-items:center;gap:12px}.st-title-wrap h1{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;margin:0}.st-status{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:5px}.st-status.is-idle{background:#94a3b81a;color:var(--text-secondary);border:1px solid var(--border-subtle)}.st-status.is-live{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.st-status.is-paused{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.st-actions{display:flex;align-items:center;gap:8px}.st-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--trans-fast)}.st-icon-btn:hover{background:#ffffff1f;color:#fff}.st-icon-btn svg{width:18px;height:18px}.st-hero{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:20px;box-shadow:var(--shadow-md)}.st-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media(max-width:600px){.st-stats{grid-template-columns:repeat(2,1fr);gap:12px}}.st-stat{display:flex;flex-direction:column;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px}.st-k{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:4px}.st-v{font-family:var(--font-mono);font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:700;color:#fff;line-height:1.1}.st-progress-wrap{width:100%;height:6px;background:#ffffff0f;border-radius:var(--radius-pill);overflow:hidden;position:relative;margin-bottom:16px}.st-progress-bar{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--grad-primary);border-radius:var(--radius-pill);transition:width .25s linear}.st-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.st-duration-group{display:flex;align-items:center;gap:6px}.st-dur-label{font-size:.78rem;color:var(--text-muted);margin-right:6px}.st-dur-btn{padding:5px 14px;font-size:.8rem;font-weight:600;border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast)}.st-dur-btn:hover{background:#ffffff14;color:#fff}.st-dur-btn.is-active{background:#6366f140;border-color:var(--accent-primary);color:#fff}.st-restart-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast)}.st-restart-btn:hover{background:#ffffff1a;color:#fff}.st-arena{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:28px;position:relative;box-shadow:var(--shadow-lg);min-height:220px;cursor:text;margin-bottom:24px}.st-input-catcher{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:default;font-size:16px;border:none;background:transparent}.st-board{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px 14px;max-height:160px;overflow-y:hidden;position:relative;font-family:var(--font-body);font-size:clamp(1.25rem,2.5vw,1.6rem);line-height:1.5;user-select:none;-webkit-user-select:none}.st-word{display:inline-flex;align-items:baseline;padding:2px 6px;border-radius:6px;position:relative;transition:background .15s ease,opacity .15s ease;color:var(--text-muted)}.word-active{background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#fff}.word-next{color:var(--text-secondary)}.word-correct{color:#ffffff47}.word-error{color:#f43f5ea6;border-bottom:2px solid #f43f5e}.st-char{position:relative}.char-correct{color:#fff}.char-incorrect{color:#f43f5e;background:#f43f5e26;border-radius:2px}.char-extra{color:#f87171;background:#ef444440;border-radius:2px}.char-current-target{color:#fff}.st-caret{position:absolute;width:2.5px;background:var(--accent-cyan);border-radius:2px;box-shadow:0 0 8px #06b6d4cc;pointer-events:none;z-index:5;transition:left .08s linear,top .08s linear;animation:caretBlink 1s infinite ease-in-out}@keyframes caretBlink{0%,to{opacity:1}50%{opacity:.3}}.st-focus-overlay{display:none;position:absolute;inset:0;background:#0a0c12d9;backdrop-filter:blur(4px);z-index:10;border-radius:var(--radius-lg);align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer}.st-focus-overlay.is-visible{display:flex}.st-focus-text{font-size:.95rem;font-weight:600;color:#fff}.st-modal-backdrop{display:none;position:fixed;inset:0;background:#000000c7;backdrop-filter:blur(8px);z-index:2000;align-items:center;justify-content:center;padding:20px}.st-modal-backdrop.is-open{display:flex}.st-modal{width:100%;max-width:520px;background:var(--bg-surface-elevated);border:1px solid var(--border-highlight);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.st-modal-tier{font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:var(--radius-pill);margin-bottom:12px;display:inline-flex;align-items:center;gap:6px}.tier-master{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.4)}.tier-advanced{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.4)}.tier-intermediate{background:#06b6d426;color:#38bdf8;border:1px solid rgba(6,182,212,.4)}.tier-beginner{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.st-modal-wpm-hero{font-family:var(--font-mono);font-size:3.6rem;font-weight:800;line-height:1;color:#fff;margin-bottom:4px}.st-modal-wpm-lbl{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.st-modal-metrics{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.st-modal-metric{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 8px}.st-modal-metric-val{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:#fff}.st-modal-metric-lbl{font-size:.72rem;color:var(--text-muted);margin-top:2px}.st-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%}.st-btn-try-again{width:100%;padding:12px;border-radius:var(--radius-md);background:var(--grad-primary);color:#fff;font-size:.95rem;font-weight:700;border:1px solid rgba(255,255,255,.16);cursor:pointer;box-shadow:0 4px 16px #6366f159}.st-btn-try-again:hover{filter:brightness(1.08)}.st-btn-secondary{width:100%;padding:10px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.st-btn-secondary:hover{background:#ffffff1a;color:#fff}