.ink-ground{isolation:isolate;position:relative;overflow:hidden}.ink-ground:before,.ink-ground:after{content:"";pointer-events:none;position:absolute;inset:0}.ink-ground:before{z-index:-2;background:var(--ink-d1)center/cover no-repeat;animation:.375s step-end infinite ink-boil}.ink-ground:after{z-index:-1;background-image:var(--ink-grain);mix-blend-mode:multiply;opacity:.3;background-size:150px 150px}.ink-ground[data-boil=false]:before{animation-play-state:paused}@keyframes ink-boil{0%{background-image:var(--ink-d1)}33.333%{background-image:var(--ink-d2)}66.667%{background-image:var(--ink-d3)}}.ink-sticker{outline:2px solid #141414;box-shadow:4px 4px #141414}.ink-keys{align-items:flex-end;gap:10px;padding-bottom:6px;display:flex}.ink-key{color:#141414;min-width:56px;height:54px;font-family:var(--font-body),system-ui,sans-serif;background:#f4f1ea;border:2px solid #141414;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:0 14px;display:flex;box-shadow:0 6px #141414}.ink-key-sym{font-size:20px;font-weight:500;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{color:#141414;background:#f4f1ea;transform:translateY(0);box-shadow:0 6px #141414}16%,52%{color:#f4f1ea;background:#141414;transform:translateY(4px);box-shadow:0 2px #141414}}@media (prefers-reduced-motion:reduce){.ink-ground:before,.ink-key{animation:none!important}}