.now-playing-dock{right:20px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:9000;background:#1a2630;border:1px solid #3a5060;border-radius:12px;width:min(380px,100vw - 40px);transition:all .3s;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0006}.now-playing-dock.is-collapsed{width:auto;min-width:200px}.now-playing-dock.is-collapsed .now-playing-dock-volume,.now-playing-dock.is-collapsed .now-playing-dock-subtitle,.now-playing-dock.is-collapsed .now-playing-dock-status{display:none}.now-playing-dock-header{text-transform:uppercase;letter-spacing:.1em;color:#7a9aaa;background:#0f1923;border-bottom:1px solid #2a4050;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.now-playing-dock-collapse{cursor:pointer;color:#7a9aaa;background:0 0;border:0;border-radius:4px;align-items:center;padding:4px;display:flex}.now-playing-dock-collapse:hover{color:#a0c0d0;background:#2a4050}.now-playing-dock-item{border-bottom:1px solid #2a4050;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.now-playing-dock-item:last-child{border-bottom:none}.now-playing-dock-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.now-playing-dock-meta{flex-direction:column;gap:2px;display:flex}.now-playing-dock-status{color:#5a8a9a;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.now-playing-dock-title-text{color:#e0f0f8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.now-playing-dock-subtitle{color:#6a9aaa;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.now-playing-dock-volume{color:#5a8a9a;align-items:center;gap:6px;font-size:10px;display:flex}.now-playing-dock-volume input{accent-color:#4a8a7a;flex:1;height:3px}.now-playing-dock-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.now-playing-dock-play{cursor:pointer;color:#a0d0c0;background:#2a4a5a;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:flex}.now-playing-dock-play:hover{background:#3a6a7a}.now-playing-dock-close{cursor:pointer;color:#5a7a8a;background:0 0;border:0;border-radius:4px;align-items:center;padding:6px;display:flex}.now-playing-dock-close:hover{color:#a0b0c0;background:#2a3a4a}@media (max-width:600px){.now-playing-dock{right:12px;bottom:calc(90px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px)}.now-playing-dock-header{padding:8px 12px}.now-playing-dock-item{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.now-playing-dock{transition:none}}