.music-panel{position:fixed;z-index:40;right:18px;bottom:18px;font:13px/1.5 Inter,system-ui,sans-serif;color:#eee3ce;max-width:calc(100vw - 28px)}
.music-panel button,.music-panel a{font:inherit;color:#efd098;cursor:pointer}.music-panel button{border:1px solid #bd945657;border-radius:7px;background:#172031;padding:9px 13px}.music-panel button:hover{border-color:#edc982;background:#253047}.music-open{box-shadow:0 6px 30px #0009;backdrop-filter:blur(15px)}
#music-content{width:400px;max-width:calc(100vw - 28px);padding:14px;border:1px solid #bf995a66;border-radius:12px;background:#0d1423f5;box-shadow:0 15px 60px #000a;max-height:calc(100dvh - 30px);overflow:auto}
#music-content[hidden],.music-open[hidden]{display:none}.music-heading,.music-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.music-heading{margin-bottom:12px}.music-heading strong{font:18px Georgia,serif}.music-panel .music-off{font-size:11px;padding:7px}.music-player{width:100%;height:225px;background:#05080e}.music-player iframe{width:100%;height:225px;border:0}.music-actions{margin-top:12px;font-size:11px}.music-panel p{font-size:11px;color:#b9c3d3;margin:10px 0}.music-art{display:flex;align-items:center;gap:7px;font-size:11px}.music-art input{accent-color:#c99a54}
.music-volume{display:grid;grid-template-columns:auto auto minmax(60px,1fr) 54px;align-items:center;gap:8px;margin-top:12px;font-size:11px}.music-panel .music-mute{min-width:66px;padding:7px 9px}.music-volume input{width:100%;min-width:0;margin:0;height:32px;accent-color:#d4a65e;cursor:pointer}.music-volume output{text-align:right;color:#b9c3d3;font-variant-numeric:tabular-nums;white-space:nowrap}.music-volume button:disabled,.music-volume input:disabled{opacity:.45;cursor:wait}.music-volume :focus-visible{outline:2px solid #f0ce8a;outline-offset:3px}
.music-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.2s;background-color:#080c12}.music-background:before{content:'';position:absolute;inset:-24px;background:var(--music-artwork) center/cover no-repeat;filter:blur(24px);opacity:.35}.music-background:after{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,#080c1266,#080c12c9 85%),var(--music-artwork);background-position:center,center top;background-size:100% 100%,cover;background-repeat:no-repeat}.music-background.visible{opacity:1}
@media(max-width:450px){.music-panel{right:14px;bottom:14px}.music-heading strong{font-size:16px}}
@media(max-width:380px){.music-volume{grid-template-columns:auto minmax(60px,1fr) 48px}.music-volume label{grid-column:2/4;grid-row:1}.music-volume .music-mute{grid-row:1/3}.music-volume input,.music-volume output{grid-row:2}}
@media(prefers-reduced-motion:reduce){.music-background{transition:none}}