.chords-app{max-width:780px;margin:auto}
.chord-modes{flex-wrap:wrap;max-width:100%;margin-bottom:26px}
.chord-modes button{flex:1 1 auto;font-size:.95rem}
.chord-settings{justify-content:space-between}
.chord-settings label{flex-wrap:wrap}
.chords-app .quiz-caption{margin:14px auto 22px}
.chord-listen,.chord-round{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:22px 0}
.chord-listen .button{font-size:1rem;padding:14px 18px}
.chord-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:26px 0 16px}
.chord-notes li{border:1px solid var(--line);background:#f1f4ee;border-radius:14px;padding:16px 6px;min-width:0}
.chord-notes li small{display:block;font-size:.875rem;margin-bottom:8px;color:var(--muted)}
.chord-notes li strong{font-size:1.4rem}
.chord-notes .chord-next{border:2px dashed #354aab;background:#fff}
.chord-notes .chord-known{background:#edf5d3;border-color:#a2b776}
.chord-formula{font-size:1rem;line-height:1.6;margin:0 0 24px}
.chords-app .chord-member{background:#dceeb7;color:#182326;box-shadow:inset 0 -5px #9fb971}
.chords-app .chord-third{background:#dee6ff;color:#172e66;box-shadow:inset 0 -5px #556cb1}
.chords-app .chord-wrong{outline:3px solid #a54c35;outline-offset:-4px}
.chords-app .chord-sounding{background:#243d89!important;color:#fff!important}
.chords-app .chord-sounding small{color:#fff}
.chords-app .step-key-marker{font-size:.875rem}
.chords-app .steps-key-options .chord-member{opacity:1}
.chords-app .steps-key-options button:disabled:not(.chord-member){opacity:.65}
.chords-app .chord-answers{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px}
.chords-app .answer-feedback{line-height:1.7;margin:26px 0 20px}
.chord-round .score{white-space:normal;line-height:1.6}
.chords-app .local-note{font-size:.875rem;line-height:1.65}
.chords-app button:focus-visible{outline:3px solid #354aab;outline-offset:3px}
.chords-app button:disabled{cursor:default}
@media(max-width:680px){.chord-settings label{flex:1 1 120px;width:auto}.chord-notes{gap:7px}.chord-notes li{padding:13px 4px}.chord-notes li strong{font-size:1.15rem}.chord-notes li small{font-size:.875rem}.chord-listen>.button{flex:1 1 180px}.chord-listen .text-button{margin:0}.chord-modes button{padding:10px 12px}.chord-formula{font-size:.95rem}.chord-round{gap:10px}.chords-app .steps-key-options button{font-size:1rem}}