/* Shared controls stay readable in the room sheet and the chapter's optional music panel. */
.binge-music-controls { display: grid; gap: .75rem; min-width: 0; }
.binge-music-controls button,
.binge-music-controls select { min-height: 44px; font-size: 14px; line-height: 1.35; white-space: normal; }
.binge-music-controls select { width: 100%; min-width: 0; font-size: 16px; }
.binge-music-controls label,
.binge-music-controls small { min-width: 0; font-size: .85rem; }
.binge-music-controls input[type="range"] { min-width: 0; min-height: 44px; }
.binge-music-controls .gynoid-room-music-volume { width: 100%; grid-template-columns: auto minmax(0, 1fr) auto; }
.binge-music-controls .gynoid-room-music-volume output { font-size: .85rem; }
.binge-music-controls .gynoid-room-music-favorites { grid-template-columns: minmax(0, 1fr); }
.binge-music-controls button:focus-visible,
.binge-music-controls select:focus-visible,
.novel-binge-music summary:focus-visible { outline: 2px solid #f6c5ff; outline-offset: 3px; }

.novel-binge-music {
    --gynoid-highlight: #9beeff;
    --gynoid-primary: #7255b8;
    margin: 0 auto 1rem;
    border: 1px solid #9beeff66;
    border-radius: .5rem;
    color: #edf4ff;
    background: #101127;
}
.novel-binge-music > summary { min-height: 44px; padding: .75rem 1rem; cursor: pointer; font-size: 1rem; }
.novel-binge-music > summary span { margin-left: .75rem; color: #c1c9e1; font-size: .85rem; }
.novel-binge-music-body { padding: 0 1rem 1rem; }
.novel-binge-music-body > [data-music-status] { margin: .25rem 0 .75rem; color: var(--gynoid-highlight); }
.novel-binge-music-help { margin: .75rem 0 0; font-size: .9rem; color: #c1c9e1; }
@media (min-width: 768px) {
    .novel-binge-music .binge-music-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .novel-binge-music .gynoid-room-music-volume { align-self: center; }
}
@media (max-width: 480px) {
    .novel-binge-music > summary span { display: block; margin: .4rem 0 0; }
}