.keystroke-main{min-height:calc(100dvh - 57px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-5)}.keystroke-passage{max-width:640px;font-size:var(--step-2);line-height:1.8;letter-spacing:.01em;text-transform:none}.keystroke-passage .char{opacity:.45}.keystroke-passage .char--correct{opacity:1;color:var(--ink)}.keystroke-passage .char--incorrect{opacity:1;color:var(--stock);background:var(--pink);border-radius:var(--radius)}.keystroke-passage .char--current{border-bottom:2px solid var(--sun)}.keystroke-input{width:100%;max-width:640px;font-family:var(--font-mono);font-size:var(--step-2);border:var(--outline);border-radius:var(--radius);background:var(--stock-2);color:var(--ink);padding:var(--space-3) var(--space-4);min-height:44px}.keystroke-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.keystroke-stats{font-size:var(--step-1);opacity:.75}