.piano[data-v-8e0f03b7]{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--panel);border-radius:10px;padding:10px 6px 6px;position:relative}.whites[data-v-8e0f03b7]{height:100%;display:flex}.s-sm[data-v-8e0f03b7]{height:110px}.s-md[data-v-8e0f03b7]{height:170px}.s-lg[data-v-8e0f03b7]{height:230px}@media (width<=600px){.s-lg[data-v-8e0f03b7]{height:190px}.s-md[data-v-8e0f03b7]{height:150px}}.k[data-v-8e0f03b7]{cursor:pointer;font:700 11px var(--body);-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:0;display:flex}.w[data-v-8e0f03b7]{color:oklch(45% .01 262);background:oklch(98% .003 262);border-radius:0 0 6px 6px;flex:1;min-width:0;margin:0 1px;padding-bottom:8px;transition:background 60ms;box-shadow:inset 0 -5px oklch(88% .006 262)}.w.on[data-v-8e0f03b7]{background:var(--gold);color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold-deep)}.w.root[data-v-8e0f03b7]{background:oklch(72% .17 60)}.b[data-v-8e0f03b7]{color:oklch(80% .01 262);z-index:2;background:oklch(17% .01 262);border-radius:0 0 5px 5px;height:60%;padding-bottom:6px;position:absolute;top:10px;box-shadow:inset 0 -4px oklch(30% .01 262)}.b.on[data-v-8e0f03b7]{background:var(--gold-deep);color:#fff;box-shadow:none}.b.root[data-v-8e0f03b7]{background:oklch(55% .16 50)}.lb[data-v-8e0f03b7]{pointer-events:none;line-height:1}.lb.kb[data-v-8e0f03b7]{opacity:.8;text-transform:uppercase}.lb.kb[data-v-8e0f03b7],.nm[data-v-8e0f03b7]{font-size:12px}