.OnlinePiano-module__N-Y2Oa__wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.OnlinePiano-module__N-Y2Oa__statusBar{flex-direction:column;align-items:center;gap:.25rem;min-height:3.5rem;display:flex}.OnlinePiano-module__N-Y2Oa__noteDisplay{color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:2rem;font-weight:800;line-height:1;transition:transform 60ms,color .1s}.OnlinePiano-module__N-Y2Oa__hint{color:var(--color-text-disabled);letter-spacing:.04em;font-size:.75rem}.OnlinePiano-module__N-Y2Oa__keyboardOuter{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;width:100%;max-width:700px;padding-bottom:.5rem;overflow-x:auto}.OnlinePiano-module__N-Y2Oa__keyboardOuter::-webkit-scrollbar{height:4px}.OnlinePiano-module__N-Y2Oa__keyboardOuter::-webkit-scrollbar-track{background:0 0}.OnlinePiano-module__N-Y2Oa__keyboardOuter::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}.OnlinePiano-module__N-Y2Oa__keyboard{touch-action:none;min-width:560px;height:160px;position:relative}.OnlinePiano-module__N-Y2Oa__whiteKeys{gap:2px;height:100%;display:flex}.OnlinePiano-module__N-Y2Oa__whiteKey{cursor:pointer;background:linear-gradient(#ecede8 0%,#f9faf5 60%,#fff 100%);border:1px solid #bbbdbb;border-radius:0 0 5px 5px;outline:none;flex:1;justify-content:center;align-items:flex-end;min-width:36px;height:100%;padding-bottom:.5rem;transition:background 60ms,transform 60ms;display:flex;position:relative}.OnlinePiano-module__N-Y2Oa__whiteKey:hover{background:linear-gradient(#dff6ea 0%,#eff9f4 60%,#f5fff9 100%)}.OnlinePiano-module__N-Y2Oa__whiteKey[data-active=true]{border-color:var(--color-accent);background:linear-gradient(#a8efd0 0%,#c8f5e4 50%,#e0faf0 100%);transform:translateY(2px)scaleY(.985);box-shadow:0 0 10px #3ddc9759}.OnlinePiano-module__N-Y2Oa__keyLabel{color:#888;letter-spacing:0;pointer-events:none;font-family:monospace;font-size:.625rem;font-weight:700}.OnlinePiano-module__N-Y2Oa__whiteKey[data-active=true] .OnlinePiano-module__N-Y2Oa__keyLabel{color:#3ddc97}.OnlinePiano-module__N-Y2Oa__blackKeysLayer{pointer-events:none;height:55%;position:absolute;top:0;left:0;right:0}.OnlinePiano-module__N-Y2Oa__blackKey{pointer-events:all;cursor:pointer;z-index:2;background:linear-gradient(#1a1c1a 0%,#2c2e2c 70%,#1a1c1a 100%);border:1px solid #111;border-radius:0 0 4px 4px;outline:none;justify-content:center;align-items:flex-end;width:3.5%;min-width:24px;height:100%;padding-bottom:.25rem;transition:background 60ms,transform 60ms,box-shadow 60ms;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 6px #00000080}.OnlinePiano-module__N-Y2Oa__blackKey:hover{background:linear-gradient(#283d30 0%,#2c4a38 70%,#283d30 100%)}.OnlinePiano-module__N-Y2Oa__blackKey[data-active=true]{background:linear-gradient(#2a7a5a 0%,#3ddc97 70%,#2a7a5a 100%);transform:translate(-50%)translateY(2px)scaleY(.97);box-shadow:0 2px 8px #3ddc9780}.OnlinePiano-module__N-Y2Oa__blackKeyLabel{color:#fff6;pointer-events:none;font-family:monospace;font-size:.5rem;font-weight:700}.OnlinePiano-module__N-Y2Oa__blackKey[data-active=true] .OnlinePiano-module__N-Y2Oa__blackKeyLabel{color:#ffffffe6}.OnlinePiano-module__N-Y2Oa__legend{flex-direction:column;align-items:center;gap:.625rem;width:100%;max-width:560px;display:flex}.OnlinePiano-module__N-Y2Oa__legendLabel{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-disabled);font-size:.6875rem}.OnlinePiano-module__N-Y2Oa__legendKeys{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.OnlinePiano-module__N-Y2Oa__legendItem{flex-direction:column;align-items:center;gap:.125rem;display:flex}.OnlinePiano-module__N-Y2Oa__legendKbd{background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);text-align:center;border-radius:3px;min-width:1.5rem;padding:.125rem .375rem;font-family:monospace;font-size:.6875rem;font-weight:700;line-height:1.4;display:inline-block}.OnlinePiano-module__N-Y2Oa__legendItem[data-black=true] .OnlinePiano-module__N-Y2Oa__legendKbd{color:#fff9;background:#1a1c1a;border-color:#333}.OnlinePiano-module__N-Y2Oa__legendNote{color:var(--color-text-disabled);font-variant-numeric:tabular-nums;font-size:.5625rem}