.te-tray{position:relative;width:min(100%,45rem);aspect-ratio:var(--tray-width) / var(--tray-height);margin-inline:auto;container-type:inline-size;-webkit-user-select:none;user-select:none}.te-tray-key{position:absolute;display:grid;place-items:center;left:calc(var(--key-x) / var(--tray-width) * 100%);top:calc(var(--key-y) / var(--tray-height) * 100%);width:calc(var(--key-width) / var(--tray-width) * 100% - .2rem);height:calc(100% / var(--tray-height) - .2rem);border-radius:var(--radius-field, .25rem);background:linear-gradient(180deg,var(--tk-tile-hi),var(--tk-tile));color:var(--tk-tile-ink);box-shadow:inset 0 1px 0 var(--tk-lip-hi-soft),inset 0 -3px 0 var(--tk-lip-lo),0 2px 0 var(--tk-contact);font-size:clamp(.4rem,1.6cqw,.875rem);font-weight:700;overflow:hidden;transition:transform 80ms ease-out,box-shadow .12s ease-out}.te-tray-key[data-next]{background:linear-gradient(180deg,var(--tk-plum-hi),var(--tk-plum) 58%,var(--tk-plum-lo));color:var(--tk-bone);transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--tk-lip-hi-strong),inset 0 -3px 0 var(--tk-lip-lo),0 3px 0 var(--tk-contact),var(--tk-glow-sel)}.te-tray-key[data-held]{background:linear-gradient(180deg,color-mix(in oklab,var(--tk-gold),var(--tk-bone) 30%),var(--tk-gold) 58%,color-mix(in oklab,var(--tk-gold),var(--tk-on-gold-2) 35%));color:var(--tk-on-gold-2);box-shadow:inset 0 1px 0 var(--tk-lip-hi-strong),inset 0 -3px 0 var(--tk-lip-lo),0 2px 0 var(--tk-contact),0 0 18px color-mix(in oklab,var(--tk-gold) 50%,var(--color-base-100))}.te-tray-key[data-tap-first]{outline:2px dashed var(--tk-purple, var(--color-primary));outline-offset:-2px}.te-tray[data-mode=pause]{animation:te-tray-in .35s ease-out}@keyframes te-tray-in{0%{opacity:0}}.te-root{display:grid;gap:1.5rem;color:var(--color-base-content)}.te-stage{position:relative;isolation:isolate}.te-text{font-family:var(--font-mono, ui-monospace, monospace);font-size:1.5rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;border:none;box-shadow:none;background:none;outline:none;border-radius:var(--radius-field, .25rem);cursor:text;transition:opacity .2s,filter .2s}.te-root:not([data-focused]) .te-text{opacity:.45;filter:blur(1.5px)}.te-focushint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .15s}.te-focushint>span{padding:.5rem 1rem;border-radius:var(--radius-selector, 999px);background:var(--tk-felt-2, var(--color-base-200));border:1px solid var(--tk-glass-edge, var(--color-base-300));font:700 .875rem / 1.2 var(--tk-inter, sans-serif);color:var(--color-base-content)}.te-root:not([data-focused]) .te-focushint{opacity:1}.te-root[data-size=s] .te-text{font-size:1.125rem}.te-root[data-size=l] .te-text{font-size:2rem}.te-text [data-state=todo]{opacity:.5}.te-text [data-state=ok]{color:var(--color-base-content)}.te-text [data-state=wrong]{color:var(--color-error);text-decoration:underline wavy var(--color-error);text-underline-offset:.2em}.te-text [data-state=wrong][data-ws]{box-shadow:inset 0 -2px 0 var(--color-error)}.te-caret{position:absolute;left:calc(var(--cx) - 1px);top:calc(var(--cy) + var(--ch) * .14);width:2px;height:calc(var(--ch) * .72);border-radius:2px;background:var(--tk-purple, var(--color-primary));pointer-events:none;opacity:0}.te-root[data-focused] .te-caret{opacity:1}.te-root[data-caret=block] .te-caret{z-index:-1;left:var(--cx);width:var(--cw);border-radius:3px}.te-root[data-focused][data-caret=block] .te-caret{opacity:.35}.te-root[data-caret=underline] .te-caret{left:var(--cx);top:calc(var(--cy) + var(--ch) - 3px);width:var(--cw);height:3px}.te-root[data-focused] .te-caret[data-idle]{animation:te-blink 1.1s steps(1) infinite}@media(forced-colors:active){.te-caret{forced-color-adjust:none;background:CanvasText}}@keyframes te-blink{50%{opacity:.2}}.te-text [data-state=current][data-nl]:before{content:"\21b5";opacity:.6}.te-root[data-glide=on] .te-caret{transition:left 90ms ease-out,top 90ms ease-out,width 90ms ease-out}.te-stage.te-nudge{animation:te-nudge .18s ease-in-out}@keyframes te-nudge{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.te-text [data-word-done]{position:relative}.te-root[data-effects=subtle] .te-text [data-word-done]{animation:te-shine .9s ease-out both;animation-delay:calc(var(--i, 0) * 25ms)}.te-root[data-effects=lively] .te-text [data-word-done]{display:inline-block;animation:te-shine .9s ease-out both,te-rise .7s cubic-bezier(.2,.8,.3,1) both;animation-delay:calc(var(--i, 0) * 30ms)}.te-root[data-effects=lively] .te-text [data-word-done][data-word-start]:after{content:"";position:absolute;left:50%;top:-.1em;width:6px;height:6px;border-radius:50%;background:var(--tk-gold, var(--color-warning));box-shadow:0 0 10px var(--tk-gold, var(--color-warning));opacity:0;animation:te-spark .8s ease-out both}@keyframes te-shine{0%{color:var(--color-base-content)}30%{color:var(--tk-purple, var(--color-primary));text-shadow:0 0 14px color-mix(in oklab,var(--tk-purple, var(--color-primary)) 60%,var(--color-base-100))}to{color:var(--color-base-content);text-shadow:none}}@keyframes te-rise{0%{transform:none}35%{transform:translateY(-.1em)}to{transform:none}}@keyframes te-spark{0%{opacity:0;transform:translate(-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-18px) scale(1)}}.te-numbers{display:flex;flex-wrap:wrap;gap:1.5rem;font-variant-numeric:tabular-nums;opacity:.8}.te-number strong{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--tk-purple, var(--color-primary))}@media(prefers-reduced-motion:reduce){.te-root *,.te-root *:before,.te-root *:after{animation:none!important;transition:none!important}}