.floating-music{position:fixed;right:24px;bottom:24px;z-index:55;width:min(300px,calc(100vw - 48px));color:var(--ink);font-family:Arial,Helvetica,sans-serif;filter:drop-shadow(0 12px 22px #0006)}
.music-bar{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:9px;min-height:62px;padding:10px 12px;background:#121616f5;border:1px solid #D3AB6066;backdrop-filter:blur(15px);box-shadow:inset 0 1px 0 #eeeee610}
.music-play,.music-expand{padding:0;display:grid;place-items:center;background:transparent;border:0;color:var(--gold);height:40px;cursor:pointer}
.music-play{width:40px;border:1px solid #D3AB6066;transition:background .25s,color .25s}.music-play .arrow{height:17px;width:17px;stroke-width:1.4}.music-play:hover{background:#D3AB6022}.floating-music[data-music-state=playing] .music-play{background:var(--gold);color:var(--bg);border-color:var(--gold)}
.music-label{min-width:0;display:flex;flex-direction:column;gap:5px}.music-label>[data-music-title]{font-size:12px;color:#d1d8c5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-status{font:10px/1.4 Consolas,monospace;color:#8f9c80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-expand{width:30px;color:#a2af94}.music-expand .arrow{width:14px;height:14px;transition:transform var(--duration-arrow) var(--ease)}
.music-panel{background:#111515;border:1px solid #606a53;margin-bottom:8px;box-shadow:0 15px 45px #0005}.music-panel-heading{display:flex;justify-content:space-between;gap:20px;padding:13px 13px 12px;font:10px Consolas,monospace;letter-spacing:.6px;color:#b4c09f;border-bottom:1px solid #364030}.music-panel-heading>span:last-child{color:#8c9978}

.music-options{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.music-options label{display:flex;align-items:center;gap:12px;width:100%;font:10px Consolas,monospace;color:#9dac89}.music-options input{flex:1;min-width:0;width:auto;height:28px;accent-color:var(--gold);margin:0;cursor:pointer}

@media(max-width:480px){.floating-music{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:min(284px,calc(100vw - 32px))}.music-bar{gap:8px;padding:9px 10px;min-height:60px;grid-template-columns:40px minmax(0,1fr) 28px}.music-expand{width:28px}.music-panel-heading{font-size:10px}.music-status{font-size:10px}}
@media print{.floating-music{display:none}}

.music-play:disabled{opacity:.45;cursor:default;background:transparent}.music-options input:disabled{opacity:.35;cursor:default}.floating-music[data-music-state=blocked] .music-status{color:var(--gold)}

.music-credit{font:10px/1.4 Consolas,monospace;color:#8f9c80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}
.music-credit:is(:hover,:focus-visible){color:var(--gold)}
.music-status-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}


.music-title-link{transition:color .25s}.music-label>.music-title-link:is(:hover,:focus-visible){color:var(--gold)}

@media(max-width:800px){
  .music-panel-heading{font-size:10px}
  .music-options label{font-size:10px}
  
}