.tool[data-tool=typing-test] .tt-bar{gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.tool[data-tool=typing-test] .tt-seg{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=typing-test] .tt-seg .on{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.tool[data-tool=typing-test] .tt-left{font-variant-numeric:tabular-nums}.tool[data-tool=typing-test] .tt-words{max-block-size:8.5rem;padding:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-lg);cursor:text;line-height:2;overflow-y:auto}.tool[data-tool=typing-test] .tt-w{border-radius:var(--r-sm);margin-inline-end:.5em;padding-inline:.2em;display:inline-block}.tool[data-tool=typing-test] .tt-w.cur{background:var(--c-primary-soft);outline:2px solid var(--c-primary)}.tool[data-tool=typing-test] .tt-w.ok{color:var(--c-ok)}.tool[data-tool=typing-test] .tt-w.bad{color:var(--c-danger);text-decoration:line-through}.tool[data-tool=typing-test] .tt-input{inline-size:100%;min-block-size:var(--tap);font-size:1rem}