.touch-keyboard{--touch-key-gap:.36rem;--touch-key-height:2.85rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;gap:.5rem;width:100%;max-width:34rem;margin:0 auto;display:flex}.touch-keyboard.is-letters-only{--touch-key-height:3.1rem}.touch-keyboard.has-hints{--touch-key-height:3.4rem}.touch-keyboard__key.has-hint{flex-direction:column;gap:.12rem;font-size:.92rem}.touch-keyboard__key.has-hint small{max-width:100%;color:inherit;opacity:.88;letter-spacing:-.03em;flex-direction:column;gap:.08rem;font-size:.64rem;font-weight:700;line-height:1;display:flex;overflow:hidden}.touch-keyboard__row{justify-content:center;gap:var(--touch-key-gap);display:flex}.touch-keyboard__key{flex:0 1 calc((100% - 9 * var(--touch-key-gap)) / 10);min-width:0;height:var(--touch-key-height);color:#d5dae4;font-family:var(--font-mono,ui-monospace, monospace);-webkit-tap-highlight-color:transparent;background:#2e333feb;border:1px solid #4d5465bd;border-radius:.45rem;justify-content:center;align-items:center;font-size:1.12rem;font-weight:700;line-height:1;transition:background-color 60ms ease-out,transform 60ms ease-out;display:inline-flex}.touch-keyboard__key:active{background:#50586af2;transform:translateY(1px)}.touch-keyboard__key--wide{flex:0 0 calc((100% - 9 * var(--touch-key-gap)) / 10 * 1.45);color:#9aa2b3}.touch-keyboard__key--text{font-family:inherit;font-size:.86rem}.touch-keyboard__key--space{color:#9aa2b3;flex:auto;font-family:inherit;font-size:.86rem}.touch-keyboard__key.is-active{color:#f1f4f9;background:#50586af2}.touch-keyboard__key.is-next{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (prefers-reduced-motion:reduce){.touch-keyboard__key{transition:none}}