#music-panel{min-width:0;max-width:100%;color:#ddd8c7}
#music-panel h3{margin:0 0 12px;color:#eed39c}
.music-note{font-size:12px;line-height:1.5;color:#c6cbbd}
.music-toggle{display:flex;align-items:center;gap:10px;min-height:40px}
.music-volume{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0;font-size:14px}
.music-volume input{grid-column:1/-1;width:100%;accent-color:#cbb17d}
.music-volume output{font-variant-numeric:tabular-nums;color:#eed39c}
#music-status{font-size:13px;line-height:1.5;min-height:20px}
.music-controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#music-panel button{min-height:38px;padding:8px 12px;border:1px solid #8b805b;background:#263c30;color:#eed39c;cursor:pointer}
#music-panel button:disabled{opacity:.5;cursor:default}
.music-track-list{list-style:none;display:grid;gap:7px;margin:16px 0;padding:0}
.music-track-list li{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #495648;background:#14251b}
.music-track-list label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:38px;font-size:14px}
.music-track-list input,.music-toggle input{width:18px;height:18px;flex-shrink:0;accent-color:#cbb17d}
.music-track-list .music-current{border-color:#cbb17d;background:#273b29}
#music-panel :focus-visible{outline:2px solid #ffe3a7;outline-offset:3px}
@media(max-width:480px){.music-track-list li{padding:6px}.music-track-list label{font-size:13px}.music-controls button{flex:1}}
@media(pointer:coarse),(max-width:900px){#music-panel button,#music-panel .music-track-list label,#music-panel .music-toggle{min-height:44px}}