.piano-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;display:flex}.piano-hint{color:#6b7280;text-align:center;margin-top:1rem;font-size:.875rem}.dark .piano-hint{color:#9ca3af}.ReactPiano__Key--natural{background:#fff;border:1px solid #d1d5db;border-radius:0 0 4px 4px}.dark .ReactPiano__Key--natural{background:#f3f4f6;border-color:#4b5563}.ReactPiano__Key--accidental{background:#1f2937;border:1px solid #111827;border-radius:0 0 3px 3px}.dark .ReactPiano__Key--accidental{background:#111827;border-color:#000}.ReactPiano__Key--active.ReactPiano__Key--natural{background:#60a5fa}.ReactPiano__Key--active.ReactPiano__Key--accidental{background:#3b82f6}