.music-panel{position:absolute;left:38px;bottom:112px;width:min(390px,calc(100% - 40px));max-height:calc(100svh - 145px);overflow:auto;z-index:4;padding:22px;background:#101923f5;border:1px solid #72b8a45e;border-radius:8px;box-shadow:0 16px 48px #0008;backdrop-filter:blur(18px)}
.music-panel[hidden]{display:none}
.music-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.music-heading h2{font-size:22px;line-height:1.25;font-weight:500;margin:8px 0 18px;letter-spacing:-.4px}
.music-panel .eyebrow{font-size:12px;color:#91d9c5;letter-spacing:1.5px}
.music-panel p{font-size:14px;line-height:1.55;margin:0 0 14px;color:#ced7d6}
.music-now{padding:15px 0;border-top:1px solid #b9c7d229;border-bottom:1px solid #b9c7d229;margin-bottom:16px}
.music-now strong{display:block;font-size:18px;font-weight:500;line-height:1.4;color:#f2ece1}
.music-now span{display:block;font-size:14px;color:#adb6bc;margin-top:5px}
.music-panel label{display:block;font-size:14px;color:#d3dfdc;margin:13px 0 7px}
.music-panel select{width:100%;min-height:42px;border:1px solid #93b8b15c;background:#17262c;color:#eff4ee;font:inherit;font-size:14px;padding:9px;border-radius:4px}
.music-volume-label{display:flex;justify-content:space-between;align-items:baseline}
.music-volume-label output{font-size:14px;color:#e6c794}
.music-panel input[type=range]{width:100%;min-height:30px;accent-color:#91d9c5;cursor:pointer}
.music-actions{display:flex;align-items:center;gap:10px;margin:10px 0 14px}
.music-actions button{flex:1;font-size:14px;min-height:42px;padding:9px 13px}
.music-panel #music-status{min-height:42px;margin:0;font-size:14px}
.music-credits{font-size:13px;line-height:1.6;color:#adb6bc;border-top:1px solid #b9c7d229;padding-top:12px;margin-top:10px}
.music-credits a{color:#a9e8d2;text-underline-offset:3px}
.music-panel :focus-visible{outline:2px solid #e6c794;outline-offset:3px}
.sound-button.music-playing{color:#a8e3d4;border-color:#70b7aa80}
.sound-button[aria-expanded=true]{border-color:#a9e8d2}
.vr-active .music-panel{visibility:hidden}
@media(max-width:700px){.music-panel{left:18px;bottom:151px;width:calc(100% - 36px);padding:18px;max-height:calc(100svh - 175px)}}
@media(max-height:560px){.music-panel{bottom:82px;max-height:calc(100svh - 100px)}}