:root{color-scheme:dark;--bg:#080808;--panel:#111111;--raised:#1b1b1b;--text:#f5f5f2;--muted:#888985;--line:#ffffff12;--yellow:#ffd600;--soft-yellow:#fff066;--player:100px;--nav:0px}.hidden{display:none}.app-shell{position:fixed;inset:0}.expanded-player{margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;min-height:0;border:0;color:var(--text)}.expanded-player::-webkit-backdrop{background:#080808}.expanded-player::backdrop{background:#080808}.expanded-volume{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 24px;max-width:180px}.expanded-volume>.remixer-slider{flex:1 1;width:0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}a,button,input{touch-action:manipulation}input:not([type=range]):not([type=file]){width:100%;background:#191919;border:1px solid #ffffff16;border-radius:10px;padding:13px 14px;color:var(--text);outline-offset:2px}input::placeholder{color:#6f716c}.icon{flex-shrink:0;vertical-align:middle}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:#90918b;position:relative}.icon-button:hover{color:#fff;background:#ffffff08}.icon-button.active,.icon-button.liked{color:var(--yellow)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;padding:12px 22px;font-size:13px;font-weight:650;min-height:42px;transition:transform .16s,background .16s}.primary{color:#141400;background:var(--yellow)}.primary:hover:not(:disabled){background:var(--soft-yellow);transform:translateY(-1px)}.secondary{background:#252523;color:#babbb5}.secondary:hover{background:#30302d}.eyebrow,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:650}.eyebrow{color:#9b9c94}.error{color:#ff9595;font-size:13px;line-height:1.6}.muted{color:var(--muted)}.brand-word{font-size:29px;font-weight:750;letter-spacing:-1.5px}.brand-word span,.mobile-brand>span{color:var(--yellow);font-size:12px;vertical-align:top;margin-left:3px}.app-shell{height:auto;display:grid;grid-template-columns:226px minmax(0,1fr) 302px;grid-template-rows:minmax(0,1fr) var(--player);grid-gap:8px;gap:8px;padding:8px 8px 0;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:19px 14px 12px;min-height:0}.brand{display:flex;align-items:center;gap:10px;margin-bottom:35px;padding:0 5px}.brand img{width:42px;height:42px;border-radius:10px}.brand>span{font-size:23px;font-weight:760;letter-spacing:-1px}.brand small{font-size:7px;letter-spacing:1.15px;display:block;color:#777a70;font-weight:500;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:10px;text-align:left;font-weight:550;color:#9a9c94}.sidebar nav button:hover{color:#fff}.sidebar nav button.active{background:#ffd60010;color:var(--yellow)}.nav-count{margin-left:auto;font-size:10px;background:#ffd60015;padding:3px 7px;border-radius:5px}.sidebar-divider{height:1px;background:var(--line);margin:25px 8px 21px}.sidebar-label{letter-spacing:1.4px;font-size:9px;color:#707168;padding-left:12px}.sidebar-add{gap:11px;color:#9b9c94;font-size:12px;margin:18px 7px 10px;text-align:left}.sidebar-add,.sidebar-add>span{display:flex;align-items:center}.sidebar-add>span{justify-content:center;width:34px;height:34px;background:#1c1c1a;border-radius:8px;color:#d1d2cb}.sidebar-note{position:relative;border:1px solid #ffd6001c;background:linear-gradient(145deg,#24221180,#121212);border-radius:14px;margin:32px 4px 20px;padding:22px 17px}.sidebar-note strong{display:block;line-height:1.55;font-size:16px;font-weight:550;letter-spacing:-.35px;margin-top:15px}.sidebar-note p{font-size:11px;color:#818278;line-height:1.8}.note-arrow{position:absolute;right:15px;bottom:18px;font-size:23px;color:#ffd60099}.mini-bars{display:flex;align-items:center;gap:4px;height:21px}.mini-bars i{display:block;width:3px;background:var(--yellow);border-radius:5px;height:14px}.mini-bars i:nth-child(2){height:23px}.mini-bars i:nth-child(3){height:11px}.mini-bars i:nth-child(4){height:18px}.mini-bars i:nth-child(5){height:7px}.sidebar-user{gap:10px;margin-top:auto;border-top:1px solid var(--line);padding:19px 5px 0}.avatar,.sidebar-user{display:flex;align-items:center}.avatar{width:34px;height:34px;background:#ffd60015;border:1px solid #ffd60026;border-radius:50%;justify-content:center;color:var(--yellow);font-size:13px}.sidebar-user div{flex:1 1;min-width:0}.sidebar-user strong{font-size:12px;font-weight:600;display:block}.sidebar-user small{color:#777971;font-size:10px}.sidebar-user .icon-button .icon{width:17px}.main-panel{background:var(--panel);border-radius:14px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{gap:20px;padding:20px 26px;flex-shrink:0}.search,.topbar{display:flex;align-items:center}.search{gap:11px;background:#20201e;border:1px solid #ffffff05;border-radius:99px;padding:0 15px;flex:1 1;min-width:0;height:42px;color:#999b91}.search input:not([type=range]){border:0;background:none;padding:11px 0;font-size:12px}.search .icon{width:18px}.search input:focus-visible{outline:0}.search:focus-within{box-shadow:0 0 0 1px #ffd60070}.search kbd{font-size:9px;letter-spacing:.5px;color:#61635b;border:1px solid #ffffff15;border-radius:4px;padding:3px 5px}.upload-button{display:flex;gap:7px;align-items:center;font-size:11px;color:#c4c5bc;white-space:nowrap}.upload-button .icon{width:16px;color:var(--yellow)}.mobile-brand{display:none}.main-scroll{padding:0 26px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#46463d transparent;min-height:0}.hero{display:flex;position:relative;isolation:isolate;justify-content:space-between;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 85% 70%,#4841174d,transparent 65%),linear-gradient(125deg,#24241d,#171714);border:1px solid #ffffff05;border-radius:12px;min-height:247px;padding:27px 28px}.hero h1{font-size:clamp(27px,2.7vw,42px);letter-spacing:-1.5px;line-height:1.17;font-weight:750;margin:15px 0 13px}.hero h1>span{color:var(--yellow)}.hero p{color:#909186;font-size:11px;margin:0}.hero .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-bottom{display:flex;align-items:center;gap:18px;margin-top:24px}.play-all{font-size:11px;min-height:37px;padding:9px 17px}.play-all .icon{width:15px;height:15px;fill:currentColor;stroke-width:0}.hero-bottom>span{font-size:10px;color:#818276;white-space:nowrap}.hero-bottom>span i{display:inline-block;width:3px;height:3px;background:#717366;border-radius:50%;margin:0 5px 2px}.hero-art{align-self:stretch;display:flex;position:relative;align-items:center;justify-content:center;width:40%;margin:-20px -20px -20px 5px}.hero-art img{position:relative;width:220px;max-width:130%;mix-blend-mode:screen;z-index:-1;border-radius:50%;filter:brightness(.86)}.hero-orbit{position:absolute;width:210px;height:210px;border:1px solid #ffd60015;border-radius:50%;transform:rotate(-18deg)}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;inset:-21px;border:1px solid #ffd6000a;border-radius:50%}.hero-orbit:after{inset:20px}.hero-mode{position:absolute;bottom:3px;font-size:7px;letter-spacing:2px;color:#a79951;white-space:nowrap}.library-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 20px;gap:12px}.library-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.library-heading h2{margin:8px 0 0;font-size:20px;letter-spacing:-.7px;font-weight:600}.library-heading h2>span{font-size:10px;color:#84867b;margin-left:9px;font-weight:400;vertical-align:middle}.filter-tabs{display:flex;gap:4px;align-self:flex-end}.filter-tabs button{font-size:10px;color:#a0a196;border-radius:99px;background:#242422;padding:8px 11px}.filter-tabs button.selected{color:#202016;background:#e7e8dc}.table-heading{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(65px,.42fr) 30px 43px 30px;grid-gap:12px;gap:12px;color:#5f6258;font-size:8px;letter-spacing:1.5px;padding:7px 9px 13px;border-bottom:1px solid var(--line)}.table-heading>span:nth-child(2){padding-left:53px}.track-row{display:grid;grid-template-columns:30px 42px minmax(0,1fr) minmax(65px,.42fr) 30px 43px 30px;grid-gap:12px;gap:12px;align-items:center;position:relative;padding:12px 9px;border-radius:8px;min-height:65px;transition:background .16s;margin-top:3px}.track-row:hover{background:#ffffff06}.track-row.selected{background:linear-gradient(90deg,#ffd60014,#ffd60003)}.track-row.selected .track-title{color:var(--yellow)}.track-number{position:relative;color:#717469;font-size:11px;width:30px;height:38px;display:flex;justify-content:center;align-items:center}.track-number>.icon{display:none;width:16px;fill:currentColor;stroke-width:0}.track-row:hover .track-number>span:not(.equalizer){display:none}.track-row:hover .track-number>.icon{display:block}.track-info{min-width:0}.track-title{font-size:12px;font-weight:550;line-height:1.5;text-align:left}.track-artist,.track-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.track-artist{color:#84877b;font-size:10px;margin-top:3px}.track-artist:hover:not(:disabled){text-decoration:underline}.track-album{font-size:10px;color:#74786b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row>time{font-size:10px;color:#828678;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-row .icon-button{width:30px;height:30px}.track-row .icon-button .icon{width:16px;height:16px}.track-like:not(.liked){opacity:0}.track-row:focus-within .track-like,.track-row:hover .track-like{opacity:1}.cover{display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#34322a,#181916);color:#a59537;border-radius:6px;overflow:hidden;width:42px;height:42px;flex-shrink:0}.cover img{width:100%;height:100%;object-fit:cover}.cover>.icon{width:44%;height:44%}.equalizer{display:flex;align-items:center;height:18px;gap:3px}.equalizer i{width:2px;height:14px;background:var(--yellow);animation:beat .85s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.5s}.equalizer i:nth-child(3){animation-delay:-.2s}@keyframes beat{0%{height:4px}to{height:17px}}.track-menu-wrap{position:relative}.track-menu{position:absolute;right:0;top:32px;z-index:20;min-width:216px;background:#262721;border:1px solid #ffffff12;padding:5px;border-radius:9px;box-shadow:0 12px 30px #0009}.track-menu a,.track-menu button{display:flex;align-items:center;gap:10px;font-size:11px;width:100%;padding:11px 10px;text-align:left;border-radius:5px}.track-menu a:hover,.track-menu button:hover{background:#ffffff09}.track-menu .icon{width:16px}.track-menu .danger{color:#f59a91;border-top:1px solid var(--line);margin-top:3px}.library-footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#45483e;border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.library-footer span{letter-spacing:.5px}.empty-state{text-align:center;padding:32px 12px 27px}.empty-state>span{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border:1px solid #ffd60020;background:#ffd60006;border-radius:50%;color:var(--yellow)}.empty-state h3{font-size:17px;letter-spacing:-.5px;margin:18px 0 8px}.empty-state p{color:#7b7e70;font-size:12px;line-height:1.8;max-width:350px;margin:0 auto 23px}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));grid-gap:18px;gap:18px}.artist-card{padding:14px;border-radius:10px;background:#ffffff04;text-align:left;position:relative}.artist-card:hover{background:#ffffff09}.artist-card .cover{width:100%;height:auto;aspect-ratio:1;border-radius:50%;margin-bottom:14px}.artist-card>strong{display:block;font-size:12px}.artist-card>small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.artist-card>.icon{position:absolute;right:9px;bottom:12px;width:15px;color:var(--yellow)}.now-playing{display:flex;flex-direction:column;background:var(--panel);padding:22px 21px;min-width:0;overflow:auto;border-radius:14px;scrollbar-width:thin;scrollbar-color:#46463d transparent}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#848777;font-size:8px;letter-spacing:1.7px;min-height:20px}.section-label>.icon{width:16px;height:16px;color:#777c68}.live-dot{width:5px;height:5px;border-radius:50%;background:#4c5041}.live-dot.playing{background:var(--yellow);box-shadow:0 0 9px #ffd60055}.large-cover{margin-top:20px;width:100%;height:auto;aspect-ratio:1;border-radius:10px;box-shadow:0 12px 30px #0005;background:radial-gradient(ellipse at 35% 30%,#524719,#1b1b17 75%)}.now-track{margin:20px 0 22px}.now-track h2{font-size:19px;line-height:1.4;letter-spacing:-.55px;margin:0 0 5px;overflow-wrap:anywhere;font-weight:650}.now-track>p{font-size:11px;line-height:1.6;margin:0;color:#979a8a}.remix-badge{display:inline-block;font-size:9px;color:var(--yellow);padding:5px 9px;background:#ffd6000a;border:1px solid #ffd6001a;border-radius:5px;margin-top:11px}.remix-controls{padding-top:20px;border-top:1px solid var(--line)}.preset-row{display:flex;gap:5px;margin:16px 0 19px}.preset-row button{flex:1 1;min-width:0;padding:9px 5px;font-size:10px;border:1px solid #ffffff0c;border-radius:6px;color:#828774}.preset-row button.selected{background:#ffd60012;border-color:#ffd60065;color:var(--yellow)}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b2b5a5;margin-bottom:10px}.slider-label strong{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:550;color:#eeeeea}.slider-label small{font-size:10px;color:#858c71}.adjust-row{display:flex;align-items:center;gap:10px}.adjust-row .remixer-slider{flex:1 1;width:0}.adjust{width:23px;height:23px;justify-content:center;background:#22241d;border-radius:5px;color:#adb19d;font-size:16px}.adjust,.bass-label{display:flex;align-items:center}.bass-label{justify-content:space-between;margin:20px 0 13px;font-size:11px;color:#b2b5a5}.switch{width:29px;height:17px;background:#35382c;border-radius:99px;padding:3px}.switch i{display:block;width:11px;height:11px;background:#888b7c;border-radius:50%;transition:transform .2s}.switch.on{background:var(--yellow)}.switch.on i{background:#252700;transform:translateX(12px)}.bass-value{font-size:9px;color:#696f59}.bass-value strong{font-size:12px}.remix-actions{display:flex;gap:7px;margin-top:20px}.remix-actions button{flex:1 1;padding:10px 8px;min-height:36px;border-radius:6px;font-size:10px}.download-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 0 2px;font-size:9px;color:#757d60;margin-top:15px;border-top:1px solid var(--line)}.download-link .icon{width:14px;height:14px}.queue-content>.muted{font-size:11px}.queue-item{display:flex;align-items:center;gap:10px;margin-top:17px}.queue-item>div:not(.cover){min-width:0;flex:1 1}.queue-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.queue-item small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.queue-item .cover{width:35px;height:35px}.queue-item .icon-button .icon{width:14px}.queue-empty{padding:60px 5px;text-align:center;color:#6f775b}.queue-empty>.icon{width:32px;height:32px;color:var(--yellow)}.queue-empty p{font-size:15px;color:#b8bcae}.queue-empty small{font-size:11px;line-height:1.8}.player-bar{display:grid;grid-column:1/-1;grid-template-columns:minmax(170px,1fr) minmax(250px,1.25fr) minmax(170px,1fr);grid-gap:25px;gap:25px;padding:10px 24px 12px;border-top:1px solid #ffffff0a;background:#080808;z-index:30}.player-bar,.player-track{align-items:center;min-width:0}.player-track{display:flex;gap:12px;text-align:left}.player-track>.cover{width:52px;height:52px;border-radius:7px}.player-track>span{min-width:0}.player-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550}.player-track small{display:block;font-size:10px;color:#797d6e;margin-top:5px}.player-center{max-width:620px;width:100%;justify-self:center}.transport{display:flex;justify-content:center;align-items:center;gap:17px}.transport>.icon-button{width:27px;height:27px}.transport .icon{width:16px;height:16px}.transport .play-button .icon{width:20px;height:20px}.transport .repeat>small{position:absolute;right:-2px;top:-2px;font-size:9px}.play-button{width:35px;height:35px;border-radius:50%;background:var(--yellow);color:#121400;display:flex;align-items:center;justify-content:center;transition:transform .16s}.play-button:hover:not(:disabled){transform:scale(1.07)}.play-button .icon:not([data-pause]){fill:currentColor}.seek-row{display:flex;align-items:center;gap:10px;margin-top:8px}.seek-row>time{font-size:9px;min-width:28px;color:#717764;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seek-row>time:last-child{text-align:right}.seek-row>.remixer-slider{flex:1 1;width:0}.player-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px}.player-tools>.remixer-slider{max-width:100px;flex:1 1}.player-tools .icon{width:18px;height:18px}.queue-count{font-size:8px;position:absolute;right:-1px;top:1px;color:var(--yellow)}.mobile-expand{display:none!important}.spinner{display:block;width:13px;height:13px;border-radius:50%;border:2px solid #ffd60030;border-top:2px solid var(--yellow);animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.mobile-nav,.mobile-queue{display:none}.expanded-player{position:fixed;inset:0;z-index:70;background:radial-gradient(ellipse at 50% 5%,#35311b,#10110d 75%);padding:max(15px,env(safe-area-inset-top)) 22px max(30px,env(safe-area-inset-bottom));overflow:auto}.expanded-player>header{display:flex;align-items:center;justify-content:space-between;max-width:470px;margin:auto}.expanded-content{max-width:400px;margin:25px auto}.expanded-cover{width:100%;height:auto;aspect-ratio:1;border-radius:12px;box-shadow:0 20px 80px #0008}.expanded-title{margin:25px 0 19px}.expanded-title h2{font-size:25px;letter-spacing:-.7px;overflow-wrap:anywhere;margin:0 0 7px}.expanded-title p{font-size:13px;color:#969e86;margin:0}.expanded-content>.transport{gap:23px;margin:18px 0 28px}.expanded-content .play-button{width:58px;height:58px}.expanded-content>.transport .icon{width:23px;height:23px}.expanded-content .remix-controls{margin-top:22px}.remixer-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:24px;min-width:0;background:transparent;cursor:pointer;touch-action:pan-y;--range-color:var(--yellow);--range-track:#ffffff1b}.remixer-slider::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--range-color) var(--range-fill),var(--range-track) var(--range-fill))}.remixer-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:0;border-radius:50%;background:var(--range-color);margin-top:-3px;box-shadow:0 1px 3px #0006}.remixer-slider::-moz-range-track{height:4px;border-radius:99px;background:var(--range-track)}.remixer-slider::-moz-range-progress{height:4px;border-radius:99px;background:var(--range-color)}.remixer-slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--range-color)}.remixer-slider:disabled{opacity:.3;cursor:default}.seek-row .remixer-slider{--range-color:#dddeda}.seek-row .remixer-slider:hover{--range-color:var(--yellow)}.modal{border:1px solid #ffffff1a;background:#171814;color:var(--text);border-radius:19px;padding:0;width:min(520px,calc(100vw - 26px));max-height:85dvh;box-shadow:0 20px 100px #0009;overflow:auto}.modal::-webkit-backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-inner{padding:25px}.modal-inner>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.modal h2{font-size:23px;margin:0;letter-spacing:-.9px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;border:1px dashed #ffd60050;background:radial-gradient(ellipse at 50% 40%,#ffd60009,transparent);border-radius:13px;min-height:220px;padding:20px;color:#a3aa92}.upload-zone.drag,.upload-zone:hover{border-color:var(--yellow);background:#ffd60012}.upload-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;background:#ffd6000f;color:var(--yellow);margin-bottom:14px}.upload-zone strong{color:#e7ebdc;font-size:16px}.upload-zone>span:not(.upload-symbol){font-size:12px}.upload-zone small{color:#5e6852;font-size:10px;margin-top:9px}.upload-list{margin-top:20px}.upload-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.upload-item>.icon{width:18px;color:var(--yellow)}.upload-item>div{flex:1 1;min-width:0}.upload-item strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item small{display:block;color:#80896e;font-size:10px;margin-top:6px}.upload-item small.error{color:#ff9595}progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border:0;width:100%;margin-top:9px;border-radius:6px;background:#fff1}progress::-webkit-progress-bar{background:#fff1;border-radius:6px}progress::-webkit-progress-value{background:var(--yellow);border-radius:6px}progress::-moz-progress-bar{background:var(--yellow)}.edit-form{display:flex;flex-direction:column;gap:17px}.edit-form label{color:#a4ab95;font-size:12px}.edit-form input{margin-top:8px}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;grid-gap:70px;gap:70px;max-width:1140px;margin:auto;padding:55px 35px;background:radial-gradient(ellipse at 26% 40%,#ffd60009,transparent 55%)}.login-brand>img{width:100px;height:100px;border-radius:20px;margin-bottom:20px;display:block}.login-brand h1{font-size:clamp(50px,7vw,91px);font-weight:750;letter-spacing:-4px;line-height:1.05;margin:25px 0}.login-brand h1 span{color:var(--yellow)}.login-brand p{color:#888e7c;font-size:14px;line-height:1.8}.login-tags{display:flex;gap:9px;margin-top:27px}.login-tags span{font-size:10px;border:1px solid #ffd60020;padding:8px 12px;border-radius:99px;color:#b9b47b}.login-card{border:1px solid #ffffff12;border-radius:20px;background:#121310;padding:38px 33px}.login-card h2{margin:35px 0 10px;font-size:24px;letter-spacing:-1px}.login-card>p{color:#7d866c;font-size:12px;line-height:1.7}.login-card form{display:flex;flex-direction:column;gap:20px;margin-top:28px}.login-card form>label{color:#a1a98f;font-size:11px}.login-card input{margin-top:9px}.login-card form>.primary{margin-top:6px}.login-card .auth-toggle{font-size:11px;margin-top:25px;text-align:center}.auth-toggle button{color:var(--yellow);font-size:11px}.mobile-queue>.now-playing{display:flex}@media(min-width:1600px){.app-shell{grid-template-columns:250px minmax(0,1fr) 345px}.hero{min-height:285px}.hero h1{font-size:46px}.hero-art img{width:270px}.hero-orbit{width:260px;height:260px}.now-playing{padding:24px 26px}.track-row{min-height:74px}.track-title{font-size:14px}.track-album,.track-artist{font-size:11px}}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr) 258px}.topbar{gap:12px;padding:18px}.main-scroll{padding:0 18px 20px}.hero{padding:25px 21px}.hero h1{font-size:29px}.hero-art{width:33%}.hero-art img{width:170px}.hero-orbit{width:145px;height:145px}.hero-mode{display:none}.hero-bottom{gap:12px}.sidebar{padding:19px 6px 12px}.brand small{font-size:6px}.brand>span{font-size:21px}.now-playing{padding:20px 17px}.table-heading>span:nth-child(3),.track-album{display:none}.track-row{grid-template-columns:24px 36px minmax(0,1fr) 26px 32px 26px;gap:9px}.track-row>.cover{width:36px;height:36px}.table-heading{grid-template-columns:24px minmax(0,1fr) 26px 32px 26px;gap:9px}.table-heading>span:nth-child(2){padding-left:45px}.player-bar{gap:14px;padding:10px 15px}.player-tools{gap:2px}.player-track .cover{width:44px;height:44px}.hero-bottom>span{font-size:8px}}@media(max-width:960px) and (min-width:761px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.app-shell>.now-playing{display:none}.player-bar{grid-template-columns:minmax(130px,1fr) minmax(230px,1.5fr) 130px}.sidebar-note{padding:18px 13px}.sidebar-note strong{font-size:14px}.brand img{width:30px;height:30px}.brand small{display:none}.hero h1{font-size:35px}.hero-art{width:40%}}@media(max-width:760px){:root{--player:76px;--nav:calc(59px + env(safe-area-inset-bottom))}.app-shell{height:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--player) var(--nav);padding:0;grid-gap:0;gap:0}.app-shell>.now-playing,.sidebar{display:none}.main-panel{border-radius:0;background:#0c0d0a}.topbar{padding:calc(16px + env(safe-area-inset-top)) 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-gap:17px;gap:17px}.mobile-brand{display:block;font-size:24px;font-weight:750;letter-spacing:-1px}.search{grid-row:2;grid-column:1/-1;height:42px;border-radius:8px;padding:0 12px}.search input:not([type=range]){font-size:13px}.upload-button{grid-row:1;grid-column:2;width:34px;height:34px;border-radius:50%;background:#24271b;justify-content:center}.upload-button>span{display:none}.upload-button>.icon{width:20px}.main-scroll{padding:0 14px 25px}.hero{min-height:210px;padding:24px 23px;border-radius:11px}.hero h1{font-size:32px;letter-spacing:-1px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero p{font-size:9px;max-width:170px;line-height:1.7}.hero-art{width:30%;margin-right:-18px}.hero-art img{width:155px;max-width:170%;filter:brightness(.76)}.hero-orbit{width:125px;height:125px}.hero-bottom{gap:13px;margin-top:20px}.play-all{min-height:32px;padding:8px 13px;font-size:10px}.hero-bottom>span{font-size:8px}.library-heading{margin:27px 4px 14px}.library-heading h2{font-size:20px}.filter-tabs{gap:4px}.filter-tabs button{font-size:9px;padding:7px 10px}.table-heading{display:none}.track-row{grid-template-columns:43px minmax(0,1fr) 27px 28px;gap:11px;padding:10px 5px;min-height:65px}.track-album,.track-number,.track-row>time{display:none}.track-row>.cover{width:43px;height:43px}.track-title{font-size:12px}.track-artist{font-size:10px}.track-like:not(.liked){opacity:1}.track-row.selected{background:#ffd6000c}.track-menu{right:0;top:29px;min-width:211px}.player-bar{grid-column:1;grid-template-columns:minmax(0,1fr) 40px;gap:5px;padding:10px 16px 14px;background:#20231a;border-top:1px solid #ffd60013;position:relative}.player-track{gap:11px}.player-track>.cover{width:42px;height:42px}.player-track strong{font-size:12px;max-width:100%}.player-track small{font-size:10px;margin-top:3px}.player-center{width:40px}.player-center .seek-row>time,.player-center .transport>.icon-button{display:none}.player-center .transport{gap:0}.player-center .play-button{width:36px;height:36px;background:transparent;color:#e8ebdf}.player-center .play-button .icon{width:23px;height:23px}.player-center .seek-row{position:absolute;bottom:0;left:0;right:0;height:4px;padding:0;margin:0;gap:0}.player-center .seek-row .remixer-slider{height:4px;margin:0;--range-color:var(--yellow)}.player-center .seek-row .remixer-slider::-webkit-slider-runnable-track{height:2px}.player-center .seek-row .remixer-slider::-webkit-slider-thumb{width:0;height:0}.player-center .seek-row .remixer-slider::-moz-range-progress,.player-center .seek-row .remixer-slider::-moz-range-track{height:2px}.player-center .seek-row .remixer-slider::-moz-range-thumb{width:0;height:0}.player-tools{display:none}.mobile-nav{display:flex;align-items:flex-start;justify-content:space-around;padding:10px 6px env(safe-area-inset-bottom);background:#0a0c08;z-index:35;border-top:1px solid #ffffff07}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;color:#68715a;min-width:49px}.mobile-nav .icon{width:20px;height:20px}.mobile-nav button.active{color:var(--yellow)}.mobile-queue{display:block;position:fixed;z-index:45;inset:0;background:#10120d;padding:max(13px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));overflow:auto}.mobile-queue .now-playing{min-height:100%;background:transparent}.expanded-content{margin-top:23px;max-width:360px}.expanded-cover{max-width:min(100%,42dvh);margin:0 auto}.expanded-title h2{font-size:23px}.expanded-player .remix-controls{padding-top:18px}.expanded-player .preset-row button{font-size:12px;padding:11px}.expanded-player .bass-label,.expanded-player .slider-label{font-size:13px}.expanded-player .remix-actions button{font-size:12px;min-height:42px}.expanded-player .section-label{font-size:9px}.login-page{display:flex;flex-direction:column;gap:28px;padding:32px 22px 40px;max-width:480px}.login-brand{width:100%}.login-brand>img{width:65px;height:65px;margin:0 0 16px}.login-brand h1{font-size:49px;letter-spacing:-2px;margin:18px 0}.login-brand h1 br{display:none}.login-brand h1{max-width:300px}.login-brand p{font-size:12px;margin-bottom:0}.login-brand .eyebrow{font-size:8px}.login-tags{display:none}.login-card{width:100%;padding:26px 23px}.login-card .brand-word{display:none}.login-card h2{margin-top:0}.login-card form{gap:18px;margin-top:22px}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-inner{padding:22px}.modal h2{font-size:21px}.upload-zone{min-height:220px}.empty-state{padding:30px 12px}.empty-state p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}}