/* The player stays outside the moving screens; autoplay follows browser permissions. */
.site-header #music-toggle{position:static;inset:auto;transform:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #7697a758;border-radius:50%;background:#0b1b2573;color:#c4dce8;font:24px/1 var(--font);touch-action:manipulation;transition:border-color .2s,box-shadow .2s}
.site-header #music-toggle svg{width:21px;height:21px}
.site-header #music-toggle.music-is-playing{border-color:#7cffbd;color:#8bffd2;box-shadow:0 0 16px #56ffc337}
#music-dialog{--text-scale:1;width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 28px);margin:auto;padding:26px;border:1px solid #9dc1cf8c;border-radius:16px;background:radial-gradient(ellipse at top left,#28514385,transparent 65%),linear-gradient(140deg,#1b2d37f7,#0c1723fa 75%);box-shadow:0 24px 90px #0009,0 0 26px #7cdac413;color:#eaf7ff;overflow-x:hidden;overflow-y:auto;font:14px/1.5 var(--font);overscroll-behavior:contain}
#music-dialog::backdrop{background:#041018b8;backdrop-filter:blur(7px)}
#music-dialog *{box-sizing:border-box}
#music-dialog .music-kicker{padding-right:26px;margin:0 0 12px;color:#91edcb;font:10px/1.6 var(--mono);letter-spacing:1.7px}
#music-dialog h2{margin:0 0 8px;font:600 25px/1.2 var(--display);letter-spacing:-.4px;background:var(--title-gradient);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:color-flow 9s ease-in-out infinite}
#music-dialog .music-description{font:14px/1.6 var(--font);color:#c1d2de;margin:0 0 23px}
#music-dialog .music-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:44px;height:44px;color:#d3eaf5;font:30px/1 var(--font);border-radius:50%;background:transparent;border:0}
#music-dialog .music-label{display:block;color:#a9c2d0;font:11px/1.5 var(--mono);letter-spacing:1px;margin-bottom:7px}
#music-dialog .music-track{display:block;width:100%;height:48px;min-width:0;padding:0 12px;border:1px solid #92bdd878;border-radius:8px;color:#e8f9ff;background:#132430;font:14px var(--font);color-scheme:dark;text-overflow:ellipsis}
#music-dialog .music-track option{color:#e8f9ff;background:#132430}
#music-dialog .music-now{display:flex;align-items:center;gap:14px;min-width:0;min-height:89px;padding:20px 0}
#music-dialog .music-now-text{display:grid;gap:4px;min-width:0}
#music-dialog .music-current-title{font:600 16px/1.35 var(--display);overflow-wrap:anywhere}
#music-dialog .music-status{color:#acc3d3;font:12px/1.5 var(--font)}
#music-dialog .music-equalizer{display:flex;align-items:center;justify-content:center;gap:3px;width:40px;height:40px;flex-shrink:0;color:#76ffb7}
#music-dialog .music-equalizer i{width:3px;height:12px;border-radius:2px;background:currentColor;transform-origin:50% 50%}
#music-dialog .music-equalizer i:nth-child(2),#music-dialog .music-equalizer i:nth-child(4){height:22px;color:#63e7f7}
#music-dialog .music-equalizer i:nth-child(3){height:30px;color:#ae98ff}
#music-dialog.music-is-playing .music-equalizer i{animation:music-bars 1.05s ease-in-out infinite alternate}
#music-dialog.music-is-playing .music-equalizer i:nth-child(2){animation-delay:-.32s}
#music-dialog.music-is-playing .music-equalizer i:nth-child(3){animation-delay:-.65s}
#music-dialog.music-is-playing .music-equalizer i:nth-child(4){animation-delay:-.1s}
#music-dialog.music-is-playing .music-equalizer i:nth-child(5){animation-delay:-.5s}
#music-dialog .music-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center}
#music-dialog .music-step,#music-dialog .music-play,#music-dialog .music-mute{display:grid;place-items:center;min-height:48px;border:1px solid #8ac0d17d;border-radius:9px;background:#1a303c88;color:#daf4ff;font:16px/1.2 var(--display);touch-action:manipulation}
#music-dialog .music-play{background:linear-gradient(110deg,#8bff9f,#4cedd5,#54c7ed);background-size:180% 100%;border-color:#8cf3cc;color:#081d24;font-weight:600;font-size:16px;box-shadow:0 0 18px #4aeeca1f}
#music-dialog .music-step:hover,#music-dialog .music-mute:hover{background:#294955;border-color:#b5e8f0}
#music-dialog .music-play:hover{filter:brightness(1.1)}
#music-dialog .music-volume{display:grid;grid-template-columns:44px minmax(0,1fr) 42px;gap:13px;align-items:center;margin:23px 0 16px;padding-top:20px;border-top:1px solid #7fabb12b}
#music-dialog .music-mute{min-height:44px;width:44px;font-size:23px}
#music-dialog .music-volume-group{min-width:0}
#music-dialog .music-volume-group .music-label{margin-bottom:0}
#music-dialog .music-volume-range{display:block;width:100%;height:30px;margin:0;accent-color:#74fbc2;cursor:pointer}
#music-dialog .music-volume-value{font:12px/1.2 var(--mono);color:#b8d9df;text-align:right}
#music-dialog .music-footnote{color:#91aebf;font:11px/1.6 var(--font);margin:0}
#music-dialog button:focus-visible,#music-dialog select:focus-visible,#music-dialog input:focus-visible{outline:2px solid #8dffcc;outline-offset:3px}
@keyframes music-bars{to{transform:scaleY(.35)}}
@media(max-width:359px){.site-header .brand img{width:52px}.site-header .header-controls{gap:4px}#music-dialog{padding:22px 18px}#music-dialog h2{font-size:23px}#music-dialog .music-controls{gap:9px}}
@media(max-height:530px){#music-dialog{padding-top:20px;padding-bottom:20px}#music-dialog .music-description{margin-bottom:12px}#music-dialog .music-now{min-height:70px;padding:12px 0}#music-dialog .music-volume{margin-top:15px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){#music-dialog h2,#music-dialog.music-is-playing .music-equalizer i{animation:none}}