.OnlinePiano-module__N-Y2Oa__controlsBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:700px;display:flex}.OnlinePiano-module__N-Y2Oa__octaveControl{align-items:center;gap:.5rem;display:flex}.OnlinePiano-module__N-Y2Oa__octaveBtn{border:1.5px solid var(--color-border-subtle);background:var(--color-surface);width:2rem;height:2rem;color:var(--color-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:border-color .12s,color .12s,background .12s;display:flex}.OnlinePiano-module__N-Y2Oa__octaveBtn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.OnlinePiano-module__N-Y2Oa__octaveBtn:disabled{opacity:.3;cursor:not-allowed}.OnlinePiano-module__N-Y2Oa__octaveDisplay{color:var(--color-text-secondary);letter-spacing:.02em;text-align:center;min-width:80px;font-size:.8125rem;font-weight:600}.OnlinePiano-module__N-Y2Oa__soundModeRow{gap:.375rem;display:flex}.OnlinePiano-module__N-Y2Oa__soundModeBtn{border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:border-color .12s,background .12s,color .12s;display:flex}.OnlinePiano-module__N-Y2Oa__soundModeBtn[data-active=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.OnlinePiano-module__N-Y2Oa__loadingDot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;animation:.8s ease-in-out infinite OnlinePiano-module__N-Y2Oa__blink}@keyframes OnlinePiano-module__N-Y2Oa__blink{0%,to{opacity:.3}50%{opacity:1}}.OnlinePiano-module__N-Y2Oa__noteNameLabel{color:#999;pointer-events:none;letter-spacing:0;font-size:.5rem;font-weight:600;line-height:1;position:absolute;top:.4rem;left:50%;transform:translate(-50%)}.OnlinePiano-module__N-Y2Oa__noteNameLabel[data-c=true]{color:#777;font-weight:700}.OnlinePiano-module__N-Y2Oa__whiteKey[data-active=true] .OnlinePiano-module__N-Y2Oa__noteNameLabel{color:var(--color-accent)}.OnlinePiano-module__N-Y2Oa__whiteKey[data-mapped=true] .OnlinePiano-module__N-Y2Oa__noteNameLabel{color:#888}.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}