.music-toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:9px 12px;background:#0e1a21;font:13px var(--mono);color:var(--muted);white-space:nowrap}.music-toggle:hover{border-color:#709aa5;background:#172e38}.music-toggle[aria-expanded=true],.music-toggle.is-playing{color:var(--cyan);border-color:#588c96}.music-toggle svg{width:17px;height:17px}.music-indicator{width:5px;height:5px;border-radius:50%;background:#56636b}.music-toggle.is-playing .music-indicator{background:var(--cyan);box-shadow:0 0 8px #8ee0e366}
.music-panel{pointer-events:auto;position:absolute;left:79px;bottom:169px;z-index:7;width:328px;max-height:calc(100dvh - 275px);background:linear-gradient(140deg,#152833f5,#0b1821fb);border:1px solid #547481;box-shadow:0 16px 60px #0008;overflow:hidden;display:flex;flex-direction:column}.music-panel .panel-bar{padding:10px 13px;background:#a8c0c6;font-size:12px;letter-spacing:.07em;gap:10px}.music-panel .panel-bar button{width:24px;height:22px;display:grid;place-items:center;color:#162931;flex-shrink:0}.music-panel .panel-bar svg{width:17px;height:17px}.music-content{padding:17px 18px 13px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#567583 transparent}.music-playlists{border:0;padding:0;margin:0;display:flex;gap:6px}.music-playlists label{flex:1;position:relative;cursor:pointer}.music-playlists input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.music-playlists span{display:block;text-align:center;border:1px solid #3a5662;padding:10px 8px;background:#0d1d27;font:14px var(--mono);color:#a7bbc5}.music-playlists input:checked+span{background:#21434e;border-color:#70a7b1;color:#c1f0f1}.music-playlists input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}.music-description{font-size:14px;line-height:1.55;color:#9fb4bf;margin:12px 0 19px}.music-now{border-top:1px solid #3a5360;padding-top:17px}.music-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;font:12px var(--mono);color:var(--cyan);letter-spacing:.08em}.music-now h2{font-size:21px;font-weight:400;letter-spacing:-.02em;line-height:1.35;margin:9px 0 5px;overflow-wrap:anywhere}.music-now p{font-size:13px;color:#a7bbc5;line-height:1.6;margin:0}.music-bars{display:flex;height:14px;align-items:center;gap:3px}.music-bars i{width:2px;height:3px;background:#5e7a85;transform-origin:50% 100%}.music-bars i:nth-child(2),.music-bars i:nth-child(4){height:8px}.music-bars i:nth-child(3){height:12px}.is-playing .music-bars i{background:var(--cyan);animation:music-bars 1.15s ease-in-out infinite alternate}.is-playing .music-bars i:nth-child(2){animation-delay:-.5s}.is-playing .music-bars i:nth-child(3){animation-delay:-.2s}.is-playing .music-bars i:nth-child(4){animation-delay:-.85s}.is-playing .music-bars i:nth-child(5){animation-delay:-.4s}@keyframes music-bars{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.music-progress{margin-top:17px}.music-progress>div{display:flex;justify-content:space-between;font:12px var(--mono);color:#91a8b5;margin-top:2px}.music-panel input[type=range]{display:block;accent-color:#9be1e2;cursor:pointer;width:100%;height:22px;margin:0;padding:0}.music-panel input[type=range]:disabled{cursor:default;opacity:.4}.music-transport{display:flex;align-items:center;justify-content:center;gap:23px;margin:13px 0 16px}.music-transport button{width:36px;height:36px;display:grid;place-items:center;color:#bad0d9}.music-transport button:hover:not(:disabled){background:#233f4c;color:#c6f6f7}.music-transport .music-play{height:49px;width:49px;border:1px solid #6299a6;background:#254c59;color:#d1f9fa;border-radius:50%}.music-play svg{width:22px;height:22px}.music-play:disabled{opacity:.4}.music-volume{display:flex;align-items:center;gap:10px}.music-volume button{display:grid;place-items:center;width:31px;height:30px;padding:4px;flex-shrink:0;color:#a5c1cd}.music-volume svg{width:19px;height:19px}.music-volume output{min-width:37px;text-align:right;font:12px var(--mono);color:#afc4cd}.music-message{font-size:14px;line-height:1.6;color:var(--amber);margin:14px 0 8px}.music-retry{border:1px solid #7f9da8;padding:8px 12px;font:13px var(--mono);margin-top:8px}
.music-queue{border-top:1px solid #354f5b;margin-top:17px;padding-top:12px}.music-queue summary{font:12px var(--mono);color:#b2cbd4;cursor:pointer;line-height:1.7}.music-queue summary span+span{float:right;color:#8ca6b3;font-size:12px}.music-queue ol{list-style:none;padding:0;margin:10px -7px 0}.music-queue li+li{border-top:1px solid #273f4b}.music-queue button{display:flex;gap:9px;align-items:center;text-align:left;width:100%;padding:10px 7px;color:#a9bdc6;border:1px solid transparent}.music-queue button:hover,.music-queue button[aria-current=true]{background:#203d49;border-color:#426a78;color:#d4f4f4}.music-track-name{font-size:14px;line-height:1.4;flex:1;min-width:0}.music-track-name small{display:block;font-size:12px;color:#90aab8;line-height:1.5;margin-top:3px}.music-track-icon{display:grid;place-items:center;flex-shrink:0}.music-track-icon svg{width:14px;height:14px}.music-track-length{font:12px var(--mono);color:#9db7c3;flex-shrink:0}.music-credits{margin-top:15px}.music-credits summary{font-size:12px;color:#97b0bd;cursor:pointer;padding:3px 0}.music-credits p,.music-credits li{font-size:13px;line-height:1.7;color:#9fb5c0}.music-credits ul{padding-left:17px}.music-credits li{margin-bottom:8px}.music-credits a{color:#a6dbe1}.music-footnote{font:12px var(--mono);line-height:1.6;color:#829ba8;margin:14px 0 0}
@media(max-width:1100px){.music-panel{left:71px;bottom:171px;width:305px;max-height:calc(100dvh - 275px)}.music-toggle{padding:9px 11px}.top-status{gap:15px}}
@media(max-width:760px){.topbar{gap:8px}.top-status{gap:5px}.brand small{letter-spacing:.02em}.music-toggle{width:33px;height:34px;padding:0;border-color:transparent;background:transparent;justify-content:center;position:relative}.music-toggle>span{display:none}.music-toggle svg{width:19px;height:19px}.music-indicator{position:absolute;right:1px;top:3px;width:4px;height:4px}.music-panel{left:31px;right:20px;bottom:120px;width:auto;max-width:360px;max-height:calc(100dvh - 203px)}.music-content{padding:16px 17px 13px}.music-now h2{font-size:21px}.music-description{margin-bottom:13px}.music-now{padding-top:13px}.music-progress{margin-top:12px}.music-transport{margin:9px 0 11px}.music-queue{margin-top:13px}.music-footnote{font-size:12px}}
@media(max-width:360px){.brand small{display:none}.brand h1{font-size:16px;letter-spacing:.1em}.music-panel{left:25px;right:15px}}
@media(max-height:650px) and (min-width:761px){.music-panel{bottom:85px;max-height:calc(100dvh - 190px)}}
@media(prefers-reduced-motion:reduce){.is-playing .music-bars i{animation:none}}