/* 연습 반주 — 진단실, 실시간 코치 카드 바로 아래 */
.accompaniment{border-color:var(--gold-line,#e6b15c4d)}
.accompaniment[hidden],.accompaniment [hidden]{display:none!important}
.accompaniment label.small{display:block;margin:12px 0 6px}
.accompaniment .input{width:100%;box-sizing:border-box;font-size:16px;min-height:44px}
.accompaniment .acc-pitch{margin:12px 0 0;font-size:15px;font-weight:700;line-height:1.5;color:var(--gold-2,#f5d79e)}
.accompaniment .acc-hint{margin:10px 0 0;line-height:1.6;color:var(--text-2,#b9b6ae)}
.accompaniment .acc-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.accompaniment .acc-row .btn{min-height:44px;flex:1 1 140px;white-space:normal}
.accompaniment .acc-choose{margin-top:10px;padding:12px;border-radius:12px;border:1px solid var(--gold-line,#e6b15c4d);background:var(--gold-dim,#e6b15c1a)}
.accompaniment .acc-choose p{margin:0 0 4px}
.accompaniment .acc-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0;min-width:0}
.accompaniment .acc-chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2,#ffffff21);background:var(--surface-2,#161623);color:var(--text-2,#b9b6ae);font-size:14px;font-weight:700;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.accompaniment .acc-chip--click{font-weight:600}
.accompaniment .acc-chip.is-on{border-color:var(--gold,#e6b15c);background:var(--gold-dim,#e6b15c1a);color:var(--gold-2,#f5d79e);box-shadow:0 0 0 2px var(--gold-glow,#e6b15c59)}
.accompaniment .acc-loop{margin:4px 0 0}
.accompaniment .acc-status{min-height:1.5em;margin:6px 0;line-height:1.5}
.accompaniment button:focus-visible,.accompaniment select:focus-visible{outline:3px solid #e1c481;outline-offset:3px}
.accompaniment button:disabled{opacity:.5}
@media(prefers-reduced-motion:reduce){.accompaniment *{animation:none!important;transition:none!important}}