#music-shell { position: fixed; inset: 0; z-index: 2000; background: #f5f6fa; width: 100%; height: 100vh; height: 100dvh; }
#music-frame { display: block; border: 0; width: 100%; height: 100%; }
#music-shell.music-is-minimized { transform: translateX(-200vw); visibility: hidden; pointer-events: none; }
body.music-is-expanded { overflow: hidden; }
#music-dock { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 1900; display: flex; gap: 4px; align-items: center; width: min(340px, calc(100vw - 24px)); padding: 8px; border: 1px solid #ffffff50; border-radius: 16px; background: #19243bef; color: white; box-shadow: 0 5px 26px #0004; backdrop-filter: blur(12px); }
#music-dock[hidden] { display: none; }
#music-dock button { flex: 0 0 36px; min-height: 40px; border: 0; border-radius: 10px; background: transparent; color: inherit; font: 18px system-ui; cursor: pointer; padding: 6px; }
#music-dock button:hover { background: #ffffff20; }
#music-dock button:focus-visible { outline: 2px solid #a9d9ff; }
#music-dock .music-dock-title { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
@media (max-width: 700px) { #music-dock { right: 12px; } }