.ss-typing{justify-content:space-evenly;gap:clamp(.4rem,1.4vh,1.2rem);position:relative;container-type:inline-size}.ss-typing-bar{color:var(--color-text-muted);align-items:center;gap:2rem;font-size:clamp(.85rem,1.4cqi,1.1rem);display:flex}.ss-typing-bar strong{color:var(--color-text)}.ss-mute{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.15em .8em}.ss-passage{background:var(--color-surface);border-radius:var(--radius-md);width:min(100%,72rem);font-family:var(--font-mono);letter-spacing:.02em;white-space:pre-wrap;-webkit-user-select:none;user-select:none;padding:clamp(.6rem,1.8cqi,1.6rem) clamp(1rem,2.6cqi,2.4rem);font-size:clamp(1.25rem,min(3.6cqi,4.6vh),3.5rem);line-height:1.6;box-shadow:0 2px 12px #0000000f}.ss-passage[data-long]{font-size:clamp(1.1rem,min(3cqi,3.9vh),3rem)}.ss-char{transition:color 80ms}.ss-char-correct{color:var(--color-accent)}.ss-char-pending{color:var(--color-text-muted)}.ss-char-incorrect{color:var(--color-error);background:#fde8e0;border-radius:3px}.ss-char-at{border-bottom:.12em solid var(--color-warm);animation:1s step-end infinite ss-blink}@keyframes ss-blink{50%{border-bottom-color:#0000}}.ss-warmup{background:var(--color-surface);border:2px solid var(--color-warm-light);border-radius:var(--radius-lg);text-align:center;width:min(92%,40rem);padding:clamp(1rem,2.4cqi,2rem);position:absolute;top:clamp(.75rem,2vh,1.5rem);left:50%;translate:-50%;box-shadow:0 8px 30px #00000014}.ss-warmup h2{margin-bottom:.4rem;font-size:clamp(1.3rem,2.4cqi,2rem)}.ss-warmup p{color:var(--color-text-muted);font-size:clamp(1rem,1.5cqi,1.25rem)}.ss-done{text-align:center;flex-direction:column;align-items:center;gap:clamp(.6rem,2vh,1.4rem);max-width:40rem;display:flex}.ss-done-icon{font-size:clamp(3rem,8vh,5rem);line-height:1}.ss-done-title{font-size:clamp(1.4rem,2.6vw,2.2rem)}.ss-done-title span{color:var(--color-accent);display:block}.ss-done-message{color:var(--color-text);font-size:clamp(1.05rem,1.5vw,1.3rem)}.ss-done-stats{background:var(--color-surface);border-radius:var(--radius-md);gap:clamp(1.5rem,4vw,3rem);padding:1rem 2rem;display:flex}.ss-done-stats div{flex-direction:column-reverse;display:flex}.ss-done-stats dd{color:var(--color-accent);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700}.ss-done-stats dt{color:var(--color-text-muted);font-size:.9rem}.ss-done-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.ss-caps{border:1px solid var(--color-warm,#e8a87c);color:var(--color-text);background:#fbeadc;border-radius:999px;padding:.3em .9em;font-weight:600}