@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#fff;background:#ded8d4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:3px solid #bf9bff;outline-offset:4px}button:disabled{cursor:wait}.stage{min-height:100svh;padding:24px 5vw 20px;background:#ded8d4}.toolbar{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#554e50}.wordmark{font-size:23px;font-weight:600;letter-spacing:-1.2px}.wordmark span{font-weight:400;color:#8c8384;margin-left:5px}.toolbar nav{display:flex;gap:12px}.toolbar nav button{display:flex;align-items:center;gap:8px;font-size:12px;padding:10px 14px;border-radius:25px;border:1px solid #aaa09e70}.toolbar nav .expand{padding:10px}.device-stage{width:min(1150px,90vw);margin:28px auto 24px;perspective:2000px}.duo{width:100%;container-type:inline-size;filter:drop-shadow(0 30px 23px #3b302d40)}.top-shell{width:87%;margin:auto;padding:1.25cqw 1.25cqw .6cqw;border:2px solid #525253;border-radius:7cqw 7cqw .8cqw .8cqw;background:#101113;box-shadow:inset 0 0 0 3px #aaa8a5,inset 0 0 0 6px #353536,0 0 0 1px #18181a}.upper-screen{height:36.4cqw;border-radius:5.6cqw 5.6cqw 0 0;position:relative;overflow:hidden;background:#292139}.hero{position:absolute;width:100%;height:100%;object-fit:cover}.cover-hero{object-position:35% 40%;filter:brightness(.7)}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#100a21;opacity:.05}.cover-hero+.hero-shade{left:49%;opacity:.56;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.now-playing{position:absolute;left:2.4cqw;bottom:3.1cqw;display:flex;gap:1.3cqw;align-items:center;text-shadow:0 2px 10px #0005}.now-playing img{width:6.2cqw;height:6.2cqw;border:1px solid #d9b5ff;border-radius:50%;object-fit:cover}.now-playing strong,.now-playing span{display:block;font-size:1.9cqw;font-weight:500;line-height:1.45}.now-playing span{font-size:1.65cqw;color:#ddd0e5;font-weight:400}.lyrics{position:absolute;left:57.8%;right:2%;top:0;bottom:0;display:flex;align-items:center}.lyrics p{font-size:4.05cqw;line-height:1.26;font-weight:600;letter-spacing:-.12cqw;margin:0;animation:appear .35s ease}.lyrics p>span{color:#cbc5cf}.lyrics .next-line{display:block;font-size:2.8cqw;line-height:1.25;margin-top:1cqw;opacity:.7;max-height:8cqw;overflow:hidden}.lyrics .lyric-note{display:block;font-size:1.25cqw;letter-spacing:0;line-height:1.7;font-weight:400;margin-top:1.5cqw}.lyrics .lyric-placeholder{font-size:3cqw}.hinge{height:1.2cqw;background:#111214;width:88%;margin:-.1cqw auto -.15cqw;border:1px solid #55545a;box-shadow:inset 0 2px 2px #777,inset 0 -3px 2px #000;border-radius:5px}.bottom-shell{padding:.7cqw 1.1cqw 1.6cqw;background:#101113;border:2px solid #666768;box-shadow:inset 0 0 0 3px #ada9a5,inset 0 -7px 0 4px #303033,0 1.5cqw 0 -.45cqw #222326,0 1.7cqw 0 -.45cqw #868382;border-radius:1.1cqw 1.1cqw 5.8cqw 5.8cqw;transform:rotateX(17deg);transform-origin:top center}.lower-screen{height:34.8cqw;position:relative;overflow:hidden;border-radius:.8cqw .8cqw 4.1cqw 4.1cqw;background:#03070b}.album-wall{padding:.15cqw .5cqw;display:flex;flex-direction:column;gap:.7cqw;height:100%}.album-row{display:flex;gap:.8cqw;overflow-x:auto;scrollbar-width:none;flex-shrink:0;padding:.35cqw;scroll-snap-type:x proximity}.album-row::-webkit-scrollbar{display:none}.album{flex:0 0 16.9cqw;aspect-ratio:1;position:relative;padding:0;border-radius:.75cqw;overflow:hidden;scroll-snap-align:center;transition:filter .2s,box-shadow .2s}.album img{width:100%;height:100%;object-fit:cover;display:block}.album.selected{box-shadow:0 0 0 2px #ecdaff,0 0 12px 3px #aa64fc}.album-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0004;opacity:0;transition:opacity .2s}.album:hover .album-hover{opacity:1}.row-1{margin-left:-8cqw;margin-right:-4cqw}.row-1 .album{flex-basis:18cqw}.player-wrap{position:absolute;bottom:1.2cqw;left:50%;transform:translate(-50%);z-index:2}.player{display:flex;align-items:center;gap:1.4cqw;padding:.65cqw 1.5cqw .65cqw .85cqw;border:1px solid #c9a3fd;border-radius:10cqw;min-width:30cqw;max-width:53cqw;background:#241c2be8;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 0 15px #bf8bff60,inset 0 1px 12px #d8bdff30}.player-art{padding:0;flex-shrink:0;display:flex}.player-art img{width:5.7cqw;height:5.7cqw;border-radius:50%;border:1px solid #caa6fa}.player-label{min-width:0;flex:1}.player-label strong{display:block;font-size:1.8cqw;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22cqw}.player-label span{font-size:1.45cqw;color:#c7bbd0;display:block;margin-top:.25cqw}.play-toggle{display:flex;align-items:center;padding:.5cqw}.play-toggle svg{width:2.9cqw;height:2.9cqw}.skip{display:none;padding:0;align-items:center}.player-wrap:hover .skip,.player-wrap:focus-within .skip{display:flex}.progress-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:35cqw;background:#211a29e8;padding:1cqw 1.4cqw;border-radius:1.5cqw;display:flex;gap:.7cqw;align-items:center;font-size:.9cqw;opacity:0;pointer-events:none;transition:opacity .15s}.progress-panel input{min-width:0;flex:1;accent-color:#c89aff}.player-wrap:hover .progress-panel,.player-wrap:focus-within .progress-panel{opacity:1;pointer-events:auto}.progress-panel small{white-space:nowrap}footer{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;font-size:11px;color:#8b8180;letter-spacing:1px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:90vw;padding:16px 18px;background:#272030f5;border:1px solid #73617c;border-radius:15px;font-size:13px;line-height:1.7;display:flex;gap:15px;align-items:center;z-index:10;box-shadow:0 8px 30px #0003}.toast button{display:flex}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#08051070;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;padding:20px}.modal{position:relative;max-width:410px;background:#231e2d;border:1px solid #716178;border-radius:28px;padding:45px 35px;text-align:center;box-shadow:0 30px 90px #0005}.modal>svg{color:#d1a6ff}.close{position:absolute;right:14px;top:14px}.modal h1{font-size:26px;letter-spacing:-1px}.modal p{color:#c5bbcf;font-size:14px;line-height:1.9}.connect-button{background:#d0b1f9;color:#24182e;border-radius:14px;width:100%;padding:14px;margin:18px 0}.modal small{display:block;font-size:11px;color:#9a8ba5;line-height:1.8}.spin{animation:spin 1s linear infinite}.immersive{background:#111015}.immersive .toolbar,.immersive footer{color:#a598af}.immersive .device-stage{width:min(1250px,94vw)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.device-stage{width:min(1200px,82vw)}}@media(max-width:650px){.stage{padding:20px 10px;display:flex;flex-direction:column;justify-content:center}.toolbar{width:100%;padding:0 12px;position:absolute;top:20px;left:0}.device-stage{width:97vw;margin:70px auto}.top-shell{width:96%;border-radius:7cqw 7cqw 1cqw 1cqw}.upper-screen{height:58cqw}.hero.original{object-position:36% center;width:140%;max-width:none}.lyrics{left:51%;right:4%}.lyrics p{font-size:5cqw}.now-playing{bottom:4cqw}.now-playing strong{font-size:2.8cqw}.now-playing span{font-size:2.4cqw}.now-playing img{width:9cqw;height:9cqw}.hinge{width:97%;height:1.7cqw}.lower-screen{height:58cqw}.album{flex-basis:27cqw}.row-1 .album{flex-basis:28cqw}.row-1{margin-left:-12cqw}.album-wall{gap:1.1cqw}.album-row{gap:1.4cqw}.player-wrap{bottom:3cqw}.player{min-width:59cqw;max-width:83cqw;padding:1.3cqw 2.8cqw 1.3cqw 1.3cqw;gap:2.5cqw}.player-art img{width:10cqw;height:10cqw}.player-label strong{font-size:3.3cqw;max-width:38cqw}.player-label span{font-size:2.6cqw}.play-toggle svg{width:5.4cqw;height:5.4cqw}.progress-panel{width:68cqw;font-size:2.2cqw;padding:2cqw}.lyrics .next-line{font-size:3.4cqw;max-height:16cqw}.lyrics .lyric-note{font-size:2.7cqw}footer{width:100%;padding:0 12px;gap:10px;font-size:9px}.skip.back{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.lyrics{cursor:pointer}.lyric-modal{width:520px;max-width:90vw;max-height:80svh;padding:35px 24px}.lyric-modal h1{margin-bottom:8px}.lyric-list{max-height:50svh;overflow:auto;margin-top:24px;text-align:left}.lyric-list button{display:block;font-size:20px;font-weight:500;line-height:1.5;color:#b7a9c2;text-align:left;margin:0 0 18px;padding:0}.lyric-list button.active,.lyric-list button:hover{color:#fff}@media(min-width:651px){.device-stage{margin-top:4px}.upper-screen{height:35cqw}.bottom-shell{width:87%;margin:auto;transform:perspective(1500px) rotateX(28deg)}.lower-screen{height:34.8cqw}.album{flex-basis:15.1cqw}.row-1 .album{flex-basis:16.6cqw}}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#241d35}.hero-backdrop{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;filter:blur(30px) brightness(.64) saturate(1.28);transform:scale(1.1)}.hero-foreground{position:absolute;inset:0 auto 0 0;width:68%;height:100%;object-fit:cover;object-position:center;filter:saturate(.98) contrast(1.02);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 60%,rgba(0,0,0,.96) 70%,rgba(0,0,0,.74) 81%,rgba(0,0,0,.3) 92%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 60%,rgba(0,0,0,.96) 70%,rgba(0,0,0,.74) 81%,rgba(0,0,0,.3) 92%,transparent 100%)}.hero-scene.original .hero-foreground{width:100%;object-position:center}.hero-scene~.hero-shade{top:0;right:0;bottom:0;left:0;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(4,4,8,.05) 56%,rgba(4,4,8,.22) 75%,rgba(4,4,8,.38) 100%)}.hero-scene.original~.hero-shade{top:0;right:0;bottom:0;left:0;opacity:.05;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:650px){.hero-scene.original .hero-foreground{object-position:36% center;width:140%;max-width:none}}.album-wall{overflow:hidden}.album-row{display:block;overflow:hidden;padding:.35cqw 0;scroll-snap-type:none}.album-marquee{display:flex;width:max-content;gap:.8cqw;padding:0 .35cqw;animation:queue-flow-left 34s linear infinite;will-change:transform}.row-1{margin-left:0;margin-right:0}.row-1 .album-marquee{animation-name:queue-flow-right;animation-duration:40s;transform:translate(-50%)}.album-row:hover .album-marquee,.album-row:focus-within .album-marquee{animation-play-state:paused}.album{flex:0 0 15.1cqw}.row-1 .album{flex-basis:16.6cqw}.queue-toolbar{position:absolute;left:1.2cqw;bottom:1.25cqw;z-index:4;transform:translateZ(30px);display:flex;align-items:center;gap:.55cqw;color:#fff}.queue-icon{width:3.15cqw;height:3.15cqw;border:1px solid #ffffff32;border-radius:50%;padding:0;display:grid;place-items:center;color:#f0e9f7;background:#14121be8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 5px 20px #0006;transition:background .18s,color .18s,transform .18s}.queue-icon:hover{transform:scale(1.06);color:#fff;background:#292032}.mode-cycle{color:#26182f;background:#d7b7ff;box-shadow:0 0 12px #bf8bff70,0 5px 20px #0006}.playlist-modal{width:min(720px,92vw);max-width:none;text-align:left;padding:32px;max-height:78svh;overflow:hidden}.playlist-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px;color:#d4afff}.playlist-heading h1{margin:0 0 4px;color:#fff;font-size:24px}.playlist-heading small{color:#a99db1}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-height:55svh;overflow:auto;padding:4px}.playlist-card{text-align:left;min-width:0;padding:0;color:#fff}.playlist-cover{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#33283e;display:grid;place-items:center;color:#caa3f8;margin-bottom:9px;transition:box-shadow .2s,transform .2s}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-card:hover .playlist-cover,.playlist-card.active .playlist-cover{box-shadow:0 0 0 2px #d7b7ff,0 0 20px #aa64fc65;transform:translateY(-2px)}.playlist-card>span,.playlist-card>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-card>span{font-size:13px;font-weight:600}.playlist-card>small{font-size:10px;color:#9d91a5;margin-top:4px}.playlist-loading,.playlist-empty{grid-column:1/-1;min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:#b8abbf}@keyframes queue-flow-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes queue-flow-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:650px){.album-marquee{gap:1.4cqw;animation-duration:28s}.row-1 .album-marquee{animation-duration:34s}.album{flex-basis:27cqw}.row-1 .album{flex-basis:28cqw}.queue-toolbar{left:2.4cqw;bottom:3cqw;gap:1cqw}.queue-icon{width:6.7cqw;height:6.7cqw}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.player-wrap{bottom:1.05cqw;transform:translate(-50%) scale(1);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.2,.8,.25,1)}.player-wrap.touching{transform:translate(-50%) scale(1.045);cursor:grabbing}.player-wrap:before{content:"";position:absolute;top:-1.2cqw;right:-1.4cqw;bottom:-.8cqw;left:-1.4cqw;border-radius:8cqw;background:radial-gradient(circle at 28% 78%,rgba(195,126,255,.28),transparent 43%),radial-gradient(circle at 76% 30%,rgba(132,189,255,.2),transparent 38%);filter:blur(1.2cqw);pointer-events:none}.player-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10cqw;background:radial-gradient(circle 5cqw at var(--touch-x,50%) var(--touch-y,50%),rgba(255,255,255,.3),rgba(192,122,255,.18) 34%,transparent 72%);mix-blend-mode:screen;opacity:0;transition:opacity .34s;pointer-events:none;z-index:3}.player-wrap.touching:after{opacity:1}.player{position:relative;min-width:31cqw;max-width:40cqw;gap:1.15cqw;padding:.72cqw 1.35cqw .72cqw .82cqw;border:1px solid rgba(220,177,255,.95);background:linear-gradient(135deg,#3f2f47d1,#1c1824c2 58%,#302337cc);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 0 0 1px #cf8fff2e,0 0 22px #b15eff7a,inset 0 1px 1px #ffffff4d,inset 0 -10px 24px #06030a33;overflow:hidden}.player:after{content:"";position:absolute;inset:1px 8% auto;height:45%;border-radius:10cqw;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent);pointer-events:none}.player-track-face{display:flex;align-items:center;gap:1.15cqw;min-width:0;flex:1;position:relative;z-index:1;opacity:var(--drag-fade,1);transform:translate(var(--content-x,0px)) rotateY(var(--drag-angle,0deg));transform-origin:center;transition:transform .18s cubic-bezier(.2,.75,.25,1),opacity .16s}.player-wrap.touching .player-track-face{transition:none}.player-art,.player-label,.player .skip,.player .play-toggle{position:relative;z-index:1}.player-art img{box-shadow:0 0 0 1px #ffffff47,0 0 16px #c685ff66}.player-label strong{max-width:23cqw}.player .skip,.player-wrap:hover .skip,.player-wrap:focus-within .skip{display:flex}.player .skip{width:2.7cqw;height:2.7cqw;align-items:center;justify-content:center;flex:0 0 auto}.player .skip svg{width:2.1cqw;height:2.1cqw}.play-toggle{width:3.1cqw;height:3.1cqw;justify-content:center;flex:0 0 auto}.player-wrap.flip-next .player-track-face{animation:pill-flip-next .42s cubic-bezier(.2,.75,.25,1)}.player-wrap.flip-prev .player-track-face{animation:pill-flip-prev .42s cubic-bezier(.2,.75,.25,1)}.progress-panel{bottom:calc(100% + .22cqw);width:39cqw;min-height:4.15cqw;padding:.7cqw 1.35cqw;border:1px solid rgba(255,255,255,.16);border-radius:1.7cqw;display:flex;gap:.7cqw;align-items:center;font-size:.9cqw;opacity:1;pointer-events:auto;background:linear-gradient(120deg,#302735c9,#1a1820b8);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 8px 22px #00000047,inset 0 1px 1px #fff3}.progress-panel input{height:1.5cqw;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.progress-panel input::-webkit-slider-runnable-track{height:.48cqw;border-radius:1cqw;background:linear-gradient(90deg,#c68aff,#8dbdff);box-shadow:inset 0 0 0 1px #ffffff52,0 0 10px #be7dff52}.progress-panel input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.55cqw;height:1.55cqw;margin-top:-.54cqw;border:0;border-radius:50%;background:#c78bff;box-shadow:0 0 0 .24cqw #ce9bff3d,0 0 13px #c17fff}.progress-panel small{font-weight:600;color:#eee5f4}@media(max-width:650px){.player-wrap{bottom:2.2cqw}.player{min-width:58cqw;max-width:72cqw;padding:1.35cqw 2.2cqw 1.35cqw 1.4cqw;gap:1.8cqw}.player-label strong{max-width:38cqw}.player .skip{width:5.5cqw;height:5.5cqw}.player .skip svg{width:4.4cqw;height:4.4cqw}.play-toggle{width:6cqw;height:6cqw}.progress-panel{width:68cqw;min-height:7.5cqw;bottom:calc(100% + .5cqw);padding:1.1cqw 2cqw;font-size:1.8cqw;border-radius:3.2cqw}.progress-panel input{height:3cqw}.progress-panel input::-webkit-slider-runnable-track{height:.9cqw}.progress-panel input::-webkit-slider-thumb{width:2.8cqw;height:2.8cqw;margin-top:-.95cqw}}@keyframes pill-flip-next{0%{transform:translate(-52px) rotateY(0);opacity:.25}45%{transform:translate(-16px) rotateY(64deg);opacity:.12}to{transform:translate(0) rotateY(0);opacity:1}}@keyframes pill-flip-prev{0%{transform:translate(52px) rotateY(0);opacity:.25}45%{transform:translate(16px) rotateY(-64deg);opacity:.12}to{transform:translate(0) rotateY(0);opacity:1}}.top-shell{padding-bottom:0;border-bottom:0;border-radius:7cqw 7cqw 0 0}.hinge{display:none}.bottom-shell{position:relative;padding-top:0;border-top:0;border-radius:0 0 5.8cqw 5.8cqw;box-shadow:inset 0 0 0 3px #ada9a5,inset 0 -7px 0 4px #303033,0 1.5cqw 0 -.45cqw #222326,0 1.7cqw 0 -.45cqw #868382}.lower-screen{border-radius:0 0 4.1cqw 4.1cqw}.bottom-shell:before{content:"";position:absolute;left:1.1cqw;right:1.1cqw;top:0;height:.32cqw;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.16),transparent);z-index:6;pointer-events:none}.queue-toolbar{display:flex;align-items:center;gap:0;padding:.22cqw;border:1px solid rgba(255,255,255,.34);border-radius:10cqw;background:linear-gradient(145deg,#ffffff40,#d5c9be21);box-shadow:0 .32cqw .9cqw #00000057,inset 0 1px #ffffff52,0 0 .75cqw #d7d84621;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.queue-icon,.mode-cycle{width:3.75cqw;height:3.75cqw;display:grid;place-items:center;padding:.52cqw;border:0;border-radius:50%;color:#dcdd4b;background:transparent;box-shadow:none;filter:none;transition:transform .2s ease,background .2s ease,color .2s ease}.queue-icon:hover,.mode-cycle:hover{color:#f0f15b;background:#ffffff21;box-shadow:none;transform:scale(1.04)}.queue-icon svg{width:3.2cqw;height:3.2cqw}.queue-icon .custom-glyph{padding:0;border:0;border-radius:0;transform:none}.mode-cycle .outline-glyph:not(.custom-glyph){padding:.12cqw;border:3px solid currentColor;border-top-color:transparent;border-radius:50%;transform:rotate(-38deg)}.mode-cycle .outline-glyph:not(.custom-glyph) path{transform:rotate(38deg);transform-origin:center}@media(max-width:650px){.queue-toolbar{gap:0;padding:.45cqw}.queue-icon,.mode-cycle{width:7.6cqw;height:7.6cqw;padding:1.05cqw}.queue-icon svg{width:6.2cqw;height:6.2cqw}}.device-stage,.duo,.top-shell,.bottom-shell,.upper-screen,.lower-screen{transition:width .55s cubic-bezier(.2,.75,.2,1),height .55s cubic-bezier(.2,.75,.2,1),transform .55s cubic-bezier(.2,.75,.2,1),border-radius .55s ease,padding .55s ease}.rotate-device svg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.rotate-device.active svg{transform:rotate(90deg)}.vertical .device-stage{width:min(820px,88vw);margin-top:22px;perspective:1800px}.vertical .duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;position:relative;filter:drop-shadow(0 28px 24px #3b302d4a)}.vertical .duo:after{content:"";position:absolute;z-index:8;left:50%;top:1.15cqw;bottom:1.15cqw;width:5cqw;transform:translate(-50%);pointer-events:none;background:transparent;backdrop-filter:blur(30px) saturate(1.45);-webkit-backdrop-filter:blur(30px) saturate(1.45);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent);mask-image:linear-gradient(90deg,transparent,#000 32%,#000 68%,transparent)}.vertical .top-shell{width:100%;min-width:0;height:100%;margin:0 -1px 0 0;padding:1.15cqw 0 1.15cqw 1.15cqw;border:2px solid #626264;border-right:0;border-bottom:2px solid #525253;border-radius:5.8cqw 0 0 5.8cqw;transform:perspective(1800px) rotateY(3.2deg);transform-origin:right center;box-shadow:inset 0 0 0 3px #aaa8a5,inset 5px 0 0 3px #353536;overflow:hidden}.vertical .upper-screen{height:78cqw;border-radius:4.4cqw 0 0 4.4cqw}.vertical .bottom-shell{width:100%;min-width:0;height:100%;margin:0 0 0 -1px;padding:1.15cqw 1.15cqw 1.15cqw 0;border:2px solid #666768;border-left:0;border-radius:0 5.8cqw 5.8cqw 0;transform:perspective(1800px) rotateY(-3.2deg);transform-origin:left center;box-shadow:inset 0 0 0 3px #ada9a5,inset -5px 0 0 3px #303033,1.2cqw 1.2cqw 0 -.45cqw #222326;overflow:hidden}.vertical .lower-screen{height:78cqw;border-radius:0 4.4cqw 4.4cqw 0}.vertical .bottom-shell:before{display:none}.vertical .hero-foreground{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%)}.vertical .hero-scene~.hero-shade{background:linear-gradient(180deg,transparent 0%,transparent 42%,rgba(4,4,8,.2) 62%,rgba(4,4,8,.72) 100%)}.vertical .lyrics{left:7%;right:7%;top:46%;bottom:7%;align-items:flex-end}.vertical .lyrics p{font-size:3.15cqw;line-height:1.16;letter-spacing:-.08cqw}.vertical .lyrics .next-line{font-size:2.05cqw;max-height:5.2cqw;margin-top:.7cqw}.vertical .album-wall{padding:.8cqw .25cqw;gap:.8cqw}.vertical .album{flex-basis:22.6cqw}.vertical .row-1 .album{flex-basis:23.6cqw}.vertical .album-marquee{gap:.8cqw}.vertical .queue-toolbar{left:1.5cqw;bottom:1.6cqw}.vertical .player-wrap{display:none}.vertical footer{max-width:800px}@media(max-width:650px){.vertical .device-stage{width:96vw;margin-top:78px}.vertical .upper-screen,.vertical .lower-screen{height:92cqw}.vertical .lyrics p{font-size:4.2cqw}.vertical .lyrics .next-line{font-size:3cqw;max-height:8cqw}.vertical .album{flex-basis:27cqw}.vertical .row-1 .album{flex-basis:28cqw}}.vertical-song-info,.vertical-library,.vertical .album-wall{display:none}.vertical .vertical-library{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#03070b}.vertical .vertical-library-title{position:absolute;left:2.4cqw;right:10cqw;top:2.1cqw;z-index:3;text-shadow:0 2px 12px #000}.vertical .vertical-library-title strong,.vertical .vertical-library-title span{display:block}.vertical .vertical-library-title strong{font-size:4.05cqw;line-height:1.02;letter-spacing:-.1cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical .vertical-library-title span{font-size:1.88cqw;margin-top:.62cqw;color:#d2cad7}.vertical .vertical-columns{position:absolute;left:1.6cqw;right:1.6cqw;top:0;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65cqw;overflow:hidden}.vertical .vertical-library:after{content:"";position:absolute;left:0;right:0;top:0;height:10cqw;background:linear-gradient(180deg,rgba(2,4,7,.58),rgba(2,4,7,.2) 58%,transparent);pointer-events:none;z-index:2}.vertical .vertical-column{min-width:0;overflow:hidden}.vertical .vertical-column-track{display:flex;flex-direction:column;gap:.65cqw;animation:column-up 34s linear infinite;will-change:transform}.vertical .column-1 .vertical-column-track{animation-name:column-down;animation-duration:39s;transform:translateY(-50%)}.vertical .column-2 .vertical-column-track{animation-duration:31s}.vertical .vertical-column:hover .vertical-column-track,.vertical .vertical-column:focus-within .vertical-column-track{animation-play-state:paused}.vertical .vertical-album{width:100%;aspect-ratio:1;padding:0;flex:0 0 auto;border-radius:.65cqw;overflow:hidden;position:relative}.vertical .vertical-album img{width:100%;height:100%;display:block;object-fit:cover}.vertical .vertical-album.selected{box-shadow:inset 0 0 0 2px #e6c7ff,0 0 12px #b66dff}.vertical .queue-toolbar{left:auto;right:1.7cqw;top:1.65cqw;bottom:auto;z-index:7}.vertical .vertical-song-info{display:block;position:absolute;left:3.5cqw;right:3.5cqw;bottom:2.8cqw;z-index:4}.vertical .vertical-song-info>div:first-child{display:flex;align-items:center;gap:1.1cqw}.vertical .vertical-song-info img{width:4.8cqw;height:4.8cqw;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.6)}.vertical .vertical-song-info strong,.vertical .vertical-song-info small{display:block}.vertical .vertical-song-info strong{font-size:1.55cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vertical .vertical-song-info small{font-size:1.15cqw;color:#9fc0ff;margin-top:.28cqw}.vertical .vertical-progress{position:relative;margin-top:1.2cqw;padding-top:.65cqw;border-top:1px solid rgba(118,166,255,.42);display:flex;justify-content:space-between;font-size:.82cqw;color:#a9c3ff}.vertical .vertical-progress i{position:absolute;left:0;top:-1px;height:2px;background:#76a6ff;box-shadow:0 0 8px #76a6ff}.vertical .lyrics{left:4.2cqw;right:4.2cqw;top:auto;bottom:12.5cqw;align-items:flex-end}.vertical .lyrics p{max-width:100%}@keyframes column-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes column-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:650px){.vertical .vertical-library-title{left:3cqw;top:3cqw}.vertical .vertical-library-title strong{font-size:5.1cqw}.vertical .vertical-library-title span{font-size:3cqw}.vertical .vertical-columns{top:0;left:2cqw;right:2cqw;gap:1cqw}.vertical .vertical-column-track{gap:1cqw}.vertical .queue-toolbar{right:2.5cqw;top:2.4cqw}.vertical .vertical-song-info{left:4cqw;right:4cqw;bottom:4cqw}.vertical .vertical-song-info img{width:7cqw;height:7cqw}.vertical .vertical-song-info strong{font-size:2.4cqw}.vertical .vertical-song-info small{font-size:1.9cqw}.vertical .lyrics{bottom:19cqw}}.lower-screen:before{content:"";position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;background-image:linear-gradient(180deg,#0304070f,#0304076b),var(--page-art);background-size:cover;background-position:center 68%;filter:blur(34px) saturate(1.42) brightness(.78);transform:scale(1.16);opacity:.72;pointer-events:none;z-index:0}.queue-color-wash{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;background-size:cover;background-position:center 68%;filter:blur(36px) saturate(1.5) brightness(.76);transform:scale(1.18);opacity:.78;pointer-events:none;animation:queue-color-in .85s cubic-bezier(.2,.75,.2,1) both}.queue-color-wash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#01030608,#01030621 35%,#01030661)}.album-wall{position:relative;z-index:1;background:linear-gradient(180deg,#01030605,#0103062e)}.vertical .vertical-library{background:transparent;z-index:1}.vertical .vertical-library:after{background:linear-gradient(180deg,rgba(2,4,7,.42),rgba(2,4,7,.1) 58%,transparent)}@keyframes queue-color-in{0%{opacity:0;filter:blur(44px) saturate(1.15) brightness(.62);transform:scale(1.24)}to{opacity:.78;filter:blur(36px) saturate(1.5) brightness(.76);transform:scale(1.18)}}.stage:not(.vertical) .album-wall{padding:1.45cqw 0 .3cqw;gap:.65cqw}.stage:not(.vertical) .album-row{padding:.25cqw 0}.stage:not(.vertical) .album{flex-basis:14.8cqw}.stage:not(.vertical) .row-1{margin-left:-6.2cqw;margin-right:-3cqw}.stage:not(.vertical) .row-1 .album{flex-basis:15.7cqw}.stage:not(.vertical) .bottom-shell:before{display:block;content:"";position:absolute;left:1.1cqw;right:1.1cqw;top:-1.15cqw;height:3.7cqw;z-index:6;pointer-events:none;background-image:var(--hero-art);background-size:cover;background-position:center bottom;filter:blur(14px) saturate(1.25) brightness(.78);transform:scaleX(1.025);opacity:.96;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.88) 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.88) 30%,transparent 100%)}.stage:not(.vertical) .lower-screen:after{content:"";position:absolute;left:-3%;right:-3%;top:-1.2cqw;height:4.4cqw;z-index:0;pointer-events:none;background-image:var(--hero-art);background-size:cover;background-position:center bottom;filter:blur(18px) saturate(1.25) brightness(.78);transform:scale(1.08);opacity:.92;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 38%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.82) 38%,transparent 100%)}.toolbar{justify-content:flex-end}@media(min-width:651px){.stage:not(.vertical) .device-stage{width:min(1150px,90vw,72svh)}.stage:not(.vertical) .upper-screen{height:54cqw}.stage:not(.vertical) .lower-screen{height:44cqw}}@media(max-width:650px){.stage:not(.vertical) .device-stage{width:min(97vw,72svh)}.stage:not(.vertical) .upper-screen{height:54cqw}.stage:not(.vertical) .lower-screen{height:44cqw}}.stage:not(.vertical) .album-wall{padding-top:2.2cqw;box-sizing:border-box}.stage:not(.vertical) .album{flex-basis:11.2cqw}.stage:not(.vertical) .row-1 .album{flex-basis:11.8cqw}.stage:not(.vertical) .row-2{margin-left:-3.2cqw;margin-right:-5cqw}.stage:not(.vertical) .row-2 .album{flex-basis:11.4cqw}.stage:not(.vertical) .row-2 .album-marquee{animation-direction:reverse;animation-duration:39s}.stage:not(.vertical) .bottom-shell{padding-top:1.2cqw}.stage:not(.vertical) .bottom-shell:before{top:-1.15cqw;height:5.1cqw}.stage:not(.vertical) .lower-screen:after{top:-1.2cqw;height:5.8cqw}