.ink-ground{isolation:isolate;position:relative;overflow:hidden}.ink-sticker{outline:.5px solid #00000029;box-shadow:0 14px 30px -12px #0000003d,0 3px 8px #0000000d}.ink-keys{align-items:flex-end;gap:10px;padding-bottom:6px;display:flex}.ink-key{color:#fff;min-width:50px;height:50px;font-family:var(--font-body),system-ui,sans-serif;background:linear-gradient(#2c2c2e 0%,#1c1c1e 100%);border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff24,0 3px #000,0 14px 28px -10px #00000073}.ink-key-sym{font-size:19px;font-weight:600;line-height:1}.ink-key-lbl{letter-spacing:.04em;opacity:.6;font-size:10px;line-height:1}.ink-keys[data-press=true] .ink-key{animation:ink-press 3.2s var(--ink-delay,0s)infinite}.ink-ground[data-boil=false] .ink-key{animation-play-state:paused}@keyframes ink-press{0%,12%,58%,to{transform:translateY(0);box-shadow:inset 0 1px #ffffff24,0 3px #000,0 14px 28px -10px #00000073}16%,52%{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px #000,0 6px 14px -8px #0006}}@media (prefers-reduced-motion:reduce){.ink-key{animation:none!important}}