.minor-harmony-app [hidden]{display:none!important}.minor-harmony-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.minor-harmony-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.minor-harmony-controls select{min-height:44px;max-width:100%;font-size:1rem}.minor-harmony-direction{color:var(--muted);line-height:1.65}.minor-harmony-board{display:grid;gap:12px;margin:22px 0}.minor-scale-row,.minor-chord-row{display:grid;grid-template-columns:minmax(100px,145px) 1fr;gap:12px;align-items:center;padding:14px;border:1px solid #a8b9aa;border-radius:14px;background:#fff}.minor-scale-row strong,.minor-chord-row strong{line-height:1.35}.minor-notes{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:6px}.minor-note{display:flex;min-height:50px;align-items:center;justify-content:center;padding:6px;border-radius:10px;background:#edf5d3;text-align:center;font-weight:700}.minor-note.changed{background:#dfe4ff;color:#263d91;outline:2px solid #6676b7}.minor-progression{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.minor-card{display:flex;min-height:105px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px;border:1px solid #a8b9aa;border-radius:14px;background:#f2f5ec;text-align:center}.minor-card strong{font-size:1.3rem}.minor-card.is-playing,.minor-scale-row.is-playing,.minor-chord-row.is-playing{outline:4px solid #6676b7;outline-offset:2px}.minor-harmony-explanation{min-height:3.4em;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:#edf5d3;line-height:1.7}.minor-harmony-answers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:none}.minor-harmony-answers button{font-size:1rem;line-height:1.4}.minor-harmony-app .answer-feedback,.minor-harmony-app [data-status]{min-height:1.7em;line-height:1.6}
@media(max-width:650px){.minor-harmony-controls label{width:100%}.minor-harmony-controls select{flex:1 1 150px;width:0}.minor-scale-row,.minor-chord-row{grid-template-columns:1fr}.minor-notes{grid-template-columns:repeat(4,1fr)}.minor-harmony-answers{grid-template-columns:1fr}.minor-harmony-app .practice-actions>.button{flex:1 1 180px}}