.styles-module__KSyHZq__stage{--ground:#222426;--raised:#2c2f31;--rule:#3d4144;--sand:#e9d8ae;--mute:#8f948f;--lit:#c8ec4c;--s:max(240px, min(calc(100vw - 32px), calc(100svh - 330px), 600px));--w:var(--s);background:var(--ground);min-height:100svh;color:var(--sand);font-family:var(--font-body), system-ui, sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;padding:14px 16px 76px;display:flex}.styles-module__KSyHZq__head{width:var(--w);grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;margin-bottom:12px;display:grid}.styles-module__KSyHZq__home{font-family:var(--font-display), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);grid-column:1/-1;justify-self:start;margin-bottom:10px;font-size:10px;font-weight:300;text-decoration:none}.styles-module__KSyHZq__home:hover,.styles-module__KSyHZq__home:focus-visible{color:var(--sand)}.styles-module__KSyHZq__title{font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;grid-area:2/1;margin:0;font-size:clamp(30px,9vw,46px);font-weight:600;line-height:.9}.styles-module__KSyHZq__lede{color:var(--mute);grid-column:1/-1;max-width:46ch;margin:10px 0 0;font-size:13.5px;line-height:1.45}.styles-module__KSyHZq__plateBox{width:var(--s);height:var(--s);border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #4a4f52,inset 0 1px 0 1px #565b5e,0 18px 40px -18px #0c0d0e}.styles-module__KSyHZq__plate{width:100%;height:100%;display:block}.styles-module__KSyHZq__readout{width:var(--w);font-family:var(--font-display), sans-serif;letter-spacing:.08em;align-items:baseline;gap:14px;min-height:1.4em;margin:10px 0 12px;font-size:11px;font-weight:300;display:flex}.styles-module__KSyHZq__mode{color:var(--lit);font-weight:600}.styles-module__KSyHZq__state{color:var(--mute);text-transform:uppercase;letter-spacing:.16em;margin-left:auto;font-size:9.5px}.styles-module__KSyHZq__keys{width:var(--w);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;display:flex}.styles-module__KSyHZq__row{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.styles-module__KSyHZq__key{aspect-ratio:1/1.22;background:var(--raised);border:1px solid var(--rule);cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:relative;box-shadow:0 2px #17191a}.styles-module__KSyHZq__fig{aspect-ratio:1;background:var(--sand);opacity:.85;width:58%;box-shadow:0 0 0 1px #45494c;-webkit-mask-size:100% 100%;mask-size:100% 100%}.styles-module__KSyHZq__letter{line-height:1;font-family:var(--font-display), sans-serif;text-transform:uppercase;color:var(--mute);font-size:8.5px;font-weight:300}.styles-module__KSyHZq__keyOn{background:var(--lit);border-color:var(--lit);transform:translateY(2px);box-shadow:0 0 #17191a}.styles-module__KSyHZq__keyOn .styles-module__KSyHZq__fig{background:var(--ground);opacity:1;box-shadow:none}.styles-module__KSyHZq__keyOn .styles-module__KSyHZq__letter{color:var(--ground)}.styles-module__KSyHZq__rowLow .styles-module__KSyHZq__key{background:#282a2c}.styles-module__KSyHZq__rowLow .styles-module__KSyHZq__keyOn{background:var(--lit)}.styles-module__KSyHZq__foot{width:var(--w);color:var(--mute);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:14px;font-size:12px;display:flex}.styles-module__KSyHZq__pour{font-family:var(--font-display), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:10px;font-weight:300}.styles-module__KSyHZq__pour:focus-visible,.styles-module__KSyHZq__key:focus-visible{outline:2px solid var(--lit);outline-offset:2px}.styles-module__KSyHZq__hint{line-height:1.4}.styles-module__KSyHZq__kbd{font-family:var(--font-display), sans-serif;border:1px solid var(--rule);border-radius:3px;padding:1px 5px;font-size:9px}@media (min-width:900px) and (min-height:560px){.styles-module__KSyHZq__stage{--s:min(calc(100svh - 64px), 680px);--w:400px;grid-template-columns:var(--s) var(--w);grid-template-rows:1fr auto auto auto;grid-template-areas:"plate head""plate readout""plate keys""plate foot";place-content:center;column-gap:48px;padding:32px;display:grid}.styles-module__KSyHZq__head{grid-area:head;align-self:start}.styles-module__KSyHZq__plateBox{grid-area:plate}.styles-module__KSyHZq__readout{grid-area:readout}.styles-module__KSyHZq__keys{grid-area:keys}.styles-module__KSyHZq__foot{grid-area:foot}}