.ty-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.8fr)}.ty-layout>div{min-width:0;padding:20px}.ty-options{border:1px solid var(--line);border-radius:10px;padding:10px;margin:0 0 14px;display:flex;gap:8px;flex-wrap:wrap}.ty-options legend{font-weight:700;padding:0 4px}.ty-options label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:10px;cursor:pointer;box-shadow:0 1px 2px #00000008}.ty-options label:has(input:checked){border-color:var(--category-accent);background:var(--category-soft);font-weight:700;box-shadow:inset 0 0 0 1px var(--category-accent)}.ty-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ty-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.ty-stats>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);box-shadow:0 2px 5px #00000007}.ty-stats span{display:block;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:750;font-variant-numeric:tabular-nums}.ty-stats small{display:block;color:var(--muted);margin-top:4px}.ty-passage{max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:1.1rem/1.9 ui-monospace,Consolas,monospace;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--surface);margin-bottom:14px}.ty-passage .correct{color:#176439;background:#e2f5e8}.ty-passage .incorrect{color:#9f1725;background:#ffe0e2;text-decoration:underline wavy;text-underline-offset:4px}.ty-passage .current{border-bottom:3px solid var(--category-accent);background:var(--category-soft)}[data-theme=dark] .ty-passage .correct{color:#b0edc5;background:#183d28}[data-theme=dark] .ty-passage .incorrect{color:#ffb5bf;background:#522530}.typing-tool textarea{min-height:135px;resize:vertical;font-family:ui-monospace,Consolas,monospace;tab-size:2}.ty-target{width:100%;min-height:250px;border:2px solid var(--category-accent);border-radius:14px;background:var(--category-soft);color:var(--text);font-size:1.4rem;font-weight:750;cursor:pointer;touch-action:manipulation;user-select:none;padding:20px}.ty-target:disabled{cursor:default;opacity:.65}.ty-target[data-phase=waiting]{background:#584617;color:#fff;border-color:#a78835}.ty-target[data-phase=go]{background:#176439;color:#fff;border-color:#10452b;box-shadow:0 0 0 4px #17643922}.ty-target:focus-visible,.ty-options label:has(:focus-visible){outline:3px solid var(--category-accent);outline-offset:4px}.ty-target:active:not(:disabled){transform:translateY(1px)}.ty-result{border:1px solid var(--line);border-left:4px solid var(--category-accent);border-radius:10px;padding:14px;margin-top:14px}.ty-result ol{max-height:220px;overflow:auto}.typing-tool .workspace-preview{position:static}.typing-tool .ty-toolbar .button{min-height:44px}#ty-start{background:var(--category-accent);color:#fff}#ty-input:disabled{opacity:.65}
@media(max-width:800px){.ty-layout{grid-template-columns:1fr}.ty-layout>div{padding:14px}.ty-passage{max-height:180px;font-size:1rem}.ty-target{min-height:220px}.ty-options label{min-height:44px}.ty-stats>div{padding:9px}}

html[data-theme=dark] #ty-start{color:#16291e}
.typing-tool .workspace-preview{display:block;align-self:stretch}.typing-tool textarea{width:100%}.typing-tool .ty-passage{width:100%}.typing-tool .ty-result p{margin-bottom:0}