/* ─────────────────────────────────────────────────────────────
   BrightNote · Interactive Ear Training
   Turns the Ear Training section into an answer-checked exercise,
   generated from each lesson's own chords, notes, and rhythms.
   No microphone, no accounts — the app plays, the student answers.
   ───────────────────────────────────────────────────────────── */
.bne{margin-top:12px;border:1px solid #e3e6f0;border-radius:14px;background:#fbfcfe;padding:14px 15px}
.bne-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bne-q{font-weight:800;color:#1F3A5F;font-size:15px}
.bne-score{font-size:12px;font-weight:800;color:#8a94a0;white-space:nowrap}
.bne-play{margin:11px 0 4px;display:inline-flex;align-items:center;gap:8px;background:#1F3A5F;color:#fff;
  font-family:inherit;font-weight:800;font-size:14px;border:0;border-radius:11px;padding:10px 18px;cursor:pointer;
  box-shadow:0 4px 0 #14283f}
.bne-play:active{transform:translateY(2px);box-shadow:none}
.bne-play.again{background:#fff;color:#1F3A5F;border:1px solid #cfd6e6;box-shadow:none;font-size:12.5px;padding:8px 13px;margin-left:8px}
.bne-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bne-opt{font-family:inherit;font-weight:800;font-size:14px;color:#1F3A5F;background:#fff;border:1.5px solid #dbe2ea;
  border-radius:11px;padding:11px 16px;cursor:pointer;transition:.12s;min-width:70px}
.bne-opt:hover:not(:disabled){border-color:#2FA36B}
.bne-opt:disabled{cursor:default;opacity:.95}
.bne-opt.correct{background:#e9f8ef;border-color:#2FA36B;color:#1c8a4e}
.bne-opt.wrong{background:#fdecec;border-color:#e05656;color:#b83232}
.bne-fb{margin-top:10px;font-size:13px;font-weight:700;min-height:18px}
.bne-fb.ok{color:#1c8a4e}.bne-fb.no{color:#b83232}
.bne-next{margin-top:10px;display:none;background:#2FA36B;color:#fff;font-family:inherit;font-weight:800;font-size:13px;
  border:0;border-radius:10px;padding:9px 15px;cursor:pointer;box-shadow:0 3px 0 #1f7d50}
.bne-next:active{transform:translateY(2px);box-shadow:none}
.bne-next.show{display:inline-block}
.bne-done{margin-top:10px;font-weight:800;color:#1F3A5F;font-size:14px}
.bne-hint{font-size:11.5px;color:#8a94a0;font-weight:700;margin-top:8px}