#musicPlayer{width:min(1240px,95vw);max-width:95vw;max-height:95dvh;padding:0;border:0;background:transparent;overflow:visible}
#musicPlayer::backdrop{background:rgba(5,10,15,.84);backdrop-filter:blur(10px)}
.music-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.72fr);grid-template-rows:68px minmax(0,1fr) auto;width:100%;height:min(720px,90dvh);overflow:hidden;border:1px solid #8ca4b35c;border-radius:8px;background:#0b151e;color:#edf5f8;box-shadow:0 30px 100px #02070bd1,0 0 0 1px #d9edf60b;isolation:isolate}
.music-shell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 28% 35%,#26475966,transparent 46%),linear-gradient(135deg,#0a141e,#10232f 62%,#142a36)}
.music-header{grid-column:1/-1;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #a4d2e62b;background:#09131cc7;backdrop-filter:blur(12px)}
.music-header h3{margin:0;font:700 19px var(--display);letter-spacing:-.04em}.music-header h3 span{color:var(--accent)}
.music-header .close{display:grid;place-items:center;margin-left:auto;width:42px;height:42px;border:1px solid transparent;border-radius:50%;color:#b9ccd5;background:transparent;transition:color .18s,border-color .18s,background .18s}.music-header .close:hover{color:#fff;border-color:#a4d2e64a;background:#d8f2ff0d}.music-header .close svg{width:21px;height:21px}
.music-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 48% 42%,#1b3948 0,#0d202b 56%,#08151e 100%)}
.music-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 34%,#d9f5ff09 50%,transparent 67%)}
#musicVisualizer{display:block;width:100%;height:100%}
.music-stage-copy{position:absolute;z-index:1;left:32px;right:32px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px;pointer-events:none;text-shadow:0 2px 20px #02080d}
.music-stage-copy small{display:block;margin-bottom:9px;font:10px var(--mono);letter-spacing:.14em;color:#91acb9}.music-stage-copy strong{display:block;font:700 clamp(28px,4vw,54px) var(--display);line-height:1;letter-spacing:-.065em;text-transform:uppercase;color:#f1f7f9}.music-stage-copy output{flex-shrink:0;padding-bottom:3px;font:10px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#a8c0cb}
.music-tracks{min-height:0;overflow:auto;border-left:1px solid #a4d2e624;background:#091620a8;scrollbar-width:thin;scrollbar-color:#5c7180 #0a1720}
.music-tracks button{position:relative;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;width:100%;min-height:65px;padding:12px 20px;border-bottom:1px solid #a4d2e617;color:#9fb3bd;text-align:left;transition:background .18s,color .18s}
.music-tracks button:hover{color:#eaf3f6;background:#c8ebfa0a}.music-tracks button.active{color:#fff;background:#c8ebfa10}.music-tracks button.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.music-tracks small{font:9px var(--mono);color:#66818f}.music-tracks span{font:600 13px var(--display);letter-spacing:-.025em;text-transform:uppercase}.music-tracks i{font:8px var(--mono);font-style:normal;color:var(--accent);opacity:0;transition:opacity .18s}.music-tracks button.active i{opacity:1}
.music-controls{grid-column:1/-1;padding:9px 24px 17px;border-top:1px solid #a4d2e626;background:#08131ced;backdrop-filter:blur(12px)}
.music-controls input[type=range]{--fill:0%;appearance:none;-webkit-appearance:none;height:26px;border:0;background:transparent;cursor:pointer}
.music-controls input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--accent) var(--fill),#526b79 var(--fill))}
.music-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:14px;margin-top:-6px;border:0;border-radius:2px;background:#edf5f8}
.music-controls input[type=range]::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--accent) var(--fill),#526b79 var(--fill))}
.music-controls input[type=range]::-moz-range-thumb{width:6px;height:14px;border:0;border-radius:2px;background:#edf5f8}
.music-seek{display:block;width:100%;margin-bottom:6px}.music-control-row{display:flex;align-items:center;gap:6px}.music-control-row>button,.music-volume button{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:50%;color:#c7d8df;background:transparent;transition:color .18s,background .18s,border-color .18s}.music-control-row>button:hover,.music-volume button:hover{color:#fff;background:#d9f3ff0d;border-color:#a4d2e632}.music-control-row svg{width:21px;height:21px}.music-control-row #musicPlay{width:48px;height:48px;margin-inline:3px;border-color:#d922326e;color:#fff;background:#d9223224}.music-control-row #musicPlay:hover{background:#d922323d}.music-volume{display:flex;align-items:center;gap:7px;margin-left:auto}.music-volume #musicVolume{--fill:100%;width:80px}
#musicMessage{grid-column:1/-1;margin:0;padding:0 24px 12px;background:#08131c;color:#a9c0ca;font:11px var(--mono)}
.music-shell>.cinema-display-surface{display:block}
#musicPlayer button:focus-visible,#musicPlayer input:focus-visible{outline:2px solid #e04350;outline-offset:3px}
@media(max-width:760px){#musicPlayer{width:95vw}.music-shell{grid-template-columns:1fr;grid-template-rows:58px minmax(225px,1fr) minmax(150px,.65fr) auto;height:91dvh}.music-header{padding-inline:17px}.music-stage-copy{left:20px;right:20px;bottom:18px}.music-stage-copy strong{font-size:30px}.music-tracks{border-left:0;border-top:1px solid #a4d2e624}.music-tracks button{min-height:50px;padding:9px 16px}.music-controls{padding:7px 14px 13px}.music-volume #musicVolume{width:55px}}
@media(max-height:500px) and (min-width:761px){.music-shell{grid-template-rows:52px minmax(0,1fr) auto}.music-stage-copy{bottom:18px}.music-stage-copy strong{font-size:30px}.music-tracks button{min-height:49px}.music-control-row #musicPlay{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.music-shell *{transition:none!important}}

/* Cool white display finish with the site's post-processing surface. */
#musicPlayer::backdrop{background:#13222dc2;backdrop-filter:blur(9px)}
.music-shell{border-color:#8fa0a9;background:#e7ecee;color:#243039;box-shadow:0 30px 100px #08131d8f,0 0 0 1px #fff,inset 0 1px 0 #fff;animation:display-focus 16s ease-in-out infinite}
.music-shell:after{background:radial-gradient(circle at 28% 35%,#ffffffd6,transparent 48%),linear-gradient(135deg,#f5f7f7,#dce4e7 62%,#d2dce0)}
.music-header{border-bottom-color:#a9b7be;background:#eef2f2d9;color:#253038;box-shadow:inset 0 -1px #ffffff80}
.music-header .close{color:#52616a}.music-header .close:hover{color:#202a30;border-color:#93a4ad;background:#fff9}
.music-stage{background:radial-gradient(circle at 48% 42%,#f8faf9 0,#e2e9e7 55%,#ccd7d9 100%);box-shadow:inset 0 0 42px #70828b24}
.music-stage:after{background:linear-gradient(110deg,transparent 32%,#ffffff6b 50%,transparent 68%)}
.music-stage-copy{text-shadow:-.45px 0 #5590a233,.45px 0 #d922322b,0 1px 8px #fff}.music-stage-copy small{color:#62727a}.music-stage-copy strong{color:#28343a}.music-stage-copy output{color:#56676f}
.music-tracks{border-left-color:#9dacb35c;background:#dde4e5c7;scrollbar-color:#899aa2 #d6dee0}
.music-tracks button{border-bottom-color:#a7b4ba70;color:#53636b}.music-tracks button:hover{color:#202b31;background:#ffffff70}.music-tracks button.active{color:#1e282e;background:#f8faf9d9}.music-tracks small{color:#78878e}.music-tracks span{text-shadow:-.35px 0 #6097ad29,.35px 0 #d9223224}
.music-controls{border-top-color:#a5b3ba;background:#e5eaeadf;box-shadow:inset 0 1px #fff}
.music-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) var(--fill),#899aa2 var(--fill))}.music-controls input[type=range]::-webkit-slider-thumb{background:#34434a;box-shadow:0 0 0 2px #edf2f2}
.music-controls input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--accent) var(--fill),#899aa2 var(--fill))}.music-controls input[type=range]::-moz-range-thumb{background:#34434a;box-shadow:0 0 0 2px #edf2f2}
.music-control-row>button,.music-volume button{color:#45545c}.music-control-row>button:hover,.music-volume button:hover{color:#202a30;background:#ffffff9c;border-color:#9babb3}.music-control-row #musicPlay{border-color:#b82a3678;color:#fff;background:#b72330}.music-control-row #musicPlay:hover{background:#9f1825}
#musicMessage{background:#e5eaea;color:#53636b}
.music-shell>.cinema-display-surface .display-grain{opacity:.22;mix-blend-mode:multiply;animation-duration:1.8s}
.music-shell>.cinema-display-surface .display-lines{opacity:.3;mix-blend-mode:normal;background:repeating-linear-gradient(0deg,#152e4210 0,#152e4210 1px,transparent 1px,transparent 3px)}
.music-shell>.cinema-display-surface .display-sweep{opacity:.16;mix-blend-mode:normal;animation-duration:28s}
.music-shell>.cinema-display-surface .display-glass{background:linear-gradient(125deg,#ffffff17,transparent 40%,#adced905 68%,#ffffff10),radial-gradient(ellipse at 50% 44%,transparent 62%,#243f5810 100%);box-shadow:inset 0 0 60px #18384914,inset 0 0 150px #2c526f0a}
.display-idle #musicPlayer[open] .music-shell,.display-idle #musicPlayer[open] .display-sweep,.display-idle #musicPlayer[open] .display-grain{animation-play-state:paused}
@media(max-width:700px){.music-shell{animation:none;filter:blur(.45px)}}
@media(max-width:760px){.music-tracks{border-left:0;border-top-color:#a7b4ba70}}
@media(prefers-reduced-motion:reduce){.music-shell{animation:none;filter:none}.music-shell>.cinema-display-surface .display-sweep{display:none}.music-shell>.cinema-display-surface .display-grain{animation:none}}