.kb.svelte-1lsokxf{-webkit-user-select:none;user-select:none;flex-direction:column;gap:5px;width:100%;max-width:820px;margin:0 auto;display:flex;position:relative}.krow.svelte-1lsokxf{gap:6px;display:flex}.krow.svelte-1lsokxf:last-child{padding:0 14%}.key.svelte-1lsokxf{border:2px solid var(--line);background:var(--surface);height:clamp(34px,4.4vw,54px);color:var(--text);font-family:var(--mono);box-shadow:0 4px 0 var(--side,var(--surface-2)), 0 6px 0 var(--line);border-radius:9px;justify-content:center;align-items:center;margin-bottom:4px;font-size:clamp(.7rem,1.4vw,1rem);font-weight:600;transition:transform 60ms,box-shadow 60ms,background .12s;display:flex;position:relative}.compact.svelte-1lsokxf .key:where(.svelte-1lsokxf){height:clamp(26px,3.2vw,40px)}.key.special.svelte-1lsokxf{color:var(--muted);background:var(--surface-2);--side:var(--surface-2);font-size:.8em}.key.colors.f0.svelte-1lsokxf{--side:var(--finger-0)}.key.colors.f1.svelte-1lsokxf{--side:var(--finger-1)}.key.colors.f2.svelte-1lsokxf{--side:var(--finger-2)}.key.colors.f3.svelte-1lsokxf{--side:var(--finger-3)}.key.colors.f4.svelte-1lsokxf{--side:var(--finger-4)}.key.dim.svelte-1lsokxf{opacity:.35}.key.svelte-1lsokxf .sub:where(.svelte-1lsokxf){color:var(--muted);font-size:.7em;position:absolute;top:3px;left:6px}.key.svelte-1lsokxf .bump:where(.svelte-1lsokxf){background:var(--muted);opacity:.6;border-radius:1px;width:10px;height:2px;margin-left:-5px;position:absolute;bottom:9px;left:50%}.key.next.svelte-1lsokxf{background:var(--accent);color:var(--accent-text);opacity:1;box-shadow:0 1px 0 var(--side,var(--surface-2)), 0 3px 0 var(--line);transform:translateY(3px)}.key.next.svelte-1lsokxf .sub:where(.svelte-1lsokxf),.key.next.svelte-1lsokxf .bump:where(.svelte-1lsokxf){color:var(--accent-text);background:var(--accent-text)}.key.flash-ok.svelte-1lsokxf{background:color-mix(in srgb, var(--ok) 35%, var(--surface))}.key.flash-bad.svelte-1lsokxf{background:color-mix(in srgb, var(--bad) 45%, var(--surface));animation:.18s svelte-1lsokxf-shake}.key.pulse.svelte-1lsokxf{opacity:1;animation:1.2s ease-in-out infinite svelte-1lsokxf-pulse}@keyframes svelte-1lsokxf-pulse{0%,to{background:var(--surface)}50%{background:color-mix(in srgb, var(--accent) 30%, var(--surface))}}@keyframes svelte-1lsokxf-shake{0%,to{transform:translate(0)}33%{transform:translate(-3px)}66%{transform:translate(3px)}}.hands.svelte-1lsokxf{pointer-events:none;position:absolute;inset:0;overflow:visible}.palm.svelte-1lsokxf{fill:color-mix(in srgb, var(--muted) 28%, var(--surface));stroke:color-mix(in srgb, var(--muted) 55%, transparent);stroke-width:1.5px}.finger.svelte-1lsokxf line:where(.svelte-1lsokxf){stroke:currentColor;stroke-linecap:round;opacity:.34}.finger.svelte-1lsokxf circle:where(.svelte-1lsokxf){fill:currentColor;opacity:.5}.finger.active.svelte-1lsokxf line:where(.svelte-1lsokxf){opacity:.7}.finger.active.svelte-1lsokxf circle:where(.svelte-1lsokxf){opacity:1;stroke:var(--accent-text);stroke-width:2px;filter:drop-shadow(0 1px 3px #00000059)}.anchored.svelte-1lsokxf .palm:where(.svelte-1lsokxf){stroke:var(--accent);stroke-dasharray:5 4;stroke-width:2px}.lbl.svelte-1lsokxf{fill:var(--accent);font-size:11px;font-family:var(--sans);font-weight:600}@media (prefers-reduced-motion:reduce){.key.svelte-1lsokxf{transition:none}.key.pulse.svelte-1lsokxf{animation:none}}