.tt-box{height:calc(var(--tt-lh) * 3);--tt-lh:2.6rem;transition:filter .2s,opacity .2s;position:relative;overflow:hidden}@media (width<=640px){.tt-box{--tt-lh:2.15rem}}.tt-box.is-blurred{filter:blur(4px);opacity:.55}.tt-words{font-family:var(--font-mono);font-size:1.55rem;line-height:var(--tt-lh);color:var(--color-ink-4);word-spacing:.15em;user-select:none;transition:transform .15s;position:relative}@media (width<=640px){.tt-words{font-size:1.2rem}}.tt-w{white-space:nowrap;line-height:calc(var(--tt-lh) - .5rem);border-bottom:2px solid #0000;display:inline-block}.tt-w .ok{color:var(--color-ink)}.tt-w .bad{color:var(--color-coral)}.tt-w .extra{opacity:.7}.tt-w.is-err{border-bottom-color:#ff5c4d8c}.tt-caret{width:2px;height:calc(var(--tt-lh) - .7rem);background:var(--color-coral);border-radius:2px;transition:transform 60ms linear;animation:1s step-end infinite tt-blink;position:absolute;top:.35rem;left:0}.tt-caret.is-typing{animation:none}@keyframes tt-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.tt-caret,.tt-words{transition:none}}.tt-input{opacity:0;color:#0000;caret-color:#0000;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.tt-blur{cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.tt-blur[hidden]{display:none}.tt-key{border-radius:2px;width:.6rem;height:.6rem;display:inline-block}