.music-dock{position:fixed;z-index:190;left:10px;top:var(--music-top,98px);color:#dcd2bd;font-family:Arial,PingFang SC,Microsoft Yahei,sans-serif;opacity:0;pointer-events:none;transition:opacity .45s ease}.music-dock[data-visible=true]{opacity:1;pointer-events:auto}.music-disc{position:relative;z-index:1;isolation:isolate;width:72px;height:72px;display:block;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,#f8efd518,#10181eb8 58%,#080d14d4);box-shadow:inset 0 1px #eee1bc26,0 3px 12px #0003;cursor:pointer;transition:scale .5s cubic-bezier(.16,1,.3,1),filter .4s}.music-disc:hover,.music-disc:focus-visible{--music-halo-opacity:.85;scale:1.12;filter:drop-shadow(0 0 9px #ead7ad33)}.music-disc-halo{position:absolute;z-index:-1;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;background:radial-gradient(circle,#efd9ac12 15%,#d3ad6338 40%,transparent 70%);filter:blur(4px);opacity:var(--music-halo-opacity,.27);pointer-events:none;animation:music-dock-halo 8s ease-in-out infinite;transition:opacity .8s}.music-disc-art{display:block;width:100%;height:100%;box-sizing:border-box;padding:9px;color:#d4ccb8;transform-origin:50% 50%;animation:music-orbit 56s linear infinite}.music-disc-groove{opacity:.28;stroke-width:.5}.music-disc-shine{stroke:#fff2d4;stroke-width:1;opacity:.88}.music-dock[data-playing=true]{--music-halo-opacity:.72;--music-dock-note-opacity:.78}.music-dock[data-playing=true] .music-disc-art{animation-duration:25s}.music-dock-notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.music-dock-note{position:absolute;left:50%;top:50%;width:11px;height:17px;object-fit:contain;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px #e0d8bf20);animation:music-dock-note-flight 9.5s ease-in-out infinite;will-change:transform,opacity}.music-dock-note-one{--dock-note-start-x:-30px;--dock-note-start-y:-6px;--dock-note-x:-40px;--dock-note-y:-28px;--dock-note-rotation:-20deg;animation-delay:-1.8s}.music-dock-note-two{--dock-note-start-x:28px;--dock-note-start-y:-4px;--dock-note-x:45px;--dock-note-y:-24px;--dock-note-rotation:18deg;animation-delay:-5s;width:10px;height:15px}.music-dock-note-three{--dock-note-start-x:8px;--dock-note-start-y:-26px;--dock-note-x:14px;--dock-note-y:-43px;--dock-note-rotation:12deg;animation-delay:-7.4s;width:8px;height:13px}.music-dock[data-playing=true] .music-dock-note{animation-duration:6.5s}.music-dock[data-visible=false] *,.music-dock[data-motion-paused=true] *,.music-welcome[data-motion-paused=true] *,.music-welcome[data-motion-paused=true] *:after{animation-play-state:paused!important}.music-disc-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#777f85;left:calc(50% - 2px);top:calc(100% - 5px)}.music-dock[data-playing=true] .music-disc-dot{background:#e2c293;box-shadow:0 0 9px #d9b87888}.music-options{position:absolute;z-index:5;left:0;top:80px;width:238px;padding:19px 20px 16px;border:1px solid #d9c4a126;border-radius:15px;background:linear-gradient(135deg,#172028e8,#080b10e8);box-shadow:0 12px 55px #0007;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .22s,transform .22s,visibility .22s}.music-dock:hover .music-options,.music-dock:focus-within .music-options,.music-dock[data-expanded=true] .music-options{opacity:1;visibility:visible;transform:translateY(0)}.music-options:before{content:"";position:absolute;height:13px;top:-13px;left:0;width:100%}.music-state{font-size:12px;letter-spacing:.03em;margin:0 0 14px;color:#e2d6bd}.music-actions{display:flex;gap:16px}.music-actions button{border:0;background:none;padding:3px 0;font-size:12px;color:#a8aeb2;cursor:pointer}.music-actions button[aria-pressed=true]{color:#eed7aa}.music-credit{font-size:10px;line-height:1.7;color:#979da3;margin:15px 0 0}.music-credit a{color:inherit;text-decoration:none;border-bottom:1px solid #d9c4a130}.music-track-label{display:block;margin:17px 0 7px;font-size:11px;letter-spacing:.04em;color:#cbb792}.music-track-picker{display:block;box-sizing:border-box;max-width:100%;width:100%;min-height:34px;padding:7px 9px;font:12px Arial,PingFang SC,sans-serif;color:#e5d5b8;background:#ffffff06;border:1px solid #e8cf9d24;border-radius:8px;outline-color:#e8cf9d}.music-track-picker option{background:#151719;color:#e5d5b8}.music-track-controls{display:flex;justify-content:space-between;gap:16px;margin-top:10px}.music-track-controls button{border:0;padding:5px 0;font-size:11px;background:none;color:#b8aa90;cursor:pointer}.music-track-controls button:hover,.music-actions button:hover{color:#f0debb}.music-welcome{--music-tilt-x:0deg;--music-tilt-y:0deg;--music-light-x:50%;--music-light-y:32%;box-sizing:border-box;width:min(460px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 32px);padding:32px 38px 28px;border:1px solid #e0d4bc4a;border-radius:20px;background:radial-gradient(ellipse at var(--music-light-x) var(--music-light-y),#e0d4b01b,transparent 62%),linear-gradient(135deg,#252625cc,#111418eb 48%,#141413ed);box-shadow:inset 0 1px #fff3d33d,inset 0 -1px #cfbda92b,0 30px 100px #0009;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);color:#e6e1d7;text-align:center;font-family:Arial,PingFang SC,Microsoft Yahei,sans-serif;overflow:auto;isolation:isolate}.music-welcome::backdrop{background:#02050ac9;transition:opacity .18s ease-out}.music-welcome.is-dismissing::backdrop{opacity:0}.music-welcome.is-dismissing{pointer-events:none;will-change:opacity}.music-welcome.is-dismissing *,.music-welcome.is-dismissing *:after{animation-play-state:paused!important;transition:none!important}.music-welcome:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ddcaa01b;border-radius:14px;pointer-events:none}.music-welcome-label{position:relative;margin:0 32px 2px;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.19em;color:#bcb6a7}.music-welcome-stage{height:236px;position:relative;pointer-events:none;overflow:hidden;perspective:900px}.music-art-motion{position:absolute;top:-3px;right:0;bottom:0;left:0;animation:music-space-drift 8s ease-in-out infinite}.music-luxury-frame{display:block;width:100%;height:100%;object-fit:contain;transform:perspective(900px) rotateX(var(--music-tilt-x)) rotateY(var(--music-tilt-y));transform-origin:50% 50%;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .6s;filter:drop-shadow(0 8px 16px #0008)}.music-welcome:hover .music-luxury-frame{filter:drop-shadow(0 8px 16px #0008) drop-shadow(0 0 8px #e9dab320)}.music-welcome-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:1px}.music-welcome h2{margin:0;font-size:29px;line-height:1.45;letter-spacing:.045em;font-weight:500;white-space:nowrap}.music-title-text{display:inline-block;color:#e5ded0;background:linear-gradient(110deg,#b2babc 7%,#f9f7ee 23%,#ceb68c 44%,#fbfcff 50%,#aeb8c1 64%,#ead4af 88%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:music-title-signal 7.8s ease-in-out infinite;transition:filter .4s,scale .6s cubic-bezier(.16,1,.3,1)}.music-welcome h2:hover .music-title-text{scale:1.025;filter:drop-shadow(0 0 6px #f1dfbb30)}.music-welcome-copy{font-size:14px;line-height:1.75;letter-spacing:.03em;color:#c3bfb7;margin:0}.music-welcome-actions{position:relative;display:flex;justify-content:center;gap:12px;width:100%;margin-top:8px}.music-welcome-actions button{position:relative;box-sizing:border-box;min-width:0;flex:1;min-height:47px;padding:11px 12px;border:1px solid #ded2bc44;border-radius:24px;background:linear-gradient(130deg,#fff5dd0c,#ffffff03);color:#d0c9be;cursor:pointer;font:14px Arial,PingFang SC,Microsoft Yahei,sans-serif;letter-spacing:.06em;white-space:nowrap;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .4s,color .3s,box-shadow .45s;box-shadow:inset 0 1px #fff8df16}.music-welcome-actions [data-music=on]{display:flex;align-items:center;justify-content:center;gap:10px;border-color:#e2c79588;color:#fff0d4;background:linear-gradient(125deg,#ddc18a28,#f7f2e70e 55%,#c4a6761b);box-shadow:inset 0 1px #fff4db36}.music-activate-label{display:inline-block;animation:music-button-signal 6.5s ease-in-out infinite}.music-welcome-actions button:hover,.music-welcome-actions button:focus-visible{transform:translateY(-2px);border-color:#f6e6cdbb;color:#fff9ed;box-shadow:inset 0 1px #fff6e54a,0 6px 22px #d6ba811a}.music-welcome-actions button:active{transform:translateY(0) scale(.98);transition-duration:.12s}.music-welcome-actions [data-music=on]:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 35%,#fff4d52c 49%,transparent 63%);translate:-100% 0;pointer-events:none;animation:music-button-shine 6.5s ease-in-out infinite}.music-button-wave{display:flex;height:14px;gap:3px;align-items:center;opacity:.65}.music-button-wave i{display:block;width:2px;height:4px;background:#e6d7b8;border-radius:1px;animation:music-signal-bar 1.7s ease-in-out infinite;transform-origin:center}.music-button-wave i:nth-child(2){animation-delay:-.45s}.music-button-wave i:nth-child(3){animation-delay:-.8s}.music-button-wave i:nth-child(4){animation-delay:-1.2s}.music-button-wave i:nth-child(5){animation-delay:-.65s}.music-welcome-actions [data-music=on]:hover .music-button-wave i{animation-duration:.8s;background:#fff9e7}.music-welcome-hint{margin:0;font-size:11px;line-height:1.6;color:#99988f}.music-welcome-close{position:absolute;z-index:5;right:17px;top:17px;width:28px;height:28px;padding:0;border:1px solid #dfd5c22b;border-radius:50%;background:#10121580;color:#b9b6ad;font-size:21px;font-weight:200;line-height:1;cursor:pointer;transition:rotate .5s,background .3s,border-color .3s,color .3s}.music-welcome-close:hover{rotate:90deg;border-color:#f5e4c382;background:#fff6df0b;color:#fff8eb}.music-welcome button:focus-visible,.music-disc:focus-visible,.music-actions button:focus-visible{outline:2px solid #f1d5a6;outline-offset:4px}.music-luxury-notes{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px}.music-flying-note{position:absolute;left:50%;top:48%;width:24px;height:37px;object-fit:contain;opacity:0;animation:music-note-orbit 7s cubic-bezier(.25,.55,.35,1) infinite;filter:drop-shadow(0 0 5px #e0d8bf20);will-change:transform,opacity}.music-note-one{--note-start-x:32px;--note-start-y:-15px;--note-x:105px;--note-y:-100px;--note-rotation:18deg;--note-depth:45px;--note-end-size:.9;animation-delay:-.8s}.music-note-two{--note-start-x:25px;--note-start-y:-25px;--note-x:-100px;--note-y:-110px;--note-rotation:-20deg;--note-depth:-60px;--note-end-size:.65;animation-delay:-2.7s;width:20px;height:31px}.music-note-three{--note-start-x:38px;--note-start-y:-20px;--note-x:60px;--note-y:-130px;--note-rotation:10deg;--note-depth:70px;--note-end-size:1.1;animation-delay:-4.5s;width:22px;height:34px}.music-note-four{--note-start-x:15px;--note-start-y:-25px;--note-x:-65px;--note-y:-130px;--note-rotation:-14deg;--note-depth:-90px;--note-end-size:.55;animation-delay:-5.9s;width:18px;height:27px}.music-space-signal{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.music-space-signal i{position:absolute;width:2px;height:2px;background:#e4edf6;border-radius:50%;box-shadow:0 0 6px #d5e0f35a;opacity:.1;animation:music-star-drift 8s ease-in-out infinite}.music-space-signal i:nth-child(1){left:12%;top:36%}.music-space-signal i:nth-child(2){left:83%;top:23%;animation-delay:-2s}.music-space-signal i:nth-child(3){left:23%;top:70%;animation-delay:-4s}.music-space-signal i:nth-child(4){left:80%;top:76%;animation-delay:-6s}.music-welcome.is-dismissing :is(.music-art-motion,.music-flying-note,.music-title-text,.music-activate-label,.music-button-wave i,.music-space-signal i){animation-play-state:paused}@keyframes music-orbit{to{transform:rotate(360deg)}}@keyframes music-dock-halo{0%,to{transform:scale(.92)}50%{transform:scale(1.08)}}@keyframes music-dock-note-flight{0%{opacity:0;transform:translate(var(--dock-note-start-x),var(--dock-note-start-y)) rotate(0) scale(.5)}18%,45%{opacity:var(--music-dock-note-opacity,.28)}85%,to{opacity:0;transform:translate(var(--dock-note-x),var(--dock-note-y)) rotate(var(--dock-note-rotation)) scale(.85)}}@keyframes music-space-drift{0%,to{transform:translateY(2px)}50%{transform:translateY(-3px)}}@keyframes music-note-orbit{0%{opacity:0;transform:translate3d(var(--note-start-x),var(--note-start-y),-45px) rotate(-8deg) scale(.45)}14%{opacity:.8}45%{opacity:.72}84%{opacity:0;transform:translate3d(var(--note-x),var(--note-y),var(--note-depth)) rotate(var(--note-rotation)) scale(var(--note-end-size))}to{opacity:0;transform:translate3d(var(--note-x),var(--note-y),var(--note-depth)) rotate(var(--note-rotation)) scale(var(--note-end-size))}}@keyframes music-title-signal{0%,8%,to{transform:translate(0);background-position:0% 50%}2%{transform:translate(.6px,-.2px)}3%{transform:translate(-.4px,.2px)}4%{transform:translate(.3px)}6%{transform:translate(-.2px)}50%{background-position:100% 50%;transform:translateY(-.5px)}}@keyframes music-button-signal{0%,12%,to{transform:translate(0)}3%{transform:translate(-.6px)}5%{transform:translate(.6px)}7%{transform:translate(-.3px)}9%{transform:translate(.2px)}}@keyframes music-button-shine{0%,68%{translate:-100% 0}90%,to{translate:100% 0}}@keyframes music-signal-bar{0%,to{scale:1 .6}45%{scale:1 2.4}}@keyframes music-star-drift{0%,to{opacity:.1;transform:translateY(3px)}50%{opacity:.4;transform:translate(2px,-5px)}}@media(max-width:700px){.music-dock{left:10px}.music-disc{width:56px;height:56px}.music-options{top:64px}.music-welcome{padding:28px 26px 24px}.music-welcome-stage{height:214px}.music-welcome-label{font-size:9px;letter-spacing:.14em}.music-welcome h2{font-size:25px}.music-welcome-body{gap:13px}.music-welcome-copy{font-size:13px}.music-welcome-actions{gap:10px}.music-welcome-actions button{font-size:13px;padding:10px 8px;min-height:44px}.music-welcome-actions [data-music=on]{gap:7px}.music-welcome-hint{font-size:10px}.music-luxury-notes{scale:.85;transform-origin:50% 48%}}@media(max-height:620px){.music-welcome{padding-top:22px;padding-bottom:22px}.music-welcome-stage{height:150px}.music-welcome-body{gap:10px}.music-welcome h2{font-size:24px}.music-welcome-actions{margin-top:4px}.music-welcome-actions button{min-height:42px}.music-welcome-close{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){.music-welcome *,.music-welcome *:after,.music-dock *{animation:none!important}.music-welcome::backdrop,.music-welcome *,.music-dock,.music-dock *{transition:none!important}.music-disc:hover,.music-disc:focus-visible{scale:1}.music-dock-note{opacity:.18;transform:translate(var(--dock-note-start-x),var(--dock-note-start-y)) scale(.55)}.music-flying-note{opacity:.55;transform:translate(var(--note-start-x),var(--note-start-y)) scale(.55)}.music-luxury-frame{transform:none}.music-space-signal i{opacity:.25}}html[data-motion=off] :is(.music-welcome *,.music-dock,.music-dock *),html[data-motion=off] .music-welcome *:after{animation:none!important;transition:none!important}html[data-motion=off] .music-disc:hover,html[data-motion=off] .music-disc:focus-visible{scale:1}html[data-motion=off] .music-dock-note{opacity:.18;transform:translate(var(--dock-note-start-x),var(--dock-note-start-y)) scale(.55)}html[data-motion=off] .music-luxury-frame{transform:none}html[data-motion=off] .music-flying-note{opacity:.55;transform:translate(var(--note-start-x),var(--note-start-y)) scale(.55)}
