:root{--cache-bust: 1;--bg: #fafaf8;--fg: #1f2328;--muted: #6b7280;--accent: #2563eb;--error: #dc2626;--error-bg: #fee2e2;--surface: #ffffff;--border: #e5e7eb;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--type-size: 1.6rem}:root[data-theme=dark]{--bg: #16181d;--fg: #e6e6e6;--muted: #9ca3af;--accent: #60a5fa;--error: #f87171;--error-bg: #451a1a;--surface: #1f232b;--border: #333944}:root[data-size=large]{--type-size: 2.4rem}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}#app{max-width:860px;margin:0 auto;padding:1rem 1.5rem 3rem}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.5rem}.topbar h1{font-size:1.2rem;margin:0}.settings{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.durations{display:flex;gap:.25rem}button,select,input{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.35rem .7rem;cursor:pointer}input{cursor:text}button:hover,select:hover{border-color:var(--accent)}button.active{background:var(--accent);border-color:var(--accent);color:#fff}.live{display:flex;gap:1.5rem;font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--accent);min-height:2rem;margin-top:2rem}#live-errors{color:var(--error)}#words-viewport{position:relative;height:calc(var(--type-size) * 1.6 * 3);overflow:hidden;outline:none;margin-top:.5rem;border-radius:8px;touch-action:manipulation}#mobile-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:none;padding:0;background:transparent;caret-color:transparent;cursor:default;z-index:1;font-size:16px;-webkit-tap-highlight-color:transparent}#words{font-family:var(--mono);font-size:var(--type-size);line-height:1.6;display:flex;flex-wrap:wrap;gap:0 .6em;transition:transform .15s ease-out;-webkit-user-select:none;user-select:none}.word{position:relative;color:var(--muted)}.word .ok{color:var(--fg)}.word .bad{color:var(--error);background:var(--error-bg);border-radius:3px}.word .extra{color:var(--error);opacity:.7}.word.miss{text-decoration:underline;text-decoration-color:var(--error)}#caret{position:absolute;left:0;top:0;width:max(2px,calc(var(--type-size) * .09));height:calc(var(--type-size) * 1.15);border-radius:calc(var(--type-size) * .05);background:var(--accent);will-change:transform;transition:transform .12s ease-out;animation:blink 1.2s ease-in-out infinite}#caret.typing{animation:none;opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){#caret,#words{transition:none}}.blurred #words{filter:blur(4px)}.hint{color:var(--muted);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-block:1rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.stat b{display:block;font-size:1.8rem;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:.85rem}#sparkline,#history-chart{width:100%;height:60px;display:block;margin-block:.5rem}.spark-line{fill:none;stroke:var(--accent);stroke-width:2}.spark-fill{fill:var(--accent);opacity:.12;stroke:none}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}#history-section{margin-top:3rem}#history-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}#history-table th,#history-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border)}#history-table th{color:var(--muted);font-weight:600;font-size:.85rem}.print-only{display:none}@media print{body *{visibility:hidden}#result-card,#result-card *{visibility:visible}#result-card{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem}.print-only{display:block}.print-only input{border:none;border-bottom:1px solid #000;border-radius:0}}