:root{color-scheme:dark;--bg:#080808;--panel:#111;--surface:#1b1b1b;--surface-raised:#252525;--surface-deep:#141414;--surface-player:#181818;--text:#f2f2f0;--muted:#92928e;--line:#ffffff12;--yellow:#ffd600;--player:88px;--nav:0px}*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}body:has(.app-shell){overflow:hidden}button,input,select{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}input:not([type=range]):not([type=file]):not([type=checkbox]),select{width:100%;min-width:0;background:var(--surface);border:1px solid #ffffff20;border-radius:8px;padding:12px;color:var(--text)}input::placeholder{color:#71716e}img{max-width:100%}.hidden{display:none}.icon{flex-shrink:0;vertical-align:middle}.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;color:var(--muted)}.icon-button:hover{background:#ffffff0b;color:white}.active,.liked{color:var(--yellow)!important}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 17px;border-radius:8px;font-size:13px;font-weight:600}.primary{background:var(--yellow);color:#111}.secondary{background:var(--surface-raised)}.primary:hover:not(:disabled){background:#ffe449}.secondary:hover:not(:disabled){background:#333}.error{color:#ff9890;line-height:1.5;overflow-wrap:anywhere}.muted{color:var(--muted)}.danger{color:#ff9890!important}.text-button{color:var(--muted);font-size:12px;padding:10px 0}.text-button:hover{color:var(--text)}.app-shell{position:fixed;inset:0;height:100dvh;display:grid;grid-template-columns:200px minmax(0,1fr) 280px;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;min-width:0;min-height:0;padding:20px 10px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-1px;text-align:left}.brand img{width:36px;height:36px;border-radius:8px}.sidebar .brand{margin-bottom:32px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button,.sidebar-add{display:flex;align-items:center;gap:12px;padding:13px 10px;text-align:left;font-size:13px;color:var(--muted);border-radius:8px}.sidebar nav button:hover,.sidebar-add:hover{background:#ffffff06}.sidebar nav button.active{background:#ffd6000a}.sidebar-add{margin-top:16px;border-top:1px solid var(--line);border-radius:0;padding-top:20px}.sidebar-user{gap:10px;margin-top:auto;min-width:0;text-align:left;padding:12px 0}.avatar,.sidebar-user{display:flex;align-items:center}.avatar{justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffd60018;color:var(--yellow);flex-shrink:0}.sidebar-user>span:nth-child(2){min-width:0;flex:1 1}.sidebar-user small,.sidebar-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-user small{color:var(--muted);font-size:10px;margin-top:3px}.sidebar-user>.icon{width:18px;color:var(--muted)}.main-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border-radius:12px;overflow:hidden}.topbar{gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.search,.topbar{display:flex;align-items:center;min-width:0}.search{gap:10px;flex:1 1;max-width:520px;background:var(--surface);padding:0 12px;border-radius:8px;height:40px;color:var(--muted)}.search input:not([type=range]):not([type=file]):not([type=checkbox]){border:0;padding:0;background:none;flex:1 1;width:0;min-width:0;height:100%;outline-offset:4px}.search .icon{width:18px}.search .icon-button{width:26px;height:26px}.upload-button{display:flex;align-items:center;gap:7px;color:var(--yellow);margin-left:auto;flex-shrink:0;font-size:12px;padding:10px}.mobile-account,.mobile-brand{display:none}.main-scroll{min-width:0;min-height:0;flex:1 1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:24px;scrollbar-width:thin;scrollbar-color:#3d3d38 transparent}.page-heading{display:flex;align-items:center;gap:16px;min-width:0;margin-bottom:24px}.page-heading>div:not(.cover):not(.artist-avatar){min-width:0;flex:1 1}.page-heading h1{font-size:26px;font-weight:650;letter-spacing:-.7px;margin:0;overflow-wrap:anywhere;line-height:1.25}.page-heading p{color:var(--muted);font-size:12px;margin:7px 0 0;line-height:1.5}.page-heading>.artist-avatar,.page-heading>.cover{width:72px;height:72px;flex-shrink:0}.listen-all{flex-shrink:0}.back-button{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;padding:0;margin-bottom:22px}.back-button .icon{width:16px}.subheading{font-size:18px;margin:32px 0 18px}.list-caption{font-size:12px;color:var(--muted);margin-bottom:12px}.playlist-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 18px}.playlist-tools .text-button{margin-left:auto}.track-row,.tracks-list{min-width:0}.track-row{display:grid;grid-gap:12px;gap:12px;align-items:center;padding:10px 6px;border-radius:8px;min-height:66px}.track-row:hover{background:#ffffff05}.track-row.selected{background:#ffd60009}.track-cover-button{position:relative;padding:0;text-align:left;border-radius:6px}.cover{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:#232323;color:#827949;border-radius:6px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover>.icon{width:44%;height:44%}.cover-play{position:absolute;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;opacity:0;border-radius:6px}.track-cover-button:focus-visible .cover-play,.track-cover-button:hover .cover-play,.track-row.selected .cover-play{opacity:1}.cover-play .icon{width:21px;color:var(--yellow)}.track-info{min-width:0}.track-title{display:block;text-align:left;max-width:100%;padding:0;font-size:13px;font-weight:550}.track-artists,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artists{font-size:11px;margin-top:6px;color:var(--muted)}.track-artist{color:var(--muted);font-size:inherit;padding:0}.track-artist:hover{color:white;text-decoration:underline}.track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album,.track-row>time{font-size:11px;color:var(--muted)}.track-row>time{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-row>.icon-button .icon{width:17px}.track-like:not(.liked){opacity:.6}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:20px;gap:20px;min-width:0}.collection-card{display:block;min-width:0;text-align:left;padding:0;border-radius:8px}.collection-card>.artist-avatar,.collection-card>.cover{width:100%;height:auto;aspect-ratio:1;margin-bottom:12px}.collection-card strong{display:block;font-size:13px;font-weight:550;overflow-wrap:anywhere;line-height:1.4}.collection-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.artist-avatar{display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border-radius:50%;overflow:hidden;color:var(--muted)}.artist-avatar img{width:100%;height:100%;object-fit:cover}.artist-avatar>.icon{width:36%;height:36%}.empty-state{padding:48px 10px;text-align:center;color:var(--muted)}.empty-state>.icon{color:var(--yellow);width:28px;height:28px}.empty-state p{margin:16px 0 22px}.now-playing{display:flex;flex-direction:column;background:var(--panel);padding:22px 20px;min-width:0;min-height:0;overflow:auto;border-radius:12px;scrollbar-width:thin;scrollbar-color:#3d3d38 transparent}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:var(--muted);min-height:20px}.section-label>.icon{width:16px}.live-dot{width:5px;height:5px;border-radius:50%;background:#555}.live-dot.playing{background:var(--yellow)}.large-cover{width:100%;height:auto;aspect-ratio:1;margin-top:18px;border-radius:10px}.now-track{margin:18px 0 20px}.now-track h2{font-size:19px;line-height:1.4;margin:0 0 5px;overflow-wrap:anywhere}.now-track>p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.remix-badge{display:inline-block;color:var(--yellow);font-size:10px;padding:5px 8px;background:#ffd6000b;border-radius:5px;margin-top:10px}.remix-controls{border-top:1px solid var(--line);padding-top:18px}.preset-row{display:flex;gap:6px;margin:16px 0 20px}.preset-row button{flex:1 1;min-width:0;padding:9px 3px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px}.preset-row button.selected{color:var(--yellow);border-color:#ffd60070;background:#ffd6000b}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bbb;margin-bottom:10px}.slider-label strong{font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.slider-label small{font-size:10px;color:var(--muted)}.adjust-row{display:flex;align-items:center;gap:10px}.adjust-row .remixer-slider{flex:1 1;width:0}.adjust{width:28px;height:28px;justify-content:center;background:var(--surface-raised);border-radius:5px;font-size:17px}.adjust,.bass-label{display:flex;align-items:center}.bass-label{justify-content:space-between;margin:20px 0 13px;font-size:12px}.switch{width:31px;height:19px;background:#444;border-radius:99px;padding:3px}.switch i{display:block;width:13px;height:13px;background:#aaa;border-radius:50%}.switch.on{background:var(--yellow)}.switch.on i{background:#222;transform:translateX(12px)}.bass-value{font-size:10px}.bass-value strong{font-size:12px}.remix-actions{display:flex;gap:8px;margin-top:20px}.remix-actions button{flex:1 1;min-width:0;padding:10px 8px;font-size:12px}.download-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--muted);padding:16px 0;margin-top:16px;border-top:1px solid var(--line)}.download-link .icon{width:16px}.queue-item{display:flex;align-items:center;gap:10px;margin-top:16px}.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:12px}.queue-item small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.queue-item .cover{width:36px;height:36px}.queue-empty{padding:45px 0;text-align:center;color:var(--muted)}.queue-empty small{line-height:1.6}.player-bar{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(250px,1.4fr) minmax(0,1fr);grid-gap:24px;gap:24px;padding:10px 20px;background:var(--bg);border-top:1px solid var(--line);z-index:30}.player-bar,.player-track{align-items:center;min-width:0}.player-track{display:flex;gap:12px;text-align:left;padding:0}.player-track>.cover{width:48px;height:48px}.player-track>span{min-width:0;flex:1 1}.player-track strong{font-size:12px}.player-track small,.player-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track small{color:var(--muted);font-size:10px;margin-top:4px}.player-center{max-width:650px;width:100%;justify-self:center}.transport{display:flex;align-items:center;justify-content:center;gap:14px}.transport>.icon-button{width:28px;height:28px}.transport .icon{width:17px;height:17px}.play-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--yellow);color:#111;border-radius:50%;flex-shrink:0}.transport .play-button .icon{width:20px;height:20px}.repeat>small{position:absolute;right:-2px;top:-2px;font-size:9px}.seek-row{display:flex;align-items:center;gap:9px;margin-top:6px}.seek-row>time{font-size:10px;color:var(--muted);min-width:28px;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;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.player-tools>.remixer-slider{width:0;flex:1 1;max-width:100px}.player-tools .icon{width:18px}.queue-count{position:absolute;right:0;top:0;font-size:9px;color:var(--yellow)}.mobile-expand{display:none}.spinner{display:block;width:13px;height:13px;border:2px solid #ffd60030;border-top:2px solid var(--yellow);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.mobile-nav,.mobile-queue{display:none}.remixer-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:24px;min-width:0;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;--range-color:var(--yellow);--range-track:#ffffff22}.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:12px;height:12px;border:0;border-radius:50%;background:var(--range-color);margin-top:-4px}.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:12px;height:12px;border:0;border-radius:50%;background:var(--range-color)}.remixer-slider:disabled{opacity:.3}.seek-row .remixer-slider{--range-color:#ddd}.seek-row .remixer-slider:hover{--range-color:var(--yellow)}.modal{border:1px solid #ffffff20;background:var(--surface-deep);color:var(--text);border-radius:14px;padding:0;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.modal::-webkit-backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal::backdrop{background:#000b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:22px;min-width:0}.modal-inner>header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px;min-width:0}.modal h2{font-size:20px;margin:0;overflow-wrap:anywhere}.modal header>.icon-button{flex-shrink:0}.edit-form,.upload-options{display:flex;flex-direction:column;gap:18px}.edit-form label,.upload-options label{font-size:12px;color:#bbb;min-width:0}.edit-form input,.edit-form select,.upload-options input,.upload-options select{margin-top:8px}.edit-form input[type=file]{max-width:100%;width:100%;font-size:12px}.edit-form small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.checkbox{display:flex;align-items:center;gap:8px;line-height:1.4}.checkbox input{width:16px;height:16px;accent-color:var(--yellow);margin:0;flex-shrink:0}.action-list{display:flex;flex-direction:column;gap:4px}.action-list a,.action-list button{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 8px;border-radius:6px;font-size:13px}.action-list a:hover,.action-list button:hover{background:#ffffff08}.action-list .icon{width:18px}.segmented{display:flex;gap:6px;margin-bottom:20px;background:#222;padding:4px;border-radius:8px}.segmented button{flex:1 1;padding:9px;border-radius:5px;font-size:12px;color:var(--muted)}.segmented .selected{color:var(--text);background:#393939}.upload-options{margin-bottom:20px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:150px;padding:20px;border:1px dashed #ffd60055;border-radius:10px;color:var(--muted);text-align:center}.upload-zone>.icon{width:27px;height:27px;color:var(--yellow)}.upload-zone strong{color:var(--text);font-size:15px}.upload-zone span{font-size:11px;line-height:1.5}.upload-zone.drag{background:#ffd60012;border-color:var(--yellow)}.folder-button{margin-top:12px;width:100%}.upload-list{margin-top:16px}.upload-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.upload-item>.icon{width:18px;color:var(--yellow)}.upload-item>div{min-width:0;flex:1 1}.upload-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;border:0;background:#fff1;margin-top:8px;border-radius:6px}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)}.expanded-player{position:fixed;inset:0;z-index:70;margin:0;border:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;background:var(--panel);color:var(--text);padding:max(15px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.expanded-player::-webkit-backdrop{background:#080808}.expanded-player::backdrop{background:#080808}.expanded-player>header{display:flex;align-items:center;justify-content:space-between;max-width:440px;margin:auto}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:1px}.expanded-content{max-width:380px;margin:22px auto 0}.expanded-cover{width:100%;max-width:min(100%,38dvh);height:auto;aspect-ratio:1;margin:0 auto;border-radius:10px}.expanded-title{margin:20px 0}.expanded-title h2{font-size:23px;line-height:1.3;overflow-wrap:anywhere;margin:0 0 7px}.expanded-title p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.expanded-content>.transport{gap:20px;margin:20px 0}.expanded-content .play-button{width:52px;height:52px}.expanded-content>.transport .icon{width:22px;height:22px}.expanded-volume{display:flex;align-items:center;justify-content:center;gap:10px;max-width:190px;margin:0 auto 22px}.expanded-volume>.remixer-slider{width:0;flex:1 1}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.login-card h1{font-size:24px;margin:30px 0 22px}.login-card form{display:flex;flex-direction:column;gap:18px}.login-card label{font-size:12px;color:#bbb}.login-card input{margin-top:8px}.login-card form>.primary{margin-top:5px}.auth-toggle{margin:22px 0 0;text-align:center}.auth-toggle button{font-size:12px;color:var(--yellow)}.admin-page{max-width:1100px;margin:0 auto;padding:28px 24px}.admin-page>header{display:flex;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap}.admin-page>header>a{font-weight:700;color:var(--yellow)}.admin-page h1{font-size:24px;margin:0}.admin-page>header>span{margin-left:auto;color:var(--muted);font-size:12px}.stat-totals{display:flex;flex-wrap:wrap;gap:24px}.stat-totals>div{display:flex;flex-direction:column;gap:5px}.stat-totals strong{font-size:24px;color:var(--yellow)}.stat-totals span,.stats-note{font-size:11px;color:var(--muted);line-height:1.6}.statistics h2{font-size:17px;margin:26px 0 14px}.stats-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}.stats-row>div{min-width:0;flex:1 1}.stats-row small,.stats-row strong{display:block;overflow-wrap:anywhere;font-size:12px}.stats-row small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.stats-row>span{font-size:12px}.stats-accounts details{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.stats-accounts summary{cursor:pointer;line-height:1.6}.stats-accounts summary span{color:var(--muted);margin-left:12px}.stats-accounts p{color:var(--muted);line-height:1.6}@media(min-width:1600px){.app-shell{grid-template-columns:220px minmax(0,1fr) 320px}.main-scroll{padding:28px 36px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media(max-width:1180px){.app-shell{grid-template-columns:170px minmax(0,1fr) 250px}.sidebar{padding:20px 4px}.sidebar nav button{font-size:12px;padding:12px 7px;gap:9px}.topbar{padding:16px}.main-scroll{padding:20px 16px}.track-row{grid-template-columns:38px minmax(0,1fr) 36px 32px 32px;gap:8px}.track-row .cover{width:38px;height:38px}.track-album{display:none}.now-playing{padding:20px 16px}.player-bar{gap:12px;padding:10px 14px}.page-heading h1{font-size:23px}}@media(max-width:980px){.app-shell{grid-template-columns:175px minmax(0,1fr)}.app-shell>.now-playing{display:none}.player-bar{grid-template-columns:minmax(0,1fr) minmax(230px,1.5fr) minmax(100px,.7fr)}.player-tools{gap:2px}.mobile-expand{display:flex}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}@media(max-width:760px){:root{--player:68px;--nav:calc(60px + env(safe-area-inset-bottom))}.app-shell{padding:0;gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--player) var(--nav)}.sidebar{display:none}.main-panel{border-radius:0}.topbar{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;grid-gap:10px;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 12px}.mobile-brand{display:block;font-size:22px;font-weight:700;letter-spacing:-.8px;text-align:left;padding:0}.mobile-account{display:flex}.upload-button{margin:0;padding:0;width:36px;height:36px;justify-content:center}.upload-button span{display:none}.search{grid-column:1/-1;grid-row:2;max-width:none;width:100%;height:38px}.search input:not([type=range]):not([type=file]):not([type=checkbox]){font-size:16px}.main-scroll{padding:20px 12px 24px}.page-heading{gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.page-heading>.artist-avatar,.page-heading>.cover{width:56px;height:56px}.listen-all{padding:0;width:38px;height:38px;min-height:38px;border-radius:50%;margin-left:auto}.listen-all span{display:none}.listen-all .icon{width:18px}.page-heading>.primary:not(.listen-all){font-size:11px;padding:9px 12px;min-height:36px}.track-row{grid-template-columns:42px minmax(0,1fr) 32px 32px;gap:8px;padding:9px 2px;min-height:64px}.track-album,.track-row>time{display:none}.track-row .cover{width:42px;height:42px}.track-title{font-size:13px}.track-artists{font-size:11px}.track-row>.icon-button{width:32px;height:36px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.collection-card strong{font-size:12px}.collection-card small{font-size:10px}.playlist-tools{gap:8px;margin:0 0 15px}.playlist-tools .secondary{font-size:11px;padding:9px 12px}.playlist-tools .text-button{margin-left:0;font-size:11px}.subheading{font-size:18px;margin:26px 0 16px}.player-bar{grid-column:1;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding:9px 14px 12px;background:var(--surface-raised);position:relative;border-top:1px solid var(--line)}.player-track{gap:10px}.player-track>.cover{width:40px;height:40px}.player-center{width:40px}.player-center .transport>.icon-button{display:none}.player-center .transport{gap:0}.player-center .play-button{width:38px;height:38px;background:transparent;color:var(--text)}.player-center .play-button .icon{width:24px;height:24px}.player-center .seek-row{position:absolute;bottom:0;left:0;right:0;margin:0;height:6px}.player-center .seek-row>time{display:none}.player-center .seek-row .remixer-slider{height:6px;--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;margin: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:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;background:#0a0a0a;border-top:1px solid var(--line);padding:9px 4px env(safe-area-inset-bottom);min-width:0;z-index:35}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 1px;color:var(--muted);font-size:8px;min-width:0;height:42px}.mobile-nav .icon{width:20px;height:20px}.mobile-nav span{white-space:nowrap}.mobile-queue{display:block;position:fixed;inset:0;z-index:45;min-width:0;overflow-y:auto;overflow-x:hidden;background:var(--panel);padding:max(10px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.mobile-queue .now-playing{min-height:100%;border-radius:0;background:none}.modal-inner{padding:18px}.modal h2{font-size:18px}.expanded-player{padding-right:18px;padding-left:18px}.expanded-content{max-width:360px}.expanded-title h2{font-size:22px}.login-page{padding:20px 14px}.login-card{padding:26px 22px}.admin-page{padding:22px 14px}.stats-accounts summary span{display:block;margin-left:0}}@media(max-height:520px) and (min-width:761px){.sidebar{padding-top:10px}.sidebar .brand{margin-bottom:12px}.sidebar nav button{padding:8px}.sidebar-add{margin-top:4px;padding-top:10px}.topbar{padding-top:10px;padding-bottom:10px}}.management{padding-bottom:calc(var(--player) + 40px);min-width:0}.management-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:12px;flex-wrap:wrap}.management-tabs button{padding:10px 14px;border-radius:7px;font-size:13px;color:var(--muted)}.management-tabs .selected{color:var(--yellow);background:#ffd6000b}.management-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.management-search{flex:1 1;min-width:180px}.management-toolbar>select{width:auto;max-width:240px}.management-count{font-size:12px;margin:20px 0 8px}.management-row{display:grid;grid-template-columns:20px 42px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;min-width:0;padding:13px 0;border-bottom:1px solid var(--line)}.management-info{min-width:0}.management-info>strong,.management-name{display:block;text-align:left;font-weight:550;font-size:13px;overflow-wrap:anywhere;padding:0}.management-info>small{display:block;color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere;margin-top:5px}.management-info>p{margin:8px 0 0;font-size:11px;line-height:1.5}.management-actions{display:flex;align-items:center;gap:5px}.management-actions .icon{width:17px}.management-delete{font-size:12px;padding:10px 8px;min-height:36px;border-radius:6px}.management-delete:hover{background:#ff98900a}.management-row>.artist-avatar{width:42px;height:42px;padding:0}.management-player{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.management-player>.player-bar{min-height:var(--player);max-width:1200px;margin:auto}.management-player-error{position:fixed;bottom:calc(var(--player) + 10px);left:15px;right:15px;z-index:31;background:#222;padding:10px;border-radius:8px;font-size:12px}@media(max-width:760px){.management-tabs{gap:3px}.management-tabs button{font-size:12px;padding:10px 12px}.management-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px;gap:8px}.management-search{min-width:0;grid-column:1/-1}.management-toolbar>select{grid-column:1/-1;max-width:none;width:100%}.management-toolbar>.primary,.management-toolbar>.secondary{font-size:11px;min-width:0;padding:9px 8px}.management-row{gap:10px;grid-template-columns:18px 38px minmax(0,1fr) auto}.management-row .cover,.management-row>.artist-avatar{width:38px;height:38px}.management-actions{gap:0}.management-actions .icon-button{width:30px}.management-delete{font-size:11px;padding:8px 4px}.management-artist-row .management-actions{grid-column:3/-1;justify-content:flex-end}.management{padding-bottom:calc(var(--player) + env(safe-area-inset-bottom) + 36px)}.management-toolbar input{font-size:16px}.management-player>.player-bar{min-height:var(--player)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important}}.bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.bulk-tools>.danger{flex-basis:100%;font-size:12px;margin:0}.bulk-tools .checkbox{font-size:12px}.selection-checkbox{width:17px;height:17px;accent-color:var(--yellow);margin:0}.offline-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.offline-tools .text-button{display:flex;align-items:center;gap:6px;font-size:11px;padding:5px 0}.offline-tools .icon{width:14px;height:14px}.offline-badge{font-size:10px;color:var(--yellow);margin-left:auto}.transfer-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--yellow);padding:10px 0;max-width:100%}.transfer-status .icon{width:17px}.upload-hint{font-size:11px;line-height:1.6}.upload-job{margin-bottom:18px}.upload-job>header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;overflow-wrap:anywhere}.upload-job>header>strong{min-width:0}.upload-job>header>span{font-size:10px}.download-jobs{margin-bottom:16px}.download-job{display:flex;align-items:center;gap:10px;background:#ffd60008;padding:10px;border-radius:7px;margin:8px 0}.download-job>div{flex:1 1;min-width:0}.download-job small,.download-job strong{display:block;font-size:11px;overflow-wrap:anywhere}.download-job small{font-size:10px;color:var(--muted);margin-top:5px}.download-job .text-button{flex-shrink:0;font-size:11px}.downloaded-marker{float:right;font-size:12px;color:var(--yellow);margin-left:6px}@media(max-width:760px){.management-row:not(.management-artist-row) .management-actions{grid-column:3/-1;justify-content:flex-end}.bulk-tools{gap:9px}.bulk-tools>.secondary{font-size:11px}.offline-tools{gap:12px}.download-job{padding:9px}.upload-job>header{font-size:11px}}.folder-selection{display:flex;flex-direction:column;gap:14px;margin:18px 0;padding:16px;background:#ffffff05;border-radius:8px;min-width:0}.folder-selection>strong{font-size:13px}.folder-selection .checkbox{font-size:12px;overflow-wrap:anywhere}.folder-selection>.primary{font-size:12px;align-self:flex-start;max-width:100%}.search{border:1px solid transparent;transition:border-color .18s,background .18s}.search:focus-within{border-color:#ffffff30;background:var(--surface-raised)}.search input:focus-visible{outline:none;box-shadow:none}.track-row{cursor:pointer;transition:background .18s;grid-template-columns:42px minmax(0,1fr) minmax(0,.5fr) 42px 36px 36px}.track-row.with-library{grid-template-columns:42px minmax(0,1fr) minmax(0,.5fr) 42px 36px 36px 36px}.track-row:focus-visible{outline:1px solid #ffffff50;outline-offset:0}.track-offline{color:#8a8a85}.track-offline.downloaded{color:var(--yellow);background:#ffd6000b;border-radius:9px}.search-section{margin-top:20px}.search-section>h2{font-size:14px;font-weight:550;color:var(--muted);margin:0 0 10px}.catalog-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.catalog-tabs button{padding:0 2px 12px;color:var(--muted);font-size:13px;border-bottom:2px solid transparent;transition:color .18s,border-color .18s}.catalog-tabs button.selected{color:var(--text);border-color:var(--yellow)}.mini-transport,.mobile-quick{display:none}.quick-remix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px;min-width:0}.quick-remix>button{min-width:0;border-radius:9px;background:#ffffff06;border:1px solid #ffffff0b;color:#aaa;font-size:11px;padding:10px 3px;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .15s}.quick-remix>button.selected{background:#ffd60013;border-color:#ffd60040;color:var(--yellow)}.quick-remix>button:active:not(:disabled){transform:scale(.96)}.quick-bass span{font-size:9px;margin-left:3px}.now-playing>.quick-remix{margin-bottom:20px}.expanded-content>.quick-remix{margin:20px 0 24px}.expanded-content>.remix-controls{animation:content-in .2s ease-out;margin-bottom:24px}.expanded-title h2:focus{outline:none}.expanded-player{transform:translateY(var(--sheet-drag,0));transition:transform .18s ease-out;animation:sheet-in .24s cubic-bezier(.2,.8,.2,1)}.expanded-player.closing{animation:sheet-out .18s ease-in forwards;pointer-events:none}.expanded-player::-webkit-backdrop{animation:content-in .2s}.expanded-player::backdrop{animation:content-in .2s}.sheet-handle{width:34px;height:4px;background:#ffffff30;border-radius:99px;margin:0 auto 8px}.expanded-cover,.expanded-player>header,.expanded-title,.player-track,.sheet-handle{touch-action:pan-x}.expanded-player>header button{touch-action:manipulation}.modal[open]{animation:content-in .16s ease-out}.transfer-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.transfer-actions{display:flex;align-items:center;gap:8px}.transfer-actions>.icon-button{width:28px;height:28px}.transfer-actions>.icon-button .icon{width:16px}.download-job>.transfer-actions{flex:0 0 auto}.upload-job>header>strong{flex:1 1}.icon-button{transition:color .15s,background .15s,transform .15s}.icon-button:active:not(:disabled){transform:scale(.93)}.live-dot.playing{animation:live 1.8s ease-in-out infinite}.cover img{animation:content-in .2s ease-out}@keyframes live{50%{opacity:.45}}@keyframes content-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-out{0%{transform:translateY(var(--sheet-drag,0))}to{transform:translateY(100%)}}@media(max-width:1180px){.track-row{grid-template-columns:38px minmax(0,1fr) 36px 32px 32px}.track-row.with-library{grid-template-columns:38px minmax(0,1fr) 36px 32px 32px 32px}}@media(max-width:760px){:root{--player:112px}.player-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 32px;gap:8px 10px;padding:10px 12px;background:var(--surface-player);align-content:center}.desktop-download,.expanded-volume,.player-center,.player-tools{display:none!important}.mini-transport{display:flex;align-items:center;gap:1px}.mini-transport>.icon-button{width:30px;height:38px;color:#ccc}.mini-transport>.icon-button .icon{width:18px;height:18px}.mini-transport>.play-button{width:36px;height:36px;background:#ffffff0a;color:var(--text)}.mini-transport .play-button .icon{width:21px;height:21px}.player-track>.cover{width:38px;height:38px}.player-track{gap:8px}.player-track strong{font-size:11px}.mobile-quick{display:block;grid-column:1/-1;min-width:0}.mobile-quick .quick-remix{gap:7px}.mobile-quick .quick-remix>button{padding:7px 4px;font-size:11px;height:32px;line-height:16px}.track-row{grid-template-columns:42px minmax(0,1fr) 32px 32px;gap:7px}.track-row.with-library{grid-template-columns:42px minmax(0,1fr) 30px 30px 30px}.track-row.with-library>.icon-button{width:30px}.expanded-content>.quick-remix>button{font-size:12px;padding:12px 4px}.expanded-content>.transport{margin:18px 0}.expanded-content{margin-top:18px}.expanded-cover{max-width:min(100%,34dvh)}.expanded-title{margin:18px 0}.offline-tools:empty{display:none}.mobile-nav button{transition:color .18s}.track-offline.downloaded{border-radius:8px}.search-section>h2{font-size:13px}}@media(hover:none){.action-list a:hover,.action-list button:hover,.icon-button:hover,.track-row:hover{background:transparent}.track-row.selected:hover{background:#ffd60009}.track-offline.downloaded:hover{background:#ffd6000b}.track-cover-button:hover .cover-play{opacity:0}.track-row.selected .cover-play{opacity:1}.track-artist:hover{text-decoration:none;color:var(--muted)}.icon-button:focus:not(:focus-visible){outline:none}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.management-intro{font-size:11px;margin:6px 0 0}.management-tabs{gap:5px}.management-tabs button{display:flex;align-items:center;gap:6px}.management-tabs small:not(:empty){font-size:10px;padding:2px 5px;border-radius:4px;background:#ffffff08;min-width:20px;text-align:center}.management-filter-toggle{display:none}.management-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:22px 0}.management-overview>button{position:relative;text-align:left;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:12px;min-width:0;transition:border-color .2s,background .2s}.management-overview>button:hover{border-color:#ffd60035;background:#ffd60005}.management-overview span{font-size:12px;color:var(--muted)}.management-overview strong{font-size:30px;color:var(--yellow)}.management-overview small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.management-overview .icon{position:absolute;right:15px;top:20px;width:17px;color:var(--muted)}.management-overview-stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px;border:1px solid var(--line);border-radius:10px}.management-overview-stats>span{color:var(--muted);font-size:12px}.management-overview-stats>.text-button{margin-left:auto}.management-recent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.management-recent>button{display:flex;flex-direction:column;gap:7px;min-width:0;text-align:left;background:var(--surface-deep);border-radius:10px;padding:17px}.management-recent span,.management-recent strong{overflow-wrap:anywhere;font-size:12px}.management-recent small,.management-recent span{color:var(--muted);font-size:11px}.management-list-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.management-list-controls>.management-count{margin:0 auto 0 0}.management-list-controls>select{width:auto;font-size:11px;max-width:180px;padding:9px}.management-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0}.management-pagination button{font-size:12px;background:var(--surface-raised);border-radius:7px;padding:10px 15px}.management-pagination span{font-size:12px;color:var(--muted)}.management .bulk-tools{margin:18px 0;padding:12px 0;border-bottom:1px solid var(--line)}.selection-count{font-size:11px;color:var(--yellow)}.management-row.chosen{background:#ffd60005}.management-row-meta{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin-top:7px;font-size:10px;color:#868680;overflow-wrap:anywhere}.management-row-meta>button{padding:0;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:inherit}.management-actions>.text-button{font-size:11px;padding:10px 5px;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;font-size:10px;padding:4px 7px;border-radius:5px;background:#ffffff07;color:#aaa;margin-right:5px}.status-pill.blocked{color:#ff9890;background:#ff989010}.account-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffd60010;color:var(--yellow);border-radius:10px;font-size:17px;text-transform:uppercase}.management-name .muted{font-size:11px;margin-left:4px}.management-cover-edit{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.management-cover-edit>.cover{width:68px;height:68px}.management-cover-edit>label{flex:1 1;min-width:120px}.management-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.management-form-grid label{min-width:0}.account-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.account-summary>strong{font-size:16px;overflow-wrap:anywhere}.account-summary>small{font-size:11px;color:var(--muted);flex-basis:100%;line-height:1.5}.account-tabs{gap:16px;margin-bottom:20px}.account-tabs button{font-size:12px}.dialog-subheading{font-size:15px;margin:28px 0 16px}.dialog-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.dialog-tools .primary,.dialog-tools .secondary{font-size:11px;padding:9px 12px;min-height:36px}.dialog-track-list{margin-top:16px;min-width:0}.dialog-track-row{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 0;border-bottom:1px solid var(--line)}.dialog-track-row>.track-cover-button{flex-shrink:0}.dialog-track-row>.track-cover-button .cover{width:32px;height:32px}.dialog-track-row>span{min-width:0;flex:1 1}.dialog-track-row strong{font-size:11px;display:block;overflow-wrap:anywhere}.dialog-track-row small{font-size:10px;color:var(--muted);display:block;margin-top:5px;overflow-wrap:anywhere;line-height:1.4}.dialog-track-row>.text-button{flex-shrink:0;font-size:10px}.dialog-track-row>input,.picker-row>input{accent-color:var(--yellow);flex-shrink:0;margin:0;width:15px;height:15px}.playlist-order{display:flex;flex-shrink:0;gap:0}.playlist-order .icon-button{width:25px;height:32px}.playlist-order .icon{width:15px}.playlist-order button:first-child .icon{transform:rotate(-90deg)}.playlist-order button:last-child .icon{transform:rotate(90deg)}.history-row>span:last-child{flex:0 0 auto;font-size:10px;color:var(--muted)}.account-playlist{display:grid;grid-template-columns:minmax(0,1fr) 20px;grid-gap:8px;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);text-align:left;min-width:0;width:100%}.account-playlist strong{font-size:12px;overflow-wrap:anywhere}.account-playlist span{grid-row:2;font-size:10px;color:var(--muted)}.account-playlist>.icon{grid-column:2;grid-row:1/3;align-self:center;width:17px}.track-picker>.primary{width:100%;margin-top:15px}.picker-list{max-height:42dvh;overflow-y:auto;min-width:0}.picker-row{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;min-width:0;border-bottom:1px solid var(--line)}.picker-row>.cover{width:32px;height:32px}.picker-row>span{min-width:0}.picker-row strong{display:block;overflow-wrap:anywhere;font-size:12px}.picker-row small{display:block;overflow-wrap:anywhere;font-size:10px;color:var(--muted);margin-top:5px}@media(max-width:760px){.management-tabs button{font-size:11px;padding:9px 10px}.management-tabs small:not(:empty){font-size:9px}.management-filter-toggle{display:inline-flex}.management-toolbar:not(.filters-open)>select{display:none}.management-toolbar>.management-filter-toggle{grid-column:1/-1;width:auto;justify-self:start;min-height:32px}.management-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.management-overview>button{padding:15px}.management-overview strong{font-size:25px}.management-overview-stats{gap:12px;font-size:12px}.management-overview-stats>.text-button{margin-left:0;flex-basis:100%;text-align:left}.management-recent{grid-template-columns:minmax(0,1fr);gap:8px}.management-list-controls{gap:8px}.management-list-controls>.management-count{flex-basis:100%;margin-bottom:3px}.management-list-controls>select{max-width:calc(50% - 4px);font-size:10px;min-width:0}.management-account-row .management-actions,.management-playlist-row .management-actions{grid-column:3/-1;justify-content:flex-end;flex-wrap:wrap}.management-actions>.text-button{font-size:10px;padding:8px 4px}.management-row-meta{gap:5px 9px;line-height:1.4}.account-avatar{width:38px;height:38px}.management-form-grid{grid-template-columns:minmax(0,1fr)}.account-tabs{gap:13px;flex-wrap:wrap}.dialog-track-row{gap:7px}.playlist-editor-list .dialog-track-row{flex-wrap:wrap}.playlist-editor-list .dialog-track-row>span{flex-basis:calc(100% - 56px)}.playlist-editor-list .playlist-order{margin-left:auto}.playlist-editor-list .dialog-track-row>.text-button{margin-left:4px}.management-cover-edit>label{min-width:0;flex-basis:calc(100% - 84px)}}.management>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto 36px;grid-gap:14px;gap:14px;align-items:center}.management>header>span{margin-left:0}.management>header>div{min-width:0}@media(max-width:760px){.management>header{grid-template-columns:auto minmax(0,1fr) 32px;gap:4px 12px}.management>header>a{grid-column:1;grid-row:1/3}.management>header>div{grid-column:2;grid-row:1}.management>header h1{font-size:21px}.management>header>span{grid-column:2;grid-row:2;font-size:10px}.management>header>.icon-button{grid-column:3;grid-row:1/3;width:32px;height:32px}.management-intro{display:none}.management-toolbar>.management-filter-toggle{grid-column:auto;justify-self:stretch}}:root[data-theme=light]{color-scheme:light;--bg:#f6f6f3;--panel:#fff;--text:#20201c;--muted:#66665e;--line:#00000016;--surface:#f0f0ec;--surface-raised:#e9e9e4;--surface-deep:#f3f3ee;--surface-player:#fff}[data-theme=light] input:not([type=range]),[data-theme=light] select{border-color:#00000024}[data-theme=light] .expanded-player,[data-theme=light] .main-panel,[data-theme=light] .modal,[data-theme=light] .now-playing{background:var(--panel)}[data-theme=light] .search{background:var(--surface)}[data-theme=light] .search:focus-within{border-color:#00000030}[data-theme=light] .icon-button:hover{color:var(--text);background:#00000008}[data-theme=light] .active,[data-theme=light] .liked,[data-theme=light] .quick-remix>button.selected,[data-theme=light] .track-offline.downloaded{color:#886800!important}[data-theme=light] .quick-remix>button{color:var(--muted);border-color:var(--line)}[data-theme=light] .mini-transport>.icon-button,[data-theme=light] .song-lyrics{color:var(--text)}[data-theme=light] .expanded-player::-webkit-backdrop,[data-theme=light] .modal::-webkit-backdrop{background:#00000030}[data-theme=light] .expanded-player::backdrop,[data-theme=light] .modal::backdrop{background:#00000030}.dropdown{position:fixed;z-index:1000;background:var(--surface-player);border:1px solid var(--line);border-radius:12px;padding:6px;width:max-content;max-width:calc(100vw - 16px);min-width:220px;max-height:calc(100dvh - 16px);overflow:auto;box-shadow:0 8px 40px #00000035;animation:content-in .14s ease-out}.dropdown .action-list{margin:0}.dropdown .action-list a,.dropdown .action-list button{padding:11px 12px;border-radius:7px;font-size:12px}.song-lyrics{font:inherit;white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.track-offline.downloaded{background:transparent!important;color:var(--muted)}.track-offline.downloaded .icon{width:19px;height:19px}.backup-card{margin:20px 0;background:var(--surface-deep);border:1px solid var(--line);border-radius:12px}.backup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.backup-drop{display:block;border:1px dashed var(--muted);padding:22px;border-radius:8px;text-align:center}.backup-card progress{width:100%}[data-theme=light] .mobile-nav{background:var(--panel);border-color:var(--line)}[data-theme=light] .management-overview strong,[data-theme=light] .management-tabs .selected,[data-theme=light] .remix-badge,[data-theme=light] .selection-count,[data-theme=light] .transfer-status,[data-theme=light] .upload-button{color:#886800}[data-theme=light] .remixer-slider{--range-track:#00000020}[data-theme=light] .sheet-handle{background:#00000030}.player-lyrics{margin:20px 0}.player-lyrics summary{font-size:12px;color:var(--muted);cursor:pointer}.player-lyrics .song-lyrics{font-size:14px}.theme-switch{position:relative;display:inline-grid!important;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;width:66px!important;min-width:66px;height:34px;padding:0!important;border:1px solid var(--line);border-radius:99px;background:var(--surface)!important;flex-shrink:0;overflow:hidden}.theme-switch>.icon{width:16px;height:16px;position:relative;z-index:1;color:var(--muted)}.theme-thumb{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:var(--yellow);transition:transform .18s}.theme-switch.light .theme-thumb{transform:translateX(32px)}.theme-switch.dark>.icon:nth-last-child(2),.theme-switch.light>.icon:last-child{color:#181818}.dropdown .action-list>.theme-switch{margin:7px 10px}.admin-page.management{max-width:1240px;margin:0 auto;padding:18px 24px 130px}.management .admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;margin:0 0 14px}.admin-brand,.admin-header-actions,.admin-identity{display:flex;align-items:center;gap:12px;min-width:0}.management .admin-topbar h1{font-size:18px;letter-spacing:-.3px;margin:0;white-space:nowrap}.management .admin-brand{font-size:16px;font-weight:700;color:var(--text);gap:7px}.admin-brand img{width:26px;height:26px;border-radius:6px}.admin-header-actions{gap:7px;flex-shrink:0}.admin-username{font-size:11px;color:var(--muted);margin-right:8px}.admin-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;min-width:34px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 9px;font-size:11px;color:var(--text)}.admin-action>.icon{width:17px;height:17px}.admin-action:hover{background:var(--surface-raised)}.management .management-tabs{display:flex;gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:5px 0 10px}.management .management-tabs button{flex-shrink:0;padding:8px 11px;font-size:12px;border-radius:7px;white-space:nowrap}.management .management-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.management-search{flex:1 1 240px;min-width:160px}.management .management-toolbar input,.management .management-toolbar select{height:36px;padding:8px 10px;font-size:12px}.management .management-toolbar>select{flex:0 1 165px;width:auto}.management .management-toolbar .primary,.management .management-toolbar .secondary{min-height:36px;padding:8px 11px;font-size:11px}.management .management-list-controls{margin-top:12px;gap:8px}.management .management-list-controls select{padding:7px;font-size:10px}.management .bulk-tools{margin:10px 0;padding:10px 0;gap:10px}.management .bulk-tools .secondary{min-height:32px;font-size:10px;padding:7px 9px}.management .management-row{grid-template-columns:16px 34px minmax(0,1fr) auto;padding:12px 4px;gap:10px;min-height:0}.management .account-avatar,.management .management-row .artist-avatar,.management .management-row .cover{width:34px;height:34px;border-radius:7px}.management .management-info>strong,.management .management-name{font-size:12px;line-height:1.35}.management .management-info>small{font-size:10px;margin-top:4px}.management .management-row-meta{font-size:10px;gap:4px 10px;margin-top:5px}.management .management-actions{gap:4px}.management .management-actions .icon-button{width:32px;height:32px}.management .management-actions .icon{width:17px;height:17px}.management .management-overview{gap:10px;margin:16px 0}.management .management-overview>button{padding:15px;gap:8px}.management .management-overview strong{font-size:24px}.bulk-delete{width:auto;gap:5px;padding:0 8px;border-radius:7px}.bulk-delete small{font-size:10px}.confirm-delete{background:#ff555518!important;outline:1px solid #ff555570!important}.backup-card{padding:18px;margin:14px 0}.backup-card h2{font-size:17px;margin-top:0}.backup-card h3{font-size:13px;margin-top:24px}.backup-card p{font-size:12px;line-height:1.6;max-width:720px}.backup-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px 15px;cursor:pointer;background:var(--surface);border:1px dashed var(--line);border-radius:10px;min-height:140px}.backup-drop strong{font-size:13px;overflow-wrap:anywhere;max-width:100%}.backup-drop span{font-size:11px;color:var(--muted)}.backup-drop>.icon{color:var(--muted);width:28px;height:28px}.backup-drop.drag,.backup-drop:hover{border-color:var(--yellow);background:#ffd60008}input[type=file]{width:100%;max-width:100%;font-size:11px;color:var(--muted)}input[type=file]::-webkit-file-upload-button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 12px;margin-right:10px;border-radius:7px;font:inherit;cursor:pointer}input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 12px;margin-right:10px;border-radius:7px;font:inherit;cursor:pointer}[data-theme=light] .adjust:hover,[data-theme=light] .dropdown .action-list a:hover,[data-theme=light] .dropdown .action-list button:hover,[data-theme=light] .secondary:hover:not(:disabled){background:#deded7;color:#20201c}[data-theme=light] .primary:hover:not(:disabled){background:#ffe449;color:#111}[data-theme=light] .danger,[data-theme=light] .error{color:#ae342e!important}[data-theme=light] .account-playlist:hover,[data-theme=light] .management-name:hover{color:var(--text);background:var(--surface)}@media(max-width:760px){.admin-page.management{padding:12px 12px 130px}.management .admin-topbar{gap:8px;align-items:center}.admin-identity{gap:3px;align-items:flex-start;flex-direction:column}.management .admin-topbar h1{font-size:12px;color:var(--muted);font-weight:500}.management .admin-brand{font-size:15px}.admin-brand img{width:21px;height:21px}.admin-header-actions{gap:5px}.admin-action>span,.admin-username{display:none}.admin-action{padding:0;width:32px;height:32px}.theme-switch{height:32px}.theme-thumb{height:24px;width:24px}.management .management-tabs button{font-size:11px;padding:7px 9px}.management .management-toolbar .management-search{flex-basis:100%}.management .management-toolbar:not(.filters-open)>select{display:none}.management .management-filter-toggle{display:inline-flex;min-height:32px}.management .management-toolbar>select{flex:1 1 120px}.management .management-row{gap:8px;grid-template-columns:15px 32px minmax(0,1fr) auto;padding:10px 0}.management .account-avatar,.management .management-row .artist-avatar,.management .management-row .cover{width:32px;height:32px}.management .management-account-row .management-actions,.management .management-playlist-row .management-actions{grid-column:3/-1}.management .management-info>strong,.management .management-name{font-size:11px}.management .management-row-meta{font-size:9px}.management .management-overview{gap:8px}.management .management-overview>button{padding:12px}.management .management-overview strong{font-size:21px}.management .management-actions .text-button{font-size:10px}.backup-card{padding:14px}.backup-card p{font-size:11px}.backup-actions .primary,.backup-actions .secondary{font-size:11px;min-height:34px}}.management .management-row:not(.management-account-row) .management-actions{grid-column:4;grid-row:1;align-self:center}@media(max-width:760px){.management .management-list-controls select,.management .management-toolbar input,.management .management-toolbar select{font-size:16px}.management .management-list-controls select{max-width:calc(50% - 4px)}}.track-collection{min-width:0;text-align:left;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-collection:hover{color:var(--text);text-decoration:underline}@media(max-width:760px){.playlist-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px 32px;grid-gap:6px;gap:6px}.playlist-tools>.secondary{padding:8px 6px;font-size:10px;gap:5px}.playlist-tools>.secondary>.icon{width:16px;height:16px}.playlist-tools>.icon-button{width:32px;height:34px}}@media(min-width:761px){.app-shell{padding:12px;gap:12px}.app-shell>.sidebar{grid-column:1;grid-row:1/-1;background:var(--panel);border-radius:12px;padding:20px 12px}.app-shell>.main-panel{grid-column:2;grid-row:1}.app-shell>.now-playing{grid-column:3;grid-row:1/-1}.app-shell>.player-bar{grid-column:2;grid-row:2;border:0;border-radius:12px;background:var(--panel);gap:10px;padding:10px 14px;grid-template-columns:minmax(90px,1fr) minmax(200px,1.4fr) minmax(70px,.6fr)}.app-shell>.player-bar .player-track{gap:9px}.app-shell>.player-bar .player-tools{gap:2px}.app-shell>.player-bar .player-tools>.remixer-slider{max-width:70px}}.app-shell[data-workspace-ready=false],.management[data-workspace-ready=false]{visibility:hidden}.artist-grid,.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(0,176px));gap:22px 20px;align-items:start}.playlist-card{position:relative;isolation:isolate;min-width:0;border-radius:12px}.playlist-card-open{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:12px}.playlist-artwork{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:var(--surface-raised);margin-bottom:12px}.playlist-card-open>.cover{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.playlist-artwork img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.playlist-artwork:after{content:"";inset:35% 0 0;z-index:1;background:linear-gradient(transparent,#0000008c);transition:opacity .2s}.playlist-artwork:after,.playlist-card-actions{position:absolute;opacity:0;pointer-events:none}.playlist-card-actions{inset:auto 12px 12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:2;transform:translateY(6px);transition:opacity .2s,transform .2s}.playlist-play,.playlist-save{display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 14px #00000025}.playlist-save{margin-right:auto;width:34px;height:34px;border-radius:9px;background:#181818da;color:white;border:1px solid #ffffff30}.playlist-save>.icon{width:19px;height:19px}.playlist-save.saved{color:#ffd600}.playlist-play{width:44px;height:44px;border-radius:50%;background:var(--yellow);color:#111}.playlist-play>.icon{width:22px;height:22px}.playlist-play:not(:disabled):hover{background:#ffe449}.playlist-card.playing-card .playlist-card-actions,.playlist-card:focus-within .playlist-card-actions,.playlist-card:hover .playlist-card-actions{opacity:1;transform:none;pointer-events:auto}.playlist-card.playing-card .playlist-artwork:after,.playlist-card:focus-within .playlist-artwork:after,.playlist-card:hover .playlist-artwork:after{opacity:1}.playlist-card:hover .playlist-artwork img{transform:scale(1.025)}.collection-card>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:19px;height:38px;overflow:hidden;overflow-wrap:anywhere}.collection-card>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;line-height:17px}.artist-grid .artist-avatar{position:relative;overflow:hidden}.artist-grid .artist-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.catalog-tabs{gap:4px;padding-bottom:10px}.catalog-tabs button{border-radius:7px;padding:9px 14px;font-size:12px;transition:background .18s,color .18s}.catalog-tabs button.selected{background:#ffd6000d}@media(hover:none),(pointer:coarse){.playlist-card-actions{opacity:1;transform:none;pointer-events:auto}.playlist-artwork:after{opacity:1}}@media(max-width:760px){.artist-grid,.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.playlist-artwork{border-radius:10px;margin-bottom:10px}.playlist-card-actions{inset:auto 10px 10px}.playlist-play{width:38px;height:38px}.playlist-save{width:32px;height:32px}.collection-card>strong{font-size:12px;line-height:18px;height:36px}}@media(prefers-reduced-motion:reduce){.playlist-artwork img,.playlist-artwork:after,.playlist-card-actions{transition:none}.playlist-card:hover .playlist-artwork img{transform:none}}.page-heading>.heading-playback{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto!important;min-width:0}.shuffle-all{white-space:nowrap}.shuffle-all>.icon{width:17px;height:17px}@media(max-width:760px){.page-heading>.heading-playback{gap:7px;margin-left:auto;max-width:100%}.shuffle-all{min-height:38px;padding:8px 10px;font-size:11px;gap:6px}.heading-playback>.listen-all{margin-left:0}.heading-playback>.listen-all>.icon{width:18px;height:18px}}