*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a10;color:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}.app{min-height:100vh;--panel:#11141d;--panel2:#171b26;--line:rgba(255,255,255,.08);--muted:#969dac;--accent:#b56cff}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;background:#0a0c12f0;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;padding:0 10px 28px}.brand b{color:var(--accent)}.brandIcon{width:35px;height:35px;border-radius:11px;background:var(--accent);color:#081007;display:grid;place-items:center}.mobileX,.hamb{display:none}.sidebar nav,.sideBottom{display:flex;flex-direction:column;gap:5px}.sidebar nav button,.sidebar>button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:11px;color:#aeb4c0;text-align:left}.sidebar nav button:hover,.sidebar>button:hover,.sidebar nav .active{background:#171b25;color:#fff}.sidebar nav .active{box-shadow:inset 2px 0 var(--accent)}.sideDivider{height:1px;background:var(--line);margin:22px 10px}.sideLabel{font-size:10px;letter-spacing:2px;color:#606674;padding:0 10px 8px}.sideBottom{margin-top:auto}.miniPromo{border:1px solid var(--line);padding:14px;border-radius:14px;background:linear-gradient(135deg,#141923,#0d1118);display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:var(--accent)}.miniPromo div{display:flex;flex-direction:column;font-size:12px}.miniPromo span{color:var(--muted)}.loginSide{background:#fff!important;color:#090b10!important;justify-content:center!important;font-weight:700}.main{margin-left:248px;padding-bottom:110px}.topbar{height:76px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;padding:14px 34px;background:#080a10c7;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.search{max-width:600px;flex:1;background:#11141c;border:1px solid var(--line);border-radius:14px;height:46px;display:flex;align-items:center;padding:0 15px;gap:10px;color:#858c99}.search input{border:0;outline:0;background:none;color:#fff;width:100%}.topUser{width:38px;height:38px;border-radius:50%;margin-left:auto;background:#202530;display:grid;place-items:center;font-weight:800}.content{padding:34px;max-width:1500px;margin:auto}.hero{min-height:410px;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;background:radial-gradient(circle at 75% 30%,rgba(181,108,255,.15),transparent 35%),linear-gradient(135deg,#151a25,#0d1017);display:flex;align-items:center;padding:52px}.heroCopy{max-width:650px;position:relative;z-index:2}.eyebrow,.pageTitle>span,.profileBox>span,.settingsBox>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:7px}.hero h1{font-size:clamp(45px,6vw,82px);line-height:.94;letter-spacing:-4px;margin:17px 0}.hero h1 em,.pageTitle em,.profileBox em,.settingsBox em{font-style:normal;color:var(--accent)}.hero p{color:#aeb4c0;font-size:17px;max-width:520px;line-height:1.6}.heroBtns{display:flex;gap:10px;margin-top:25px}.primary,.ghost{border-radius:12px;padding:12px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--accent);color:#081007}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #b56cff2e}.ghost{border:1px solid var(--line);background:#121620}.ghost:hover{background:#1b202c}.small{padding:10px 14px}.heroVisual{position:absolute;right:4%;width:43%;height:100%;top:0}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.o1{width:300px;height:300px;background:#b56cff1c;right:15%;top:15%}.o2{width:150px;height:150px;background:#7758ff29;right:4%;bottom:5%}.floatArt{position:absolute;width:190px;height:190px;object-fit:cover;border-radius:24px;box-shadow:0 30px 80px #0008;border:1px solid #fff2}.a0{right:22%;top:12%;transform:rotate(7deg);animation:float1 5s ease-in-out infinite}.a1{right:43%;top:39%;width:145px;height:145px;transform:rotate(-9deg);animation:float2 6s ease-in-out infinite}.a2{right:3%;bottom:8%;width:155px;height:155px;transform:rotate(8deg);animation:float1 6.5s ease-in-out infinite}.equal{position:absolute;right:42%;bottom:12%;display:flex;align-items:end;gap:4px;height:45px}.equal i{display:block;width:4px;background:var(--accent);border-radius:10px;animation:wave .8s ease-in-out infinite alternate}.equal i:nth-child(2){height:27px;animation-delay:.1s}.equal i:nth-child(3){height:42px;animation-delay:.2s}.equal i:nth-child(4){height:20px;animation-delay:.3s}.equal i:nth-child(5){height:35px;animation-delay:.15s}.equal i:nth-child(6){height:25px;animation-delay:.4s}.equal i:nth-child(7){height:40px;animation-delay:.05s}@keyframes float1{50%{translate:0 -14px}}@keyframes float2{50%{translate:0 13px}}@keyframes wave{to{height:7px}}.section{margin-top:50px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.sectionHead h2{font-size:23px;margin:0}.sectionHead p{color:var(--muted);margin:6px 0 0;font-size:13px}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.card{min-width:0}.art{aspect-ratio:1;position:relative;border-radius:17px;overflow:hidden;background:#171b25;margin-bottom:11px}.art img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}.card:hover .art img{transform:scale(1.08);filter:brightness(.7)}.cardPlay{position:absolute;right:10px;bottom:10px;width:43px;height:43px;border-radius:50%;background:var(--accent);color:#081007;display:grid;place-items:center;opacity:0;translate:0 8px;transition:.25s}.card:hover .cardPlay{opacity:1;translate:0}.heart{position:absolute;top:9px;right:9px;width:34px;height:34px;border-radius:50%;background:#090b10aa;opacity:0;transition:.2s;font-size:20px}.card:hover .heart{opacity:1}.card>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card>span{display:block;color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardFoot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.cardFoot small{color:#697180;font-size:10px}.cardFoot button{color:#9097a4}.trackList{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#0e1118}.trackRow{min-height:70px;display:grid;grid-template-columns:35px 45px minmax(180px,2fr) minmax(130px,1.2fr) 100px 65px 35px 35px 40px;align-items:center;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);transition:.2s}.trackRow:last-child{border:0}.trackRow:hover{background:#151923}.trackRow img{width:45px;height:45px;border-radius:8px;object-fit:cover}.num{font-size:11px;color:#606775}.trackInfo{min-width:0}.trackInfo b,.trackInfo span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackInfo span,.album,.genre,.trackRow>span{color:var(--muted);font-size:12px}.rowPlay{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#081007;display:grid;place-items:center}.liked{color:#ff6b9b!important}.pageTitle{padding:20px 0 34px;display:flex;flex-direction:column;align-items:flex-start}.pageTitle h1{font-size:52px;letter-spacing:-2px;margin:9px 0}.pageTitle .small{margin-top:5px}.loading,.empty{padding:70px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.empty svg{opacity:.4}.mixGrid,.playlistGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mix{padding:15px;border:1px solid var(--line);background:#11141d;border-radius:20px;cursor:pointer;transition:.35s}.mix:hover{transform:translateY(-6px);border-color:#ffffff20}.mixArt{aspect-ratio:1.7;border-radius:14px;overflow:hidden;position:relative;background:#181c26;display:grid;place-items:center}.mixArt img{width:100%;height:100%;object-fit:cover}.mixArt svg{position:absolute;width:52px;height:52px;padding:16px;border-radius:50%;background:var(--accent);color:#081007;opacity:0;transition:.25s}.mix:hover .mixArt svg{opacity:1}.mix b,.mix span{display:block;margin-top:12px}.mix span,.playlist span{font-size:12px;color:var(--muted)}.playlist{position:relative}.playlistCover{aspect-ratio:1;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;position:relative;background:#161a24}.playlistCover img{width:100%;height:100%;object-fit:cover}.playlistCover>svg{position:absolute;inset:0;margin:auto;color:#777}.playlistCover button{position:absolute;right:12px;bottom:12px;background:var(--accent);color:#081007;width:45px;height:45px;border-radius:50%;display:grid;place-items:center}.playlist>b,.playlist>span{display:block;margin-top:10px}.delete{position:absolute;right:0;bottom:0;color:#6e7583}.profileBox,.settingsBox{max-width:800px;margin:50px auto;padding:55px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,#131721,#0e1118);text-align:center}.profileBox h1,.settingsBox h1{font-size:58px;letter-spacing:-3px;margin:14px}.profileBox p{color:var(--muted)}.bigAvatar{width:90px;height:90px;border-radius:50%;background:var(--accent);color:#081007;font-size:38px;font-weight:900;display:grid;place-items:center;margin:0 auto 22px}.setting{display:flex;justify-content:space-between;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.setting p{color:var(--muted);font-size:13px;max-width:550px}.pill{color:var(--accent);font-size:10px}.notice{margin-top:25px;text-align:left;padding:18px;border-radius:14px;background:#19140f;color:#b8ad9c;font-size:13px;line-height:1.6}.player{position:fixed;z-index:40;left:248px;right:0;bottom:0;height:82px;background:#0e1118f5;border-top:1px solid var(--line);display:grid;grid-template-columns:260px minmax(350px,1fr) 360px;align-items:center;gap:25px;padding:10px 22px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.player.expanded{height:125px}.now{display:flex;gap:12px;align-items:center;min-width:0}.now img{width:58px;height:58px;object-fit:cover;border-radius:9px}.now b,.now span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now span{color:var(--muted);font-size:12px;margin-top:4px}.mainControls{display:flex;justify-content:center;align-items:center;gap:15px}.mainControls button{color:#a8aeb9}.mainControls .on{color:var(--accent)}.playBtn{width:40px;height:40px;border-radius:50%;background:#fff!important;color:#080a10!important;display:grid;place-items:center}.progress{display:flex;gap:9px;align-items:center;margin-top:5px}.progress span{font-size:9px;color:#737a87}.progress input{width:100%}.playerActions{display:flex;align-items:center;justify-content:flex-end;gap:13px}.playerActions button{color:#9299a6}.vol{width:80px}.queue{position:fixed;z-index:45;right:15px;bottom:92px;width:360px;max-height:65vh;overflow:auto;background:#11151e;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px #0009;padding:10px}.queueHead{display:flex;justify-content:space-between;padding:9px}.queue>button{width:100%;display:flex;gap:10px;align-items:center;padding:9px;border-radius:10px;text-align:left}.queue>button:hover,.queue .qactive{background:#1b202c}.queue img{width:40px;height:40px;border-radius:7px}.queue>button span{flex:1;min-width:0}.queue b,.queue small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue small{color:var(--muted)}.modalShade{position:fixed;z-index:100;inset:0;background:#000b;display:grid;place-items:center;padding:20px}.auth{width:min(430px,100%);position:relative;background:#121620;border:1px solid var(--line);border-radius:22px;padding:35px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 100px #000}.auth>span{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:800}.auth h1{font-size:35px;margin:3px 0 12px}.auth input{height:47px;background:#0c0f16;border:1px solid var(--line);border-radius:10px;color:#fff;padding:0 13px;outline:none}.auth .close{position:absolute;right:14px;top:14px}.auth p{font-size:12px;color:var(--muted);text-align:center}.auth p button{color:var(--accent)}.auth small{color:#656c79;text-align:center}.toast{position:fixed;z-index:200;left:50%;bottom:105px;transform:translate(-50%);background:#f2f5f9;color:#0b0e14;padding:11px 16px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 15px 40px #0008}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.cards .card{animation:cardIn .6s both}.cards .card:nth-child(2){animation-delay:.05s}.cards .card:nth-child(3){animation-delay:.1s}.cards .card:nth-child(4){animation-delay:.15s}.cards .card:nth-child(5){animation-delay:.2s}.cards .card:nth-child(6){animation-delay:.25s}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}input[type=range]{accent-color:var(--accent)}.mobileShade{display:none}@media(max-width:1200px){.cards{grid-template-columns:repeat(4,1fr)}.player{grid-template-columns:220px 1fr 250px}.trackRow{grid-template-columns:25px 45px 2fr 1fr 65px 35px 35px 40px}.trackRow .genre{display:none}}@media(max-width:850px){.sidebar{transform:translate(-100%);transition:.3s}.sidebar.open{transform:none}.mobileX,.hamb{display:block}.mobileX{margin-left:auto}.mobileShade{display:block;position:fixed;z-index:19;inset:0;background:#0009}.main{margin-left:0}.topbar{padding:12px 16px}.hamb{display:grid;place-items:center}.content{padding:20px 16px}.hero{padding:30px;min-height:500px}.heroVisual{opacity:.55;width:100%;right:0}.heroCopy{z-index:2}.cards{grid-template-columns:repeat(3,1fr)}.player{left:0;grid-template-columns:1fr auto;height:72px;padding:8px 12px}.player .controls{grid-column:2;grid-row:1}.player .playerActions{display:none}.now img{width:48px;height:48px}.mainControls{gap:7px}.progress{position:absolute;left:0;right:0;bottom:-1px}.queue{bottom:78px;right:8px;width:min(360px,calc(100% - 16px))}}@media(max-width:550px){.search input{font-size:12px}.hero{padding:25px;min-height:530px}.hero h1{font-size:45px;letter-spacing:-2px}.heroVisual{top:30px;opacity:.3}.floatArt{width:130px;height:130px}.a1{width:100px;height:100px}.a2{width:105px;height:105px}.heroCopy{margin-top:130px}.cards{grid-template-columns:repeat(2,1fr);gap:12px}.section{margin-top:35px}.sectionHead h2{font-size:19px}.trackRow{grid-template-columns:35px 42px 1fr 40px;padding:7px}.trackRow .album,.trackRow .genre,.trackRow>span:nth-last-of-type(1),.trackRow>button:nth-last-of-type(2){display:none}.trackRow img{width:42px;height:42px}.pageTitle h1{font-size:39px}.mixGrid,.playlistGrid{grid-template-columns:1fr 1fr}.profileBox,.settingsBox{padding:30px 18px}.profileBox h1,.settingsBox h1{font-size:43px}.player{height:68px}.now img{width:45px;height:45px}.now b{font-size:12px}.now span{font-size:10px}.mainControls button:nth-child(1),.mainControls button:nth-child(5){display:none}.playBtn{width:37px;height:37px}.queue{bottom:74px}.auth{padding:28px}.pageTitle .small{margin-top:10px}}body{background:radial-gradient(circle at 15% 5%,#31135c33,transparent 35%),radial-gradient(circle at 85% 20%,#0b789933,transparent 32%),#080a10;background-attachment:fixed}.app:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:conic-gradient(from 90deg at 50% 50%,#7c3aed12,#06b6d412,#ec489912,#7c3aed12);filter:blur(70px);animation:ambient 18s linear infinite}@keyframes ambient{to{transform:rotate(360deg) scale(1.08)}}.ytDock{position:fixed;right:18px;bottom:94px;width:320px;aspect-ratio:16/9;z-index:44;border:1px solid #ffffff18;border-radius:16px;overflow:hidden;background:#05060a;box-shadow:0 25px 70px #000a;opacity:0;transform:translateY(20px) scale(.96);pointer-events:none;transition:.3s}.ytDock.visible{opacity:1;transform:none;pointer-events:auto}.ytDock iframe{width:100%;height:100%;border:0}.uploadBtn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.uploadBtn input{display:none}.bigAvatar{overflow:hidden}.bigAvatar img{width:100%;height:100%;object-fit:cover}@media(max-width:550px){.ytDock{left:10px;right:10px;bottom:80px;width:auto}.player{z-index:50}.ytDock{z-index:49}}.player{left:248px;height:236px;grid-template-columns:minmax(330px,1.15fr) 260px minmax(380px,1.4fr);gap:22px;padding:16px 24px;background:#080a10f5;border-top:1px solid rgba(181,108,255,.28);box-shadow:0 -25px 80px #0000006b;align-items:center}.player.expanded{height:300px}.nowDeck{height:100%;display:flex;align-items:center;gap:20px;min-width:0}.vinylDeck{width:190px;height:190px;position:relative;flex:0 0 190px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#171a24,#0c0e14);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 70px #00000080,inset 0 1px #ffffff0f;overflow:hidden}.vinylGlow{position:absolute;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,#b56cff28,transparent 68%);filter:blur(5px)}.vinylRecord{position:relative;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#222 0 7%,#08090d 7.5% 14%,#15171c 14.5% 15%,#08090d 15.5% 22%,#15171c 22.5% 23%,#08090d 23.5% 30%,#15171c 30.5% 31%,#08090d 31.5% 39%,#15171c 39.5% 40%,#08090d 40.5% 48%,#15171c 48.5% 49%,#08090d 49.5% 100%);box-shadow:0 9px 25px #000b,inset 0 0 0 1px #ffffff14}.vinylRecord:before{content:"";position:absolute;inset:8px;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff0b 0 1px,transparent 1px 4px);pointer-events:none}.vinylRecord img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #0a0b10;box-shadow:0 0 0 1px #fff4;z-index:2}.vinylHole{position:absolute;width:7px;height:7px;border-radius:50%;background:#08090d;z-index:3}.spinning .vinylRecord{animation:recordSpin 3.5s linear infinite}@keyframes recordSpin{to{transform:rotate(360deg)}}.toneArm{position:absolute;right:17px;top:23px;width:66px;height:9px;border-radius:9px;background:linear-gradient(90deg,#d5d8df,#777c88);transform:rotate(28deg);transform-origin:right center;box-shadow:0 2px 5px #0008;z-index:4}.toneArm:before{content:"";position:absolute;right:-4px;top:-8px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,#dfe3ea 0 25%,#565b67 28% 55%,#11141a 58%);box-shadow:0 0 0 2px #ffffff10}.toneArm span{position:absolute;left:-4px;top:1px;width:13px;height:7px;border-radius:2px;background:#22252d}.nowMeta{min-width:0;display:flex;flex-direction:column;gap:5px}.nowEyebrow{font-size:9px;letter-spacing:2.4px;color:var(--accent);font-weight:900}.nowMeta>b{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowMeta>span:not(.nowEyebrow){font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nowMeta small{display:flex;align-items:center;gap:6px;color:#737b8a;font-size:10px;margin-top:8px}.sourcePlayer{width:260px;height:200px;border-radius:18px;overflow:hidden;background:#05060a;border:1px solid rgba(255,255,255,.09);box-shadow:0 20px 55px #0009;display:grid;place-items:center}.sourcePlayer .ytSource{width:100%;height:100%;display:block}.sourcePlayer iframe{width:100%;height:100%;border:0;display:block}.sourcePlayer .ytSource>div{width:100%;height:100%}.controls{min-width:0}.playerActions{flex-wrap:wrap}.siteCredit{margin:70px 0 40px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#11141d,#0b0e14);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#707887;font-size:11px}.siteCredit div{display:flex;align-items:center;gap:8px;color:#dce0e8}.siteCredit div svg{color:var(--accent)}.siteCredit div span{color:var(--muted);margin-left:4px}@media(max-width:1200px){.player{grid-template-columns:minmax(290px,1fr) 220px minmax(280px,1fr);height:220px}.vinylDeck{width:170px;height:170px;flex-basis:170px}.sourcePlayer{width:220px;height:200px}.nowMeta>b{font-size:17px}}@media(max-width:850px){.player{left:0;right:0;height:auto;min-height:220px;grid-template-columns:1fr 200px;grid-template-rows:auto auto;padding:12px 14px;gap:10px}.nowDeck{grid-column:1;grid-row:1}.vinylDeck{width:150px;height:150px;flex-basis:150px}.vinylRecord{width:116px;height:116px}.vinylRecord img{width:46px;height:46px}.toneArm{right:12px;top:18px;transform:rotate(27deg) scale(.82)}.sourcePlayer{grid-column:2;grid-row:1;width:200px;height:200px}.player .controls{grid-column:1 / -1;grid-row:2}.player .playerActions{display:none}.progress{position:relative;left:auto;right:auto;bottom:auto}.mainControls{margin-top:4px}.siteCredit{flex-direction:column;align-items:flex-start}.player.expanded{height:auto}}@media(max-width:550px){.player{grid-template-columns:1fr;min-height:0;padding:10px 10px 12px}.nowDeck{gap:12px}.vinylDeck{width:118px;height:118px;flex-basis:118px;border-radius:20px}.vinylRecord{width:90px;height:90px}.vinylRecord img{width:38px;height:38px}.toneArm{right:7px;top:12px;transform:rotate(27deg) scale(.62)}.sourcePlayer{grid-column:1;grid-row:2;width:100%;height:200px;border-radius:14px}.player .controls{grid-column:1;grid-row:3}.nowMeta>b{font-size:14px}.nowMeta>span:not(.nowEyebrow){font-size:11px}.nowMeta small{font-size:9px}.playerActions{display:none!important}.siteCredit{margin-bottom:100px}}