.keyboard.svelte-1lsokxf{--u:min(2.9rem, calc((100vw - 5rem) / 16.6));--gap:calc(var(--u) * .08);gap:var(--gap);width:fit-content;padding:calc(var(--u) * .2);background:var(--surface-2);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;margin-inline:auto;display:flex}.interactive.svelte-1lsokxf{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.interactive.svelte-1lsokxf .key:where(.svelte-1lsokxf){cursor:pointer}@media (pointer:coarse){.interactive.svelte-1lsokxf{--u:min(4.2rem, calc((100vw - 5rem) / 16.6));bottom:max(.5rem, env(safe-area-inset-bottom));z-index:5;box-shadow:0 -10px 30px color-mix(in oklab, var(--bg) 80%, transparent);position:sticky}}.caps-warn.svelte-1lsokxf{background:var(--danger);color:#fff;box-shadow:0 0 14px var(--danger)}.latched.svelte-1lsokxf{outline:2px solid var(--accent);outline-offset:-2px;color:var(--text)}.numpad.svelte-1lsokxf .row:where(.svelte-1lsokxf){justify-content:flex-start}.numpad.svelte-1lsokxf .row:where(.svelte-1lsokxf):nth-child(3) .key:where(.svelte-1lsokxf):last-child{visibility:hidden}.row.svelte-1lsokxf{gap:var(--gap);justify-content:center;display:flex}.key.svelte-1lsokxf{width:calc(var(--u) * var(--w) + var(--gap) * (var(--w) - 1));height:var(--u);border-radius:calc(var(--u) * .14);background:var(--key);border-bottom:3px solid var(--finger,var(--line));font-family:var(--font-mono);font-size:calc(var(--u) * .36);color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;line-height:1;transition:transform 80ms,background 80ms;display:flex;position:relative}.mod.svelte-1lsokxf{font-size:calc(var(--u) * .24);font-family:var(--font-body);color:var(--text-faint)}.shift-label.svelte-1lsokxf{opacity:.6;margin-bottom:.1em;font-size:.62em}.alt-label.svelte-1lsokxf{opacity:.55;font-size:.5em;position:absolute;bottom:8%;right:12%}.bump.svelte-1lsokxf{opacity:.6;background:currentColor;border-radius:2px;width:26%;height:2px;position:absolute;bottom:18%}.active.svelte-1lsokxf{background:var(--finger,var(--accent));color:#08080f;box-shadow:0 0 0 2px var(--bg), 0 0 18px var(--finger,var(--accent));transform:translateY(1px)}.hit-ok.svelte-1lsokxf{background:color-mix(in oklab, var(--good) 55%, var(--key));color:#08080f;transform:translateY(2px)scale(.96)}.hit-bad.svelte-1lsokxf{background:var(--danger);color:#08080f;transform:translateY(2px)scale(.96)}.heat.svelte-1lsokxf{background:color-mix(in oklab, var(--danger) calc(var(--h) * 85%), var(--key));color:var(--text)}.l-pinky.svelte-1lsokxf,.r-pinky.svelte-1lsokxf{--finger:var(--f-pinky)}.l-ring.svelte-1lsokxf,.r-ring.svelte-1lsokxf{--finger:var(--f-ring)}.l-middle.svelte-1lsokxf,.r-middle.svelte-1lsokxf{--finger:var(--f-middle)}.l-index.svelte-1lsokxf,.r-index.svelte-1lsokxf{--finger:var(--f-index)}.thumb.svelte-1lsokxf{--finger:var(--f-thumb)}.keyboard.simple.svelte-1lsokxf .key:where(.svelte-1lsokxf){--finger:var(--line)}.keyboard.simple.svelte-1lsokxf .key.active:where(.svelte-1lsokxf){--finger:var(--accent);color:var(--on-accent)}.contrast.svelte-1lsokxf{background:#000;border-color:#fff}.keyboard.contrast.svelte-1lsokxf .key:where(.svelte-1lsokxf){--finger:#fff;color:#fff;background:#111;border:1px solid #777;border-bottom:3px solid #fff}.contrast.svelte-1lsokxf .mod:where(.svelte-1lsokxf){color:#ccc}.keyboard.contrast.svelte-1lsokxf .key.active:where(.svelte-1lsokxf){--finger:#ffe600;color:#000;background:#ffe600;border-color:#ffe600;box-shadow:0 0 0 3px #fff}.contrast.svelte-1lsokxf .hit-bad:where(.svelte-1lsokxf){color:#000;background:#ff3b3b}