.melody-app [hidden]{display:none!important}.melody-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.melody-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;font-size:1rem}.melody-controls select{min-height:44px;max-width:100%;font-size:1rem}.melody-controls .score{margin-left:auto}.melody-pair{display:grid;gap:14px;margin:22px auto;max-width:650px}.melody-row{position:relative;border:1px solid #879797;border-radius:12px;padding:26px 12px 4px;min-width:0;background:#fff}.melody-badge{position:absolute;top:9px;left:14px;font-weight:700}.melody-row.is-playing{outline:3px solid #3647b6;outline-offset:1px}.melody-row svg{display:block;width:100%;height:auto}.melody-explanation{padding:14px 20px;background:#edf5d3;border:1px solid var(--line);border-radius:14px;margin:20px 0;line-height:1.7}.melody-app .melody-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.melody-app [data-status]{min-height:1.7em}.melody-app [data-feedback]{line-height:1.7}
@media(max-width:650px){.melody-controls label{width:100%}.melody-controls select{flex:1 1 140px}.melody-controls .score{margin-left:0}.melody-app .practice-actions>.button{flex:1 1 180px}.melody-explanation{padding:14px}.melody-row{padding:24px 4px 4px}.melody-app .volume{flex-wrap:wrap}}