.music-toggle{width:36px;min-height:36px;padding:4px;background:#eee5ff;color:#6942b7;font-size:21px;flex-shrink:0}.music-toggle.music-playing{background:#d5f3e7;color:#226b55}.music-panel{text-align:center}.music-art{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:24px;transform:rotate(-7deg);background:#e9dcff;color:#7551b5;font-size:40px}.music-panel h3{font-size:1.05rem;margin-bottom:8px}.music-panel>p{color:var(--muted);font-size:.8rem;line-height:1.5}.music-panel>.primary{margin:5px 0 18px}.music-volume-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin:0 3px}.music-volume-label output{color:#6942b7;font-weight:750}#music-volume{padding:0;border:0;accent-color:#7852cb;cursor:pointer;height:40px;min-height:40px;background:transparent}.music-panel .music-note{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;font-size:.72rem}.has-room .top-actions>a{display:none}
@media(max-width:600px){.has-room .topbar{padding-left:12px;padding-right:12px;gap:8px}.has-room .top-actions{gap:4px}.has-room .brand{font-size:.8rem;gap:7px}.has-room .brand-mark{width:28px;height:28px;font-size:16px}.has-room #connection{font-size:0;gap:0}.has-room #sound{font-size:.68rem;padding:4px;min-height:34px}.has-room .music-toggle{width:32px;min-height:34px}}
@media(max-height:650px){.music-art{display:none}.music-panel h3{font-size:.92rem}.music-panel .music-note{font-size:.68rem}}