.typing-container{width:100%;max-width:var(--typing-max-width);margin:0 auto;position:relative}.inline-metrics{justify-content:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:var(--space-sm) var(--space-2xl);width:max-content;margin-left:auto;margin-right:auto;transition:border-color .3s,box-shadow .3s;display:flex}.im-stat{align-items:baseline;gap:var(--space-sm);display:flex}.im-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.im-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.im-value small{font-size:var(--text-xs);color:var(--text-muted);margin-left:2px}.im-primary{color:var(--color-primary-light)}.im-divider{background:var(--border-default);width:1px;height:24px}.text-display{font-family:var(--font-mono);-webkit-user-select:none;user-select:none;cursor:text;outline:none;font-size:clamp(1.5rem,2.4vw,2rem);line-height:2.15;transition:opacity .2s;position:relative}.text-display:not(.focused) .text-viewport{opacity:.3;filter:blur(1.5px)}.text-viewport{height:calc(6.45*clamp(1.5rem,2.4vw,2rem));position:relative;overflow:hidden}.text-content{will-change:transform;transition:transform .25s ease-out;position:relative}.word{border-bottom:2px solid #0000;margin:0 .35ch 0 0;transition:border-color .15s;display:inline-block;position:relative}.word.word-error{border-bottom-color:#ef44444d}.word.word-active{border-bottom-color:#6366f133}.letter{transition:color 50ms;display:inline;position:relative}.letter.upcoming{color:var(--typing-upcoming)}.letter.correct{color:var(--typing-correct)}.letter.error{color:var(--typing-error);background-color:var(--typing-error-bg);border-radius:2px}.letter.current{color:var(--text-primary)}.letter.current-error{color:var(--typing-error);text-underline-offset:4px;text-decoration:underline}.letter.extra{color:var(--typing-error);opacity:.5;font-size:.9em}.caret{transition:transform var(--caret-speed,.1s) cubic-bezier(.22, .68, 0, 1);will-change:transform;pointer-events:none;z-index:5;position:absolute;top:0;left:0}.caret-line{background-color:var(--color-primary);border-radius:3px;width:2.5px;height:1.25em}.caret-outline{border:2px solid var(--color-primary);box-sizing:border-box;width:1ch;height:1.25em}.caret.blinking{animation:1s ease-in-out infinite caret-blink-smooth}@keyframes caret-blink-smooth{0%,to{opacity:1}50%{opacity:0}}.interaction-overlay{z-index:10;cursor:text;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.focus-prompt{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-secondary);align-items:center;gap:var(--space-sm);background:var(--bg-surface);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-default);border-radius:var(--radius-sm);display:flex}.focus-icon{font-size:1.1rem}.hidden-input{opacity:0;z-index:-1;pointer-events:none;width:0;height:0;position:absolute}.restart-hint{text-align:center;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}.restart-hint kbd{background:var(--bg-hover);border:1px solid var(--border-default);font-size:.8em;font-family:var(--font-mono);color:var(--text-secondary);border-radius:3px;padding:1px 6px}.results-overlay{background:var(--overlay-scrim);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.results-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-3xl);text-align:center;width:90%;max-width:520px}.results-title{font-size:var(--text-2xl);margin-bottom:var(--space-xl);color:var(--text-primary);font-weight:800}.results-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.result-item{flex-direction:column;align-items:center;display:flex}.result-value{font-family:var(--font-mono);font-size:var(--text-3xl);margin-bottom:var(--space-xs);font-weight:700;line-height:1}.result-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.results-actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.slowest-digraphs-section{margin:var(--space-xl) 0;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.slowest-digraphs-section .section-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md);font-weight:700}.digraph-list{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.digraph-badge{background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);flex-direction:column;align-items:center;min-width:60px;display:flex}.dg-chars{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-primary-light);font-weight:700}.dg-latency{color:var(--text-muted);font-size:.75rem}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-strip{grid-template-columns:1fr}.text-display{font-size:1.2rem;line-height:1.95}.text-viewport{height:7.02rem}.results-card{padding:var(--space-xl)}.result-value{font-size:var(--text-xl)}}