.typing-tool{gap:1.2rem;max-width:940px;margin:1.5rem auto 3rem;display:grid}.typing-setup{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.typing-lead h2{letter-spacing:-.04em;margin:.5rem 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.2}.typing-lead p,.typing-kicker,.typing-note{color:var(--muted);font-size:.85rem;line-height:1.55}.typing-kicker{font-weight:650}.typing-settings{border:0;min-width:0;margin:0;padding:0}.typing-settings legend,.typing-setting-label,.typing-input-label{margin-bottom:.55rem;font-size:.82rem;font-weight:700;display:block}.typing-setting-label{margin:1rem 0 .55rem}.typing-mode,.typing-length,.typing-actions{flex-wrap:wrap;gap:.55rem;display:flex}.typing-tool .button{min-height:44px}.typing-mode .button[aria-pressed=true],.typing-length .button[aria-pressed=true]{background:var(--surface-muted);border-color:var(--focus);color:var(--accent-ink)}.typing-start{width:100%;margin-top:1.1rem}.typing-focus{color:var(--accent-ink);font-size:.85rem}.typing-status{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.typing-status>div,.typing-metrics>div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:.2rem;padding:.9rem 1rem;display:grid}.typing-status span,.typing-metrics span{color:var(--muted);font-size:.75rem}.typing-status strong{font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,3vw,2rem)}.typing-progress{appearance:none;background:var(--surface-muted);border:0;border-radius:9px;width:100%;height:7px;display:block;overflow:hidden}.typing-progress::-webkit-progress-bar{background:var(--surface-muted)}.typing-progress::-webkit-progress-value{background:var(--accent-ink);border-radius:9px}.typing-progress::-moz-progress-bar{background:var(--accent-ink)}.typing-prompt{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md);min-height:178px;max-height:250px;color:var(--ink);flex-wrap:wrap;align-content:flex-start;gap:.2rem .5em;padding:1.4rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.12rem,2.5vw,1.5rem);line-height:1.75;display:flex;overflow:hidden}.typing-word{white-space:nowrap;border-radius:.2rem}.typing-word.is-active{box-shadow:inset 0 -3px var(--accent-ink)}.typing-word .is-correct{color:var(--accent-ink)}.typing-word .is-wrong{color:var(--danger);text-decoration:underline;text-decoration-thickness:2px}.typing-current{display:none}.typing-input{background:var(--surface);width:100%;min-height:80px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;resize:vertical;padding:.9rem 1rem;line-height:1.5}.typing-input:disabled{opacity:.65}.typing-results{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);gap:.8rem;padding:1.5rem;display:grid}.typing-results h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,2rem)}.typing-results .typing-kicker{color:var(--accent-ink);margin:0;font-size:1rem;font-weight:800}.typing-result-actions{border-bottom:1px solid var(--line);padding:.35rem 0 .65rem}.typing-metrics{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.typing-metrics strong{font-variant-numeric:tabular-nums;font-size:1.4rem}.typing-weak h3{margin:0 0 .55rem;font-size:.95rem}.typing-weak ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.typing-weak li{background:var(--surface-muted);border-radius:var(--radius-sm);align-items:center;gap:.6rem;min-width:54px;padding:.45rem .7rem;display:flex}.typing-weak li span{font-family:ui-monospace,monospace;font-weight:700}.typing-feedback{min-height:1.2rem;color:var(--accent-ink);font-size:.85rem}.typing-manual{gap:.5rem;font-size:.82rem;font-weight:650;display:grid}.typing-manual textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:.7rem}.typing-history{border-top:1px solid var(--line);padding-top:.6rem}.typing-history summary{cursor:pointer;min-height:44px;padding:.75rem 0;font-weight:650}.typing-history ol{max-height:320px;padding-left:1.3rem;overflow:auto}.typing-history li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.65rem 0;font-size:.8rem;display:flex}.typing-history li strong{font-variant-numeric:tabular-nums;text-align:right}@media (prefers-reduced-motion:no-preference){.typing-results{animation:.2s cubic-bezier(.16,1,.3,1) typing-arrive}@keyframes typing-arrive{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (max-width:650px){.typing-tool{gap:.85rem}.typing-setup{grid-template-columns:1fr;gap:.9rem;padding:1rem}.typing-lead h2,.typing-lead .typing-kicker{display:none}.typing-lead p{margin:0}.typing-status{gap:.4rem}.typing-status>div{padding:.6rem}.typing-status strong{font-size:1.3rem}.typing-prompt{min-height:156px;padding:1rem}.typing-current{z-index:2;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;color:var(--muted);white-space:nowrap;align-items:center;gap:.65rem;padding:.55rem .8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;display:flex;position:sticky;top:.5rem;overflow:hidden}.typing-current strong{color:var(--ink);font-size:1.05rem}.typing-current>span{text-overflow:ellipsis;overflow:hidden}.typing-current .is-correct{color:var(--accent-ink)}.typing-current .is-wrong{color:var(--danger);text-decoration:underline}.typing-results{padding:1rem}.typing-metrics{grid-template-columns:repeat(2,1fr);gap:.5rem}.typing-history li{gap:.3rem;display:grid}.typing-history li strong{text-align:left}}