.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:var(--color-base-200);color:var(--color-base-content);box-shadow:var(--tk-lips, none);font-size:clamp(.4rem,1.6cqw,.875rem);overflow:hidden}.te-tray-key[data-held],.te-tray-key[data-tap-first]{outline:2px solid var(--color-primary);outline-offset:-2px}.te-tray-key[data-tap-first]{outline-style:dashed}.te-tray-key[data-next]{background:var(--color-primary);color:var(--color-primary-content)}.te-root{display:grid;gap:1.5rem;color:var(--color-base-content)}.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}.te-text:focus-visible{outline:2px solid var(--color-primary);outline-offset:.5rem}.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-text [data-state=current]{box-shadow:inset 2px 0 0 var(--color-primary)}.te-root[data-caret=block] .te-text [data-state=current]{box-shadow:none;background:var(--color-primary);color:var(--color-primary-content)}.te-root[data-caret=underline] .te-text [data-state=current]{box-shadow:inset 0 -3px 0 var(--color-primary)}.te-text [data-state=current][data-nl]:before{content:"\21b5";opacity:.6}.te-root[data-glide=on] .te-text span{transition:box-shadow 90ms ease-out,background-color 90ms ease-out}.te-root[data-effects=subtle] .te-text [data-word-done],.te-root[data-effects=lively] .te-text [data-word-done]{animation:te-shimmer .6s ease-out 1}.te-root[data-effects=lively] .te-text [data-word-done]{display:inline-block;animation:te-shimmer .6s ease-out 1,te-rise .4s ease-out 1}@keyframes te-shimmer{0%{color:var(--color-primary)}to{color:var(--color-base-content)}}@keyframes te-rise{0%{transform:translateY(0)}40%{transform:translateY(-.15em)}to{transform:translateY(0)}}.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:600}.te-streak strong{color:var(--color-primary)}@media(prefers-reduced-motion:reduce){.te-root *,.te-root *:before,.te-root *:after{animation:none!important;transition:none!important}}