:root{--bg:#050505;--panel:#121212;--panel-2:#181818;--panel-3:#242424;--text:#fff;--muted:#b7b7b7;--muted-2:#8f8f8f;--accent:#2ee86f;--accent-2:#d7ff3f;--line:#ffffff1a;--danger:#fb7185;--sidebar:324px;--player-height:96px;--mobile-tabs:64px;--shadow:0 28px 90px #00000085}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% -8%, #2ee86f38, transparent 30rem), radial-gradient(circle at 92% 10%, #6a4bff33, transparent 31rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{object-fit:cover;width:100%;height:100%;display:block}.login-page{color:#f2efe6;isolation:isolate;background:#080a08 url(../images/login-bg-indie-waves.png) 50%/cover no-repeat;min-height:100dvh;display:grid;position:relative;overflow:hidden}.login-page,.login-page *{box-sizing:border-box}.login-overlay{z-index:-1;background:radial-gradient(circle at 50% 32%,#0f120e1a,#050705b8 68%),linear-gradient(#0003,#0000008a);position:absolute;inset:0}.login-content{flex-direction:column;justify-content:center;align-items:center;width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:clamp(28px,6vh,72px) 24px;display:flex}.login-brand{text-align:center;text-shadow:0 4px 24px #000000d9;flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.login-wave-mark{color:#79a94d;align-items:center;gap:4px;height:40px;margin-bottom:12px;display:flex}.login-wave-mark i{background:currentColor;border-radius:999px;width:5px;height:13px;display:block;box-shadow:0 0 16px #79a94d33}.login-wave-mark i:nth-child(2),.login-wave-mark i:nth-child(6){height:23px}.login-wave-mark i:nth-child(3),.login-wave-mark i:nth-child(5){height:33px}.login-wave-mark i:nth-child(4){height:40px}.login-brand strong{letter-spacing:.015em;flex-direction:column;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(54px,8vw,88px);line-height:.76;display:flex;transform:scaleX(1.04)}.login-brand strong span:first-child{color:#e9e3d6}.login-brand strong span:last-child{color:#789d4c}.login-brand small{color:#eee9de;letter-spacing:.2em;margin-top:18px;font-size:13px;font-weight:700}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#141815f5,#090c0af5);border:1px solid #ffffff26;border-radius:14px;width:min(100%,400px);padding:28px;box-shadow:0 28px 80px #0000009e}.login-card h1{text-align:center;margin:0 0 24px;font-size:20px}.login-card form{display:grid}.login-card label{margin:0 0 8px;font-size:13px;font-weight:800}.login-card input{color:#f6f3eb;width:100%;height:48px;font:inherit;background:#1d211f;border:1px solid #ffffff21;border-radius:6px;margin:0 0 18px;padding:0 14px}.login-card input:focus,.login-card button:focus-visible{outline-offset:2px;outline:3px solid #79a94d8c}.login-card button{min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:6px;font-weight:850}.login-primary{color:#fff;background:linear-gradient(135deg,#668e43,#82ad52);margin-top:2px}.login-primary:hover{filter:brightness(1.08)}.login-divider{color:#aaa;align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff21;flex:1;height:1px}.login-google{color:#151715;background:#f3f1eb;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.login-google span{color:#3f7dd8;font-size:18px;font-weight:900}.login-card p{color:#a9aaa7;text-align:center;margin:20px 0 0;font-size:12px}.login-card .login-error{color:#ffd4dc;background:#78142a47;border:1px solid #fb718559;border-radius:6px;margin:0 0 18px;padding:10px 12px}.session-loading{min-height:100dvh;color:var(--muted);background:var(--bg);place-items:center;display:grid}.account-identity{align-items:center;gap:9px;min-width:0;max-width:190px;display:flex}.account-identity>img,.account-identity>span{border-radius:50%;flex:0 0 34px;width:34px;height:34px}.account-identity>span{color:#071008;background:var(--accent);place-items:center;font-weight:900;display:grid}.account-identity small{min-width:0;color:var(--muted);text-transform:capitalize;font-size:10px;display:grid}.account-identity strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-menu{flex:none;min-width:0;position:relative}.account-menu-trigger{color:#fff;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;max-width:min(360px,34vw);min-height:48px;padding:5px 10px 5px 5px;display:grid}.account-menu-trigger:hover,.account-menu-trigger:focus-visible,.account-menu.open .account-menu-trigger{background:#ffffff1a}.account-menu-trigger img,.account-avatar-fallback,.account-menu-profile img{object-fit:cover;border-radius:50%;width:38px;height:38px}.account-avatar-fallback{color:#071008;background:linear-gradient(135deg,#1ed760,#a3ff4d);place-items:center;font-size:13px;font-weight:950;display:grid}.account-avatar-fallback.large,.account-menu-profile img{width:58px;height:58px;font-size:18px}.account-menu-copy{text-align:left;min-width:0}.account-menu-copy strong,.account-menu-copy small,.account-menu-profile strong,.account-menu-profile small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.account-menu-copy strong,.account-menu-profile strong{color:#fff;font-size:13px}.account-menu-copy small,.account-menu-profile small{color:var(--muted);font-size:11px}.account-role-badge,.user-status{color:#dfffc7;background:#1ed76029;border:1px solid #1ed76047;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.account-role-badge.listener{color:#d7e8ff;background:#60a5fa26;border-color:#60a5fa40}.account-role-badge.staff{color:#ffeec0;background:#f59e0b26;border-color:#f59e0b47}.account-menu-chevron{color:var(--muted);font-weight:900}.account-menu-popover{z-index:90;background:#181818;border:1px solid #ffffff1f;border-radius:18px;gap:5px;width:min(340px,100vw - 28px);padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #0000008c}.account-menu-profile{border-bottom:1px solid #ffffff1a;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.account-menu-profile em{color:#dfffc7;width:fit-content;margin-top:6px;font-size:11px;font-style:normal;font-weight:850;display:inline-flex}.account-menu-popover a,.account-menu-popover button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;display:block}.account-menu-popover a:hover,.account-menu-popover button:hover,.account-menu-popover a:focus-visible,.account-menu-popover button:focus-visible{background:#ffffff14}.account-menu-popover strong,.account-menu-popover small,.account-menu-section{display:block}.account-menu-popover small{color:var(--muted);margin-top:3px;font-size:11px}.account-menu-section{color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;padding:10px 12px 2px;font-size:11px;font-weight:950}.mobile-account-name{display:none}@media (width<=768px){.login-page{background-position:50%}.login-content{padding:max(22px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));justify-content:center}.login-brand{margin-bottom:18px}.login-brand strong{font-size:clamp(54px,13vw,72px)}.login-card{width:min(100%,380px)}}@media (width<=430px){.login-content{padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));justify-content:flex-start}.login-brand{margin-bottom:14px}.login-wave-mark{height:28px;margin-bottom:8px}.login-wave-mark i{width:4px;height:9px}.login-wave-mark i:nth-child(2),.login-wave-mark i:nth-child(6){height:16px}.login-wave-mark i:nth-child(3),.login-wave-mark i:nth-child(5){height:23px}.login-wave-mark i:nth-child(4){height:28px}.login-brand strong{font-size:clamp(48px,17vw,66px)}.login-brand small{margin-top:13px;font-size:10px}.login-card{border-radius:10px;padding:20px}.login-card h1{margin-bottom:18px;font-size:18px}.login-card input{height:46px;margin-bottom:14px}.login-card button{min-height:46px}.login-divider{margin:16px 0}.login-card p{margin-top:16px;line-height:1.45}}:focus-visible{outline-offset:3px;outline:3px solid #2ee86fbf}.skip-link{z-index:200;color:#000;background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;padding-bottom:var(--player-height);display:grid}.main{min-width:0;padding:18px 28px 70px}.sidebar{z-index:20;height:100dvh;padding:18px 14px calc(var(--player-height) + 18px);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#000000c7;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;display:grid;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#061306;background:linear-gradient(135deg, var(--accent), var(--accent-2));letter-spacing:-.08em;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-weight:950;display:grid;box-shadow:0 14px 34px #2ee86f2e}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{letter-spacing:-.04em;font-size:17px}.brand small{color:var(--muted);margin-top:2px}.primary-nav,.admin-nav{border:1px solid var(--line);background:#ffffff0b;border-radius:18px;gap:4px;padding:8px;display:grid}.primary-nav a,.admin-nav a{color:var(--muted);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:750}.primary-nav a{align-items:center;gap:10px;font-size:15px;display:flex}.primary-nav a.active,.primary-nav a:hover,.admin-nav a.active,.admin-nav a:hover{color:#fff;background:#ffffff1a}.admin-nav>strong{color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;padding:5px 12px;font-size:11px}.library-panel{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;min-height:0;overflow:hidden}.library-panel-head{z-index:2;border-bottom:1px solid var(--line);background:#121212f5;padding:14px;position:sticky;top:0}.library-panel-head>strong{margin-bottom:10px;display:block}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill-row.tiny{gap:5px}.pill-row.tiny span{color:var(--muted);background:#ffffff14;border-radius:999px;padding:5px 7px;font-size:10px}.library-list{scrollbar-width:thin;height:calc(100% - 78px);padding:6px;overflow:auto}.library-item{border-radius:10px;align-items:center;gap:10px;padding:7px;display:flex}.library-item:hover{background:#ffffff14}.library-item>span{min-width:0}.library-item strong,.library-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-item small{color:var(--muted);margin-top:3px;font-size:10px}.lib-cover{background:var(--panel-3);border-radius:4px;flex:0 0 42px;width:42px;height:42px;overflow:hidden}.top-actions{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumbs a{color:#fff;font-weight:750}.search-box{border:1px solid var(--line);width:min(420px,48vw);color:var(--muted);background:#121212d9;border-radius:999px;padding:0}.hero,.detail-hero{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(135deg,#2ee86f29,#581c873d 55%,#121212e6);border-radius:26px;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:36px;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero:before,.detail-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 30%,#d7ff3f1f,#0000 24rem);position:absolute;inset:0}.hero>*,.detail-hero>*{z-index:1;position:relative}.eyebrow{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:900;display:inline-flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:18px;font-size:clamp(42px,7vw,88px);line-height:.94}h2{letter-spacing:-.04em;margin-bottom:6px;font-size:clamp(22px,2.5vw,30px)}.hero p,.detail-hero p,.page-header p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.65}.action-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.play-button{color:#061306;background:var(--accent);border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-weight:900;display:inline-flex}.play-button.secondary{border:1px solid var(--line);color:#fff;background:#ffffff14}.hero-visual{min-height:300px;position:relative}.hero-cover{aspect-ratio:1;border-radius:8px;width:280px;position:absolute;top:5%;right:8%;overflow:hidden;transform:rotate(3deg);box-shadow:0 28px 60px #0000008c}.hero-cover.small{width:150px}.hero-cover.small.a{top:10%;left:0;transform:rotate(-9deg)}.hero-cover.small.b{top:46%;left:12%;transform:rotate(7deg)}.section-block{margin-top:38px}.section-title{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-title p,.card p{color:var(--muted);margin:0}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.card{background:#181818e0;border-radius:9px;min-width:0;padding:12px;transition:all .18s;position:relative}.cover-art{aspect-ratio:1;background:linear-gradient(135deg,#313131,#111);border-radius:5px;width:100%;margin-bottom:12px;overflow:hidden}.card strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.floating-play{opacity:0;color:#071108;background:var(--accent);border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .18s;display:grid;position:absolute;top:min(54%,180px);right:20px;transform:translateY(8px);box-shadow:0 12px 24px #00000073}.card:hover .floating-play,.floating-play:focus-visible{opacity:1;transform:none}.track-list{border-top:1px solid var(--line);overflow:hidden}.track-header,.track-row{grid-template-columns:38px minmax(230px,1.4fr) minmax(160px,1fr) 70px 55px;align-items:center;gap:12px;min-height:62px;padding:0 12px;display:grid}.track-header{min-height:42px;color:var(--muted-2);border-bottom:1px solid var(--line);font-size:12px}.track-row{color:var(--muted);border-radius:5px}.track-row:hover{background:#ffffff12}.track-row.playing strong{color:var(--accent)}.row-play{color:#fff;background:0 0;border:0;width:32px;height:32px}.track-main{align-items:center;gap:11px;min-width:0;display:flex}.track-main>div:last-child{min-width:0}.track-main strong,.track-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-main strong{color:#fff}.track-main span{margin-top:3px;font-size:12px}.track-cover{background:var(--panel-3);border-radius:3px;flex:0 0 42px;width:42px;height:42px;overflow:hidden}.track-time{text-align:right;font-variant-numeric:tabular-nums}.track-list.compact .track-row{grid-template-columns:36px minmax(0,1fr) 45px;padding:0 8px}.page-header{border:1px solid var(--line);background:linear-gradient(145deg,#242424f0,#0c0c0cf0);border-radius:22px;margin-bottom:30px;padding:clamp(28px,5vw,60px)}.page-header h1{font-size:clamp(38px,6vw,72px)}.search-input{align-items:center;gap:10px;min-width:0;display:flex}.search-input-icon{color:currentColor;flex:0 0 18px;place-items:center;line-height:1;display:inline-grid}.search-input input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0}.search-input input::-webkit-search-cancel-button{display:none}.search-input-clear{width:34px;height:34px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;flex:0 0 34px;place-items:center;font-size:20px;font-weight:900;line-height:1;display:inline-grid}.search-input-clear:hover,.search-input-clear:focus-visible{color:#fff;outline-offset:2px;background:#fff3;outline:2px solid #ffffff4d}.big-search{color:#111;background:#fff;border-radius:999px;max-width:720px;min-height:58px;margin:24px 0 18px;padding:0 12px 0 18px}.big-search input{font-size:17px}.big-search .search-input-clear{color:#111;background:#00000014}.big-search .search-input-clear:hover,.big-search .search-input-clear:focus-visible{color:#111;background:#00000029;outline-color:#00000040}.source-copy-actions,.stem-panel-actions{align-items:center}.download-menu{color:#d8d8d8;font-size:12px;position:relative}.download-menu summary{border:1px solid var(--line);color:#d8d8d8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:6px 10px;font-size:12px;font-weight:850;list-style:none;display:inline-flex}.download-menu summary::-webkit-details-marker{display:none}.download-menu summary:after{content:"v";color:var(--muted);margin-left:6px;font-size:10px}.download-menu[open] summary{background:#ffffff24;border-color:#ffffff4d}.download-menu>div{background:#0e0e10fa;border:1px solid #ffffff24;border-radius:12px;gap:6px;min-width:min(260px,100vw - 32px);margin-top:8px;padding:8px;display:grid;box-shadow:0 16px 34px #00000057}.download-menu a{color:#fff;border-radius:8px;align-items:center;min-height:34px;padding:7px 10px;text-decoration:none;display:flex}.download-menu a:hover,.download-menu a:focus-visible{background:#ffffff1a;outline:none}.source-downloads,.archive-download-actions{margin-top:10px}.source-downloads>div,.archive-download-actions>div{box-shadow:none;position:static}.desktop-search-input{width:100%;min-height:52px;padding:0 10px 0 16px}.desktop-search-input .search-input-clear,.library-search .search-input-clear,.batch-file-search .search-input-clear{color:#fff;background:#ffffff1a}.desktop-search-input .search-input-clear:hover,.desktop-search-input .search-input-clear:focus-visible,.library-search .search-input-clear:hover,.library-search .search-input-clear:focus-visible,.batch-file-search .search-input-clear:hover,.batch-file-search .search-input-clear:focus-visible{background:#ffffff38}.pill,.sort-row button{color:#fff;background:#ffffff17;border:0;border-radius:999px;min-height:38px;padding:8px 14px;font-weight:800}.pill.active,.sort-row button.active{color:#050505;background:#fff}.sort-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detail-hero{grid-template-columns:minmax(230px,340px) minmax(0,1fr);min-height:390px}.detail-hero h1{font-size:clamp(42px,7vw,86px)}.detail-cover{aspect-ratio:1;background:var(--panel-3);border-radius:7px;width:100%;overflow:hidden;box-shadow:0 25px 60px #0000007a}.artist-hero .detail-cover{border-radius:50%}.meta-line{color:#fff;font-weight:750}.about-card{background:var(--panel);border-radius:16px;padding:28px}.about-card>p{color:var(--muted);line-height:1.7}.metric-grid,.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.metric-grid span,.admin-metrics span{border:1px solid var(--line);background:#ffffff0b;border-radius:10px;padding:18px;font-size:22px;font-weight:900}.metric-grid small,.admin-metrics small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:650;display:block}.admin-header{background:linear-gradient(145deg,#2ee86f1a,#121212f2 55%)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;min-width:0;padding:22px}.admin-card>p,.admin-card>small{color:var(--muted);line-height:1.6}.review-row{border-top:1px solid var(--line);grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 0;display:grid}.review-row span{color:var(--muted);font-size:13px}.review-row button,.stem-row button,.player-actions button{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;padding:8px 11px}.check-list{color:var(--muted);gap:12px;padding-left:20px;display:grid}.project-bars{background:#ffffff17;border-radius:999px;height:8px;margin:20px 0 10px;overflow:hidden}.project-bars span{border-radius:inherit;background:var(--accent);height:100%;display:block}.stem-list{gap:6px;display:grid}.stem-row{border-top:1px solid var(--line);grid-template-columns:90px minmax(100px,1fr) auto auto;align-items:center;gap:8px;padding:10px 0;display:grid}.admin-band-row{color:var(--muted);align-items:center;gap:14px;line-height:1.5;display:flex}.mini-track-list{margin:0;padding-left:24px}.mini-track-list li{border-top:1px solid var(--line);padding:8px 4px}.mini-track-list span{float:right;color:var(--muted)}.bottom-player{z-index:80;min-height:var(--player-height);padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c0c0cf5;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.now-playing>div:last-child{min-width:0}.now-playing strong,.now-playing span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.now-playing span{color:var(--muted);margin-top:3px;font-size:12px}.player-cover{background:var(--panel-3);border-radius:4px;flex:0 0 58px;width:58px;height:58px;overflow:hidden}.transport{align-items:center;gap:10px;display:flex}.transport button{width:42px;height:42px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.transport button.active{color:var(--accent)}.transport .main-play{color:#050505;background:#fff}.player-actions{justify-self:end}.queue-panel{z-index:70;right:18px;bottom:calc(var(--player-height) + 16px);border:1px solid var(--line);opacity:0;pointer-events:none;width:min(450px,100vw - 36px);max-height:65vh;box-shadow:var(--shadow);background:#121212fa;border-radius:16px;transition:all .18s;position:fixed;overflow:auto;transform:translateY(14px)}.queue-panel.open{opacity:1;pointer-events:auto;transform:none}.queue-panel>header{z-index:2;border-bottom:1px solid var(--line);background:#121212fa;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.queue-panel header strong,.queue-panel header span{display:block}.queue-panel header span{color:var(--muted);margin-top:3px;font-size:11px}.queue-panel header button{color:#fff;background:#ffffff14;border:0;border-radius:50%;width:40px;height:40px;font-size:24px}.mobile-header,.bottom-nav,.mobile-quick,.compact-rail,.library-drawer-backdrop,.admin-drawer-backdrop,.mobile-admin-trigger{display:none}.page-loading{min-height:50vh;color:var(--muted);place-items:center;display:grid}@media (width<=1180px){:root{--sidebar:280px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.track-header,.track-row{grid-template-columns:38px minmax(200px,1.4fr) minmax(140px,1fr) 55px}.track-header>:nth-child(4),.track-row>:nth-child(4){display:none}}@media (width<=900px){html,body,#root{max-width:100%;overflow-x:hidden}.app-shell{padding-bottom:calc(var(--player-height) + var(--mobile-tabs));display:block}.sidebar,.top-actions{display:none}.mobile-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505e6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header .brand-mark{border-radius:12px;flex-basis:38px;width:38px;height:38px;font-size:13px}.mobile-pills{gap:6px;display:flex;overflow-x:auto}.mobile-pills a{white-space:nowrap;background:#ffffff1a;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.main{width:100vw;max-width:100%;padding:14px 16px 44px;overflow:hidden}.hero,.detail-hero{grid-template-columns:minmax(0,1fr);width:calc(100vw - 32px);max-width:calc(100vw - 32px);min-height:0;padding:32px}.hero-visual{min-height:250px}.detail-cover{width:min(320px,75vw)}.cards,.cards.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.bottom-nav{z-index:90;min-height:var(--mobile-tabs);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#080808f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#8e8e8e;place-items:center;font-size:11px;font-weight:750;transition:color .16s,transform .16s;display:grid;position:relative}.bottom-nav a.active{color:#fff;font-weight:900}.bottom-nav a.active:after{background:var(--accent);content:"";border-radius:999px;width:18px;height:3px;position:absolute;bottom:3px}.bottom-player{bottom:calc(var(--mobile-tabs) + env(safe-area-inset-bottom));background:#242424fa;border:0;grid-template-columns:minmax(0,1fr) auto;min-height:76px;padding:8px 12px}.player-cover{flex-basis:50px;width:50px;height:50px}.transport button:not(.main-play),.player-actions{display:none}.queue-panel{bottom:calc(76px + var(--mobile-tabs) + 12px + env(safe-area-inset-bottom))}}@media (width<=640px){h1{font-size:44px}.mobile-header{flex-direction:column;align-items:flex-start}.mobile-pills{width:100%}.hero{border-radius:18px;padding:26px 22px}.hero>div:first-child,.detail-hero>div:last-child{min-width:0}.action-row{grid-template-columns:1fr;display:grid}.action-row .play-button{width:100%}.hero p,.detail-hero p,.page-header p{font-size:15px}.hero-visual{min-height:220px}.hero-cover{width:210px}.hero-cover.small{width:110px}.mobile-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.mobile-quick a{background:#ffffff17;border-radius:5px;align-items:center;gap:9px;min-width:0;display:flex;overflow:hidden}.mobile-quick strong{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;font-size:12px;overflow:hidden}.mini-cover{flex:0 0 52px;width:52px;height:52px;overflow:hidden}.cards,.cards.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:9px}.floating-play,.track-header{display:none}.track-row{grid-template-columns:32px minmax(0,1fr) 42px;gap:7px;padding:0 4px}.track-row>.hide-sm,.track-row>.hide-md{display:none}.track-main strong{font-size:13px}.track-cover{flex-basis:38px;width:38px;height:38px}.page-header{border-radius:16px;padding:28px 20px}.page-header h1,.detail-hero h1{font-size:42px}.detail-hero{border-radius:16px;padding:24px 20px}.detail-cover{width:min(280px,100%)}.metric-grid,.admin-metrics{grid-template-columns:1fr}.review-row{grid-template-columns:1fr auto}.review-row span{grid-area:2/1/auto/-1}.stem-row{grid-template-columns:1fr auto auto}.stem-row input{grid-area:2/1/auto/-1;width:100%}.bottom-player{border-radius:6px 6px 0 0}.now-playing strong{font-size:13px}}:root{--green:#1ed760;--sidebar:324px;--player-height:98px;--mobile-tabs:74px;--tap:48px;--line-2:#ffffff29}body{text-rendering:optimizelegibility;background:radial-gradient(circle at 12% -8%,#1ed76033,#0000 29rem),radial-gradient(circle at 92% 10%,#6a4bff2e,#0000 31rem),linear-gradient(#090909,#050505 42rem,#050505)}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr)}.main{padding:18px}.desktop-sidebar{padding:14px 14px calc(var(--player-height) + 18px);background:#000000d1;grid-template-rows:minmax(0,1fr) auto;gap:12px}.brand-mark{box-shadow:none;background:#9bf442;border-radius:50%}.library-panel{background:#ffffff0b;border:0;border-radius:0;overflow:auto}.library-head{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121212f0;gap:10px;padding:14px;display:grid}.library-title-row{justify-content:space-between;align-items:center;display:flex}.library-add{border:1px solid var(--line);color:#fff;background:#242424;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.library-head .filter-row{flex-wrap:nowrap;gap:8px;display:flex}.library-head .pill{color:#fff;background:#232323;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:14px;display:inline-flex}.library-head .pill.active{color:#111;background:#fff}.library-search-sort{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.library-search{border:1px solid var(--line);color:#aaa;background:#00000052;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.library-search-icon{color:#aaa;flex:0 0 16px;place-items:center;width:16px;font-size:15px;line-height:1;display:inline-grid}.library-sort{color:#aaa;white-space:nowrap;font-size:12px;font-weight:800}.library-list{height:auto;padding:12px 8px 18px}.library-section-label{color:#999;letter-spacing:.1em;text-transform:uppercase;padding:0 10px 8px;font-size:11px;display:block}.library-item{border-radius:3px;grid-template-columns:52px minmax(0,1fr);gap:10px;min-height:64px;padding:6px;display:grid;position:relative}.library-item .lib-cover{border-radius:4px;width:52px;height:52px}.library-item strong{font-size:15px}.library-item small{color:#b7b7b7;font-size:12px}.library-hover-play{opacity:0;color:#fff;background:#00000094;place-items:center;width:52px;height:52px;font-style:normal;transition:all .14s;display:grid;position:absolute;top:6px;left:6px}.library-item:hover .library-hover-play{opacity:1}.top-actions{min-height:54px;margin-bottom:14px}.breadcrumbs{flex:0 240px;font-weight:750}.breadcrumb-home{color:#fff;background:#ffffff14;padding:10px 12px}.desktop-search{box-sizing:border-box;white-space:nowrap;background:#151515;border-radius:0;align-items:center;gap:10px;width:min(460px,38vw);height:52px;min-height:46px;display:flex}.desktop-search>span{flex:none;line-height:1}.top-circle{border:1px solid var(--line);color:#fff;background:#181818;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.role-switch{border:1px solid var(--line);color:#fff;background:#ffffff0e;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.role-switch select{color:#fff;background:#242424;border:0;min-height:34px;font-weight:900}.staff-entry{width:210px;position:relative}.staff-toggle{border:1px solid var(--line);color:#fff;text-align:left;background:#ffffff0b;border-radius:0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:50px;padding:6px 10px;display:grid}.staff-toggle-icon{color:#fbbf24;background:#fbbf2426;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.staff-toggle-text strong,.staff-toggle-text small{display:block}.staff-toggle-text small{color:#b7b7b7;margin-top:2px}.staff-menu{z-index:100;border:1px solid var(--line);width:300px;box-shadow:var(--shadow);background:#121212;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0}.staff-entry.open .staff-menu{display:grid}.staff-menu a,.staff-logout{border-radius:4px;padding:10px}.staff-menu a:hover,.staff-logout:hover{background:#ffffff14}.staff-menu strong,.staff-menu small{display:block}.staff-menu small{color:#aaa;margin-top:3px}.staff-logout{border:0;border-top:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:0 0;width:100%;margin-top:4px}.mobile-logout,.tablet-logout{display:none}.hero{background:linear-gradient(135deg,#1ed7604f,#553cff33 47%,#0000004d),radial-gradient(circle at 75% 24%,#ffffff1f,#0000 22rem),#111;border:0;border-radius:0;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:22px;min-height:clamp(390px,38vw,560px);padding:clamp(22px,4vw,46px)}.hero .eyebrow{color:#ffffffdb}.hero .eyebrow i{color:#06230f;background:#9bf442;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;display:grid}.hero h1{max-width:10ch;font-size:clamp(56px,7vw,100px)}.hero p{color:#ffffffd1;margin:18px 0 22px;font-size:clamp(16px,1.45vw,20px);line-height:1.48}.play-button{background:#1ed760;border-radius:3px;min-height:48px;padding:0 20px;box-shadow:0 12px 26px #1ed7602e}.play-button.secondary{border:1px solid var(--line-2);background:#ffffff1a;border-radius:3px}.hero .action-row{align-items:center;gap:12px}.hero .action-row .play-button{color:#071108;text-align:center;white-space:nowrap;background:#1ed760;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:11px 22px;line-height:1.1;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex;box-shadow:0 14px 28px #1ed76033}.hero .action-row .play-button.secondary{color:#fff;box-shadow:none;background:#ffffff1a;border-color:#ffffff29}.hero .action-row .play-button:hover{background:#33e676;transform:translateY(-1px)}.hero .action-row .play-button.secondary:hover{background:#ffffff29;border-color:#ffffff47}.hero .action-row .play-button:focus-visible{outline-offset:3px;outline:3px solid #2ee86fbf}.hero .action-row .play-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.hero-visual{align-self:center;justify-items:end;gap:12px;min-height:0;display:grid}.hero-cover.album-stack{border-radius:4px;width:min(340px,100%);margin:0;position:static;transform:rotate(-3deg)}.live-card{background:#0000008f;border-radius:18px;width:min(360px,100%);padding:14px}.live-card span{color:#aaa;margin-top:5px;font-size:13px;display:block}.section-block{min-width:0;max-width:100%;margin-top:28px}.section-title{margin-bottom:14px}.section-title h2{font-size:clamp(28px,2.2vw,34px)}.section-title p{font-size:13px}.small-button{border:1px solid var(--line);color:#fff;background:#ffffff12;border-radius:0;min-height:38px;padding:0 12px;font-weight:800}.artist-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.artist-mini-grid a{border:1px solid var(--line);background:linear-gradient(135deg,#ffffff14,#1ed7600d);flex-direction:column;justify-content:end;min-height:112px;padding:16px;display:flex}.artist-mini-grid small{color:#aaa;margin-top:5px}.home-content-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;display:grid}.home-queue{margin-top:28px;position:sticky;top:18px}.cards,.cards.wide{gap:12px}.cards{grid-template-columns:repeat(5,minmax(0,1fr))}.cards.wide{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#ffffff0e;border:0;border-radius:0;padding:12px;overflow:visible}.card-cover-wrap,.card-cover-wrap>a,.card-meta-open,.card-meta-open>a{min-width:0;max-width:100%}.card:hover{background:#ffffff17;transform:none}.card-cover-wrap{position:relative;overflow:hidden}.card .cover{border-radius:4px;margin-bottom:12px;transition:transform .2s}.card-cover-wrap:hover .cover{transform:scale(1.018)}.card-meta-open,.card-meta-open>a{display:block}.floating-play{opacity:0;width:48px;height:48px;top:auto;bottom:12px;right:12px;transform:translateY(8px)}.card-cover-wrap:hover .floating-play,.card-cover-wrap:focus-within .floating-play{opacity:1;transform:none}.track-list{border-top:0}.track-header,.track-row{grid-template-columns:34px minmax(230px,1.5fr) minmax(140px,.8fr) 90px 54px 34px;gap:12px;padding:0 10px}.track-header{border-bottom:1px solid var(--line);min-height:38px}.track-row{border-radius:4px;min-height:64px}.track-cover{border-radius:4px;flex-basis:46px;width:46px;height:46px}.row-play{color:#b3b3b3;place-items:center;display:grid;position:relative}.track-number,.track-play-icon{grid-area:1/1}.track-number{font-variant-numeric:tabular-nums;font-size:14px}.track-play-icon{color:#fff;opacity:0;font-size:13px}.track-row:hover .track-number,.track-row.playing .track-number{opacity:0}.track-row:hover .track-play-icon,.track-row.playing .track-play-icon{opacity:1}.track-actions{opacity:0;justify-content:end;gap:4px;min-width:0;display:flex}.track-row:hover .track-actions,.track-row:focus-within .track-actions{opacity:1}.track-actions button{color:#aaa;background:0 0;border:0;font-size:17px;line-height:1.2}.track-list.compact .track-row{grid-template-columns:30px minmax(0,1fr) 44px;min-height:58px}.page-header,.detail-hero{min-height:330px;box-shadow:none;background:linear-gradient(135deg,#1ed76038,#6140ff24 50%,#ffffff05);border:0;border-radius:0;grid-template-columns:232px minmax(0,1fr);align-items:end;gap:26px;padding:clamp(18px,3vw,36px)}.detail-cover.big-cover{border-radius:4px;width:232px;box-shadow:0 24px 70px #00000075}.page-title h1{margin-top:8px;font-size:clamp(42px,6vw,88px)}.detail-action-row{align-items:center;gap:16px;padding:22px 4px 4px;display:flex}.round-play{color:#051007;background:#1ed760;border:0;border-radius:50%;place-items:center;width:58px;height:58px;font-size:20px;display:grid}.detail-icon-button{color:#aaa;background:0 0;border:0;font-size:24px}.artist-hero{background:#151515;align-items:end;min-height:440px;display:flex;position:relative;overflow:hidden}.artist-hero-image{width:100%;height:100%;position:absolute;inset:0}.artist-hero-image img{object-position:center 40%}.artist-hero-shade{background:linear-gradient(#0000 25%,#00000024 52%,#000000eb);position:absolute;inset:0}.artist-hero-copy{z-index:1;padding:30px 34px;position:relative}.artist-hero-copy h1{margin:0 0 12px;font-size:clamp(58px,8vw,108px)}.artist-verified{align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.artist-verified i{color:#fff;background:#4c9aff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-style:normal;display:inline-grid}.artist-listeners{color:#fff;margin:7px 0 0;font-size:14px;font-weight:650}.popular-see-more{color:#b3b3b3;background:0 0;border:0;margin:12px 10px 0;padding:4px 0;font-size:13px;font-weight:800}.popular-see-more:hover{color:#fff;text-decoration:underline}.artist-about-card{background:#181818;min-height:520px;padding:0;position:relative;overflow:hidden}.artist-about-image{opacity:.58;width:100%;height:100%;position:absolute;inset:0}.artist-about-image:after{content:"";background:linear-gradient(90deg,#000000e0,#0000004d);position:absolute;inset:0}.artist-about-copy{z-index:1;max-width:680px;padding:42px;position:relative}.artist-about-copy>p{color:#eee;font-size:17px;line-height:1.7}.artist-about-copy .artist-members{margin-top:14px;font-size:15px}.artist-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px;display:grid}.artist-fact-grid span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;min-width:0;padding:14px 16px}.artist-fact-grid small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:850;display:block}.artist-fact-grid strong{color:#fff;font-size:15px;line-height:1.35;display:block}.artist-members-list{margin-top:26px}.artist-members-list h3{color:#fff;margin:0 0 12px;font-size:18px}.artist-members-list ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.artist-members-list li{background:#00000047;border:1px solid #ffffff1a;border-radius:12px;gap:2px;min-width:0;padding:12px 14px;display:grid}.artist-members-list strong{color:#fff;font-size:15px}.artist-members-list span{color:var(--muted);font-size:13px}.admin-spotify-page{padding-bottom:38px}.admin-spotify-hero{background:linear-gradient(135deg,#1ed7602e,#5b3eb438,#171717);flex-direction:column;justify-content:end;min-height:330px;padding:42px;display:flex}.admin-kicker{color:#ddd;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.admin-spotify-hero h1{margin:10px 0;font-size:clamp(50px,6vw,86px)}.admin-spotify-hero>p{color:#ccc;max-width:760px;font-size:16px;line-height:1.55}.admin-status-strip{gap:8px;margin-top:20px;display:flex}.admin-status-strip span{color:#ddd;background:#0000004d;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:12px;display:inline-flex}.admin-status-strip strong{color:#fff;font-size:15px}.admin-split-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px;margin-top:24px;display:grid}.admin-card{background:#121212;border:0;border-radius:0;padding:22px}.admin-card:first-child{background:0 0;padding-left:0}.admin-card h2{font-size:28px}.review-row{border-top:1px solid #ffffff14;border-radius:4px;min-height:64px;padding:8px}.review-row:hover{background:#ffffff12}.review-row button,.stem-row button{border-radius:999px}.users-list{gap:12px;display:grid}.user-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:auto minmax(0,1fr) minmax(150px,auto);align-items:center;gap:14px;padding:14px;display:grid}.user-card.owner{background:linear-gradient(135deg,#1ed7601c,#ffffff0a);border-color:#1ed76047}.user-card.disabled{opacity:.72}.user-card-avatar img,.user-card-avatar span{border-radius:50%;width:54px;height:54px}.user-card-avatar img{object-fit:cover}.user-card-avatar span{color:#071008;background:linear-gradient(135deg,#1ed760,#a3ff4d);place-items:center;font-weight:950;display:grid}.user-card-main{gap:9px;min-width:0;display:grid}.user-card-title strong,.user-card-title small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.user-card-title strong{color:#fff;font-size:16px}.user-card-title small{color:var(--muted);font-size:13px}.user-card-badges{flex-wrap:wrap;gap:6px;display:flex}.user-status.enabled{color:#dfffc7;background:#1ed7601f}.user-status.disabled{color:#ffd4dc;background:#fb718521;border-color:#fb718540}.user-status.owner{color:#071008;background:#b7ff69;border-color:#0000}.user-status.dev,.user-status.provider{color:#ddd;text-transform:capitalize;background:#ffffff14;border-color:#ffffff24}.user-card-meta{flex-wrap:wrap;gap:10px 18px;margin:0;display:flex}.user-card-meta div{min-width:130px}.user-card-meta dt{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.user-card-meta dd{color:#ddd;margin:2px 0 0;font-size:12px}.user-card-actions{gap:8px;display:grid}.user-card-actions label{color:var(--muted);gap:5px;font-size:11px;font-weight:850;display:grid}.user-card-actions select,.user-card-actions button{color:#fff;background:#242424;border:1px solid #ffffff24;border-radius:999px;min-height:38px;font-weight:850}.user-card-actions button{cursor:pointer;padding:0 14px}.user-card-actions :disabled{cursor:not-allowed;opacity:.55}@media (width<=1180px){.top-actions .account-menu-trigger{grid-template-columns:40px auto auto;max-width:190px}.top-actions .account-menu-copy small{display:none}.user-card{grid-template-columns:auto minmax(0,1fr)}.user-card-actions{grid-column:2;grid-template-columns:minmax(140px,1fr) auto;align-items:end}}@media (width<=900px){.mobile-header .account-menu{grid-area:1/3;justify-self:end}.mobile-header .account-menu-trigger{grid-template-columns:38px;max-width:46px;min-height:46px;padding:4px}.mobile-header .account-menu-copy,.mobile-header .account-role-badge,.mobile-header .account-menu-chevron{display:none}.mobile-header .account-menu-popover{top:max(58px, calc(env(safe-area-inset-top) + 58px));width:min(340px,100vw - 20px);max-height:calc(100dvh - var(--player-height) - var(--mobile-tabs) - 84px);position:fixed;right:10px;overflow:auto}}@media (width<=640px){.user-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.user-card-actions{grid-column:1/-1;grid-template-columns:1fr}}.bottom-player.player{min-height:var(--player-height);border-top:1px solid var(--line);background:#080808fa;grid-template-columns:minmax(280px,1fr) minmax(420px,1.45fr) minmax(280px,1fr);gap:24px;padding:10px 24px}.player-cover{border-radius:4px;flex-basis:64px;width:64px;height:64px}.player-title a,.player-title span{color:#aaa;margin-top:4px;font-size:12px;display:block}.artist-link{color:inherit;cursor:pointer;text-decoration:none}.artist-link:hover{color:#fff;text-decoration:underline}.artist-link:focus-visible{outline-offset:2px;color:#fff;border-radius:2px;outline:2px solid #1ed760}.metadata-link{color:inherit;cursor:pointer;text-decoration:none}.metadata-link:hover{color:#fff;text-decoration:underline}.metadata-link:focus-visible{outline-offset:2px;color:#fff;border-radius:2px;outline:2px solid #1ed760}.track-main .artist-link{color:#b3b3b3;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.track-main .artist-link:hover{color:#fff}.player-title .artist-link{color:#aaa;margin-top:4px;font-size:12px;display:inline-block}.player-artist-meta,.player-artist-meta>span{display:inline!important}.player-artist-meta .artist-link,.player-artist-meta .metadata-link{margin-top:0;display:inline-block}.track-metadata-cell .metadata-link{color:#b3b3b3}.track-metadata-cell .metadata-link:hover{color:#fff}.track-compact-meta{color:#b3b3b3;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.track-compact-meta .artist-link,.track-compact-meta .metadata-link,.track-compact-meta>span{font-size:inherit;margin:0;display:inline}.meta-line .artist-link,.archive-year-hero p .artist-link{color:#fff;font-weight:750}.player-controls{gap:8px;display:grid}.control-row{justify-content:center;align-items:center;gap:14px;display:flex}.control-row button{color:#ccc;background:0 0;border:0;width:36px;height:36px;position:relative}.control-row button.active{color:#1ed760}.control-row .repeat-active small{color:#050505;background:#1ed760;border-radius:50%;place-items:center;width:13px;height:13px;font-size:9px;font-weight:950;display:grid;position:absolute;bottom:1px;right:3px}.control-row .main-play{color:#050505;background:#fff;border-radius:50%;width:50px;height:50px;font-size:18px}.progress-row{color:#aaa;align-items:center;gap:8px;width:min(760px,100%);font-size:11px;display:flex}.progress{background:#ffffff38;border-radius:999px;flex:1;height:4px;position:relative}.progress i{border-radius:inherit;background:#1ed760;width:42%;position:absolute;inset:0 auto 0 0}.player-extra{justify-content:end;align-items:center;gap:12px;display:flex}.player-extra button{color:#fff;background:0 0;border:0;border-radius:50%;width:42px;height:42px;font-size:24px}.player-extra button.queue-active{color:#1ed760;background:#1ed7601a}.volume{background:#ffffff40;border-radius:999px;width:110px;height:4px}.volume i{background:#fff;width:70%;height:100%;display:block}.queue-panel{bottom:calc(var(--player-height) + 32px);background:#121212;border-radius:8px}.desktop-search input,.library-search input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;display:block}.desktop-search input{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.library-sort-control{position:relative}.library-sort{cursor:pointer;background:0 0;border:0}.library-sort-menu{z-index:20;border:1px solid var(--line);background:#282828;border-radius:4px;width:168px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #00000080}.library-sort-menu button{color:#fff;text-align:left;background:0 0;border:0;padding:10px}.library-sort-menu button:hover{background:#ffffff1a}.progress-slider,.volume-slider{background:linear-gradient(to right, #1ed760 var(--value), #535353 var(--value));appearance:none;border-radius:999px;outline:0;height:4px;margin:0}.progress-slider{width:100%}.volume-slider{width:110px}.progress-slider::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.volume-slider::-webkit-slider-thumb{appearance:none;opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.progress-slider:hover::-webkit-slider-thumb{opacity:1}.volume-slider:hover::-webkit-slider-thumb{opacity:1}.help-dialog-backdrop{z-index:90;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog{border:1px solid var(--line);background:#181818;border-radius:8px;width:min(520px,100%);padding:24px;box-shadow:0 30px 80px #000000a6}.help-dialog header{justify-content:space-between;align-items:center;display:flex}.help-dialog header button{color:#fff;background:0 0;border:0;font-size:28px}.help-dialog kbd{background:#252525;border:1px solid #555;border-radius:4px;padding:3px 6px}.upload-top-actions{min-height:46px;margin-bottom:8px;padding-block:0}.upload-top-actions .breadcrumbs{flex:auto}.focused-upload-page{width:min(760px,100%);padding:14px 28px calc(var(--player-height) + 28px)}.focused-upload-heading{margin-bottom:14px}.focused-upload-heading h1{letter-spacing:-.055em;margin:3px 0 7px;font-size:clamp(38px,5vw,58px);line-height:.95}.focused-upload-heading p{color:#c7c7c7;max-width:620px;margin:0;font-size:14px;line-height:1.45}.focused-upload-card{border:1px solid var(--line);background:#121212c7;border-radius:12px;max-width:620px;padding:14px}.focused-upload-fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.focused-upload-fields label>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.focused-upload-fields label>small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.35;display:block}.focused-upload-fields select{border:1px solid var(--line);color:#fff;background:#242424;border-radius:9px;outline:0;width:100%;padding:10px 11px}.focused-upload-drop{background:#ffffff08;border:2px dashed #ffffff2e;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:112px;padding:16px;display:flex}.focused-upload-drop:focus-within,.focused-upload-drop:hover{background:#1ed7600f;border-color:#1ed760bf}.focused-upload-icon{color:#000;background:#fff;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:grid}.focused-upload-drop-copy{min-width:0}.focused-upload-drop-copy h2{letter-spacing:-.035em;margin:0 0 4px;font-size:22px}.focused-upload-drop-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.focused-upload-drop-copy small{color:#caffda;margin-top:5px;display:block}.focused-upload-button{color:#000;white-space:nowrap;background:#1ed760;border:0;border-radius:999px;min-height:42px;padding:10px 18px;font-weight:900}.focused-upload-button.secondary{color:#000;background:#fff}.focused-upload-button.start{width:100%;margin-top:12px}.focused-upload-button:disabled{cursor:not-allowed;opacity:.55}.focused-api-status{color:#aaa;grid-template-columns:8px auto minmax(0,1fr);align-items:center;gap:7px;margin:9px 2px 0;font-size:12px;display:grid}.focused-api-status>span{background:#777;border-radius:50%;width:8px;height:8px}.focused-api-status.online>span{background:#1ed760}.focused-api-status.offline>span,.focused-api-status.local-only>span{background:#f3a43b}.focused-api-status strong{color:#fff;font-size:12px}.focused-api-status small{color:#888;overflow-wrap:anywhere;min-width:0}.import-progress-panel{background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;gap:10px;margin-top:12px;padding:14px;display:grid}.import-progress-panel>header,.import-progress-panel>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-progress-panel header span,.import-progress-panel header strong{display:block}.import-progress-panel header span{color:#999;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.import-progress-panel header strong{margin-top:2px;font-size:16px}.import-progress-panel header b{color:#caffda;font-size:12px}.import-progress-track{background:#ffffff1f;border-radius:999px;height:7px;overflow:hidden}.import-progress-track span{border-radius:inherit;background:#1ed760;height:100%;transition:width .25s;display:block}.import-progress-step{color:#ddd;margin:0;font-size:13px}.import-progress-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.import-progress-counts span{color:#aaa;background:#ffffff0b;border-radius:6px;padding:8px;font-size:11px}.import-progress-counts strong{color:#fff;font-size:17px;display:block}.import-current-file{color:#ddd;overflow-wrap:anywhere;background:#ffffff0a;min-width:0;margin:0;padding:8px 10px;font-size:12px}.import-current-file span{color:#8f8f8f;margin-right:8px;font-weight:800}.import-progress-panel>footer{color:#888;flex-wrap:wrap;justify-content:flex-start;font-size:11px}.import-progress-panel>footer span+span:before{content:"/";margin-right:8px}.import-terminal-message{border-radius:6px;margin:0;padding:9px 10px;font-size:12px}.import-terminal-message.success{color:#caffda;background:#1ed7601a}.import-terminal-message.failed{color:#fecaca;background:#ef44441f}.import-completed-result{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-completed-result a{color:#111;background:#fff;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:850;text-decoration:none}.import-progress-panel.failed .import-progress-track span{background:#ef4444}.focused-new-uploads{max-width:620px;margin-top:18px}.focused-new-uploads h2{letter-spacing:-.035em;margin:0 0 3px;font-size:22px}.focused-new-uploads>p{color:var(--muted);margin:0 0 9px;font-size:13px}.focused-upload-list{gap:8px;display:grid}.focused-upload-row{background:#ffffff0b;border:1px solid #ffffff0b;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.focused-batch-icon{color:#000;background:#1ed760;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.focused-batch-icon.video{background:#b58cff}.focused-upload-row strong,.focused-upload-row div>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.focused-upload-row strong{font-size:14px}.focused-upload-row div>span{color:var(--muted);margin-top:2px;font-size:12px}.focused-upload-badge{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.focused-upload-badge.processing{color:#ffe0a3;background:#ffbc4b29}.focused-upload-badge.ready,.focused-upload-badge.playable{color:#caffda;background:#1ed7602e}.focused-upload-badge.partiallyplayable{color:#ffe0a3;background:#ffbc4b29}.focused-upload-badge.interrupted,.focused-upload-badge.failed{color:#ffc2c2;background:#ff525229}.import-recovery{background:#ffbc4b12;border:1px solid #ffbc4b4d;border-radius:10px;gap:10px;margin-top:14px;padding:14px;display:grid}.import-recovery>p{color:var(--muted);margin:0}.import-recovery-actions{flex-wrap:wrap;gap:8px;display:flex}.import-recovery-actions button{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;padding:9px 13px}.import-recovery-actions button:first-child{color:#111;background:#fff}.import-recovery details{color:var(--muted);font-size:12px}.import-recovery summary{cursor:pointer;color:#fff}.import-recovery dl{gap:6px;margin-bottom:0;display:grid}.import-recovery dl div{grid-template-columns:70px minmax(0,1fr);gap:8px;display:grid}.import-recovery dt{font-weight:800}.import-recovery dd{overflow-wrap:anywhere;margin:0}.focused-folder-picker{flex-direction:column;flex:0 0 220px;gap:7px;display:flex}.focused-folder-field{width:100%}.focused-folder-field>span{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:800;display:block}.focused-folder-field input,.focused-folder-field select{border:1px solid var(--line);color:#fff;background:#242424;border-radius:8px;outline:0;width:100%;padding:10px 11px}.focused-folder-refresh{color:#b3b3b3;background:0 0;border:0;align-self:flex-start;padding:0;font-size:11px;font-weight:800}.focused-folder-refresh:hover{color:#fff;text-decoration:underline}.focused-folder-refresh:disabled{cursor:not-allowed;opacity:.55}.focused-folder-help,.focused-upload-validation{color:#f3c46f;margin:9px 2px 0;font-size:12px}.focused-upload-drop code{color:#ddd;overflow-wrap:anywhere;font-size:11px}.focused-upload-empty{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:8px;padding:16px}.focused-preview-player{width:min(320px,100%);height:34px;margin-top:7px;display:block}.focused-upload-row.api-batch{align-items:start}.focused-batch-files{color:var(--muted);margin-top:7px;font-size:11px}.focused-batch-files summary{cursor:pointer;color:#fff;font-weight:800}.focused-batch-files ul{gap:5px;margin:7px 0 0;padding:0;list-style:none;display:grid}.focused-batch-files li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.focused-batch-files li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focused-batch-files small{color:var(--muted)}.focused-batch-files a{color:#7fe5a3;font-weight:800}.focused-upload-row.compact-batch{align-items:center}.focused-batch-summary{min-width:0}.focused-batch-actions{align-items:center;gap:8px;display:flex}.focused-batch-open{color:#fff;background:0 0;border:1px solid #4b4b4b;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850;text-decoration:none}.focused-batch-open:hover{background:#ffffff14;border-color:#fff}.upload-batch-page{width:min(1040px,100%);padding:18px 28px calc(var(--player-height) + 40px)}.batch-back-link{color:#b3b3b3;margin-bottom:18px;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.batch-back-link:hover{color:#fff;text-decoration:underline}.batch-edit-info{color:#fff;background:0 0;border:1px solid #4b4b4b;border-radius:999px;margin-top:9px;padding:7px 11px;font-size:12px;font-weight:800}.batch-edit-info:hover{border-color:#fff}.batch-metadata-editor{border:1px solid var(--line);background:#ffffff09;border-radius:8px;grid-template-columns:minmax(150px,.8fr) minmax(130px,.55fr) minmax(220px,1.2fr) auto;align-items:end;gap:10px;margin:16px 0;padding:14px;display:grid}.batch-metadata-editor label>span{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:800;display:block}.batch-metadata-editor select,.batch-metadata-editor input{color:#fff;background:#242424;border:1px solid #4b4b4b;border-radius:6px;width:100%;min-height:38px;padding:8px 10px}.batch-metadata-editor button{color:#000;background:#1ed760;border:0;border-radius:999px;min-height:38px;padding:8px 14px;font-weight:900}.batch-metadata-state{color:#b3b3b3;margin:8px 0 14px;font-size:12px}.upload-batch-header{padding-right:90px;position:relative}.upload-batch-header h1{overflow-wrap:anywhere;letter-spacing:-.045em;margin:3px 0 5px;font-size:clamp(28px,5vw,48px)}.upload-batch-header p{color:var(--muted);margin:0}.upload-batch-header>.focused-upload-badge{position:absolute;top:20px;right:0}.upload-batch-stats{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.upload-batch-stats div{border:1px solid var(--line);background:#ffffff09;border-radius:8px;min-width:116px;padding:12px 14px}.upload-batch-stats strong,.upload-batch-stats span{display:block}.upload-batch-stats strong{font-size:20px}.upload-batch-stats span{color:var(--muted);margin-top:2px;font-size:11px}.batch-duplicate-summary{color:#b3b3b3;max-width:680px;margin:-10px 0 18px;font-size:12px;line-height:1.45}.upload-batch-tools{z-index:2;background:var(--bg);padding:10px 0;position:sticky;top:58px}.batch-file-search{border:1px solid var(--line);background:#242424;border-radius:999px;align-items:center;gap:9px;width:min(440px,100%);min-height:42px;padding:0 14px;display:flex}.batch-file-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.batch-file-filters{scrollbar-width:none;gap:7px;margin-top:10px;display:flex;overflow-x:auto}.batch-file-filters::-webkit-scrollbar{display:none}.batch-file-filters button{color:#fff;background:#2a2a2a;border:0;border-radius:999px;flex:none;min-height:34px;padding:7px 12px;font-size:12px;font-weight:800}.batch-file-filters button.active{color:#000;background:#fff}.batch-duplicate-helper{color:#a7a7a7;margin:8px 2px 0;font-size:11px;line-height:1.4}.batch-file-results>p{color:var(--muted);margin:8px 0;font-size:12px}.batch-file-row{border-top:1px solid #ffffff14;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;min-height:68px;padding:9px 10px;display:grid}.batch-file-row:hover{background:#ffffff0a}.batch-file-row.playing{background:#1ed76014;box-shadow:inset 3px 0 #1ed760}.batch-file-row.playing .batch-file-copy strong{color:#7fe5a3}.batch-file-type{color:#06120a;background:#55d982;border-radius:5px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:950;display:grid}.batch-file-type.video{color:#150c21;background:#b58cff}.batch-file-play{color:#06120a;cursor:pointer;background:#55d982;border:0;border-radius:5px;place-items:center;width:38px;height:38px;padding:0;font-size:0;display:grid;position:relative;overflow:hidden}.batch-file-play.video{color:#150c21;background:#b58cff}.batch-file-play:before{content:"AU";font-size:10px;font-weight:950}.batch-file-play.video:before{content:"MP4"}.batch-file-play-state{color:#fff;opacity:0;background:#000000ad;place-items:center;font-size:13px;font-weight:950;transition:opacity .15s;display:grid;position:absolute;inset:0}.batch-file-play-state.play:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #fff;width:0;height:0;margin-left:2px}.batch-file-row:hover .batch-file-play-state,.batch-file-row.playing .batch-file-play-state,.batch-file-play:focus-visible .batch-file-play-state{opacity:1}.batch-file-play:focus-visible{outline-offset:2px;outline:2px solid #fff}.batch-file-copy{min-width:0}.batch-file-copy strong,.batch-file-copy span,.batch-file-copy small{display:block}.batch-file-copy strong,.batch-file-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-file-copy strong{font-size:14px}.batch-file-copy span{color:#b3b3b3;margin-top:2px;font-size:12px}.batch-file-copy small{color:#888;margin-top:3px;font-size:11px}.batch-file-copy .batch-duplicate-source{color:#c5a5ff;white-space:normal;overflow-wrap:anywhere}.batch-duplicate-proof{color:#888;width:fit-content;margin-top:4px;font-size:11px}.batch-duplicate-proof summary{cursor:pointer;color:#999}.batch-duplicate-proof small{color:#888;white-space:normal;overflow-wrap:anywhere;margin-top:4px}.add-to-playlist{position:relative}.add-to-playlist-trigger{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.add-to-playlist-trigger:hover,.add-to-playlist-trigger[aria-expanded=true]{color:#fff;background:#ffffff14}.add-to-playlist-menu{z-index:30;border:1px solid var(--line);background:#282828;border-radius:5px;width:min(270px,75vw);padding:7px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 18px 42px #0000008c}.add-to-playlist-menu strong{color:#b3b3b3;text-transform:uppercase;padding:7px 9px;font-size:11px}.add-to-playlist-menu button{color:#fff;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 9px;display:flex}.add-to-playlist-menu button:hover,.add-to-playlist-menu button:focus-visible{background:#ffffff1a;outline:0}.add-to-playlist-menu button:disabled{opacity:.7;cursor:default}.add-to-playlist-menu button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-to-playlist-menu button small{color:var(--accent);flex:none;padding:0;font-size:11px}.add-to-playlist-menu .create-playlist-menu-action{color:var(--accent);border-top:1px solid #ffffff14;margin-top:4px}.add-to-playlist-menu>small,.add-to-playlist-message{color:var(--accent);padding:7px 9px;font-size:12px}.add-to-playlist-message{z-index:31;background:#181818;border-radius:999px;min-width:max-content;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0006}.like-button{color:#b3b3b3;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-size:22px;line-height:1;display:inline-grid}.like-button:hover,.like-button:focus-visible,.like-button.liked{color:#1ed760;background:#1ed7601f}.track-title-line .add-to-playlist>summary{border-radius:999px;width:34px;height:34px;font-size:20px;font-weight:850}.track-title-line .add-to-playlist>summary:hover,.track-title-line .add-to-playlist[open]>summary{background:#ffffff17}.app-toast{z-index:200;left:50%;bottom:calc(var(--player-height) + 22px);color:#eaffef;background:#121212f5;border:1px solid #1ed76040;border-radius:999px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:14px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 16px 44px #00000080}.archive-year-hero .year-collection-cover{aspect-ratio:1;align-self:end;width:232px;box-shadow:0 24px 70px #00000075}.archive-year-hero .year-collection-cover strong{font-size:clamp(42px,5vw,72px)}.round-play:disabled{opacity:.45;cursor:not-allowed}.batch-file-actions{align-items:center;gap:4px;margin-top:5px;display:flex}.batch-file-actions .add-to-playlist-menu{inset:calc(100% + 5px) auto auto 0}.primary-button{color:#071108;background:#1ed760;border:0;border-radius:999px;min-height:44px;padding:10px 18px;font-weight:900}.playlist-card-section{gap:12px;margin-top:24px;display:grid}.playlist-card-section h3{margin:0;font-size:18px}.playlist-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.playlist-card{background:#181818eb;border-radius:8px;gap:10px;min-width:0;padding:14px;transition:background .16s,transform .16s;display:grid}.playlist-card:hover{background:#242424;transform:translateY(-2px)}.playlist-cover,.playlist-mini-cover{color:#111;background:linear-gradient(135deg,#1ed760,#d7ff3f);place-items:center;font-weight:950;display:grid}.playlist-cover{aspect-ratio:1;border-radius:6px;width:100%;font-size:42px}.playlist-card.liked .playlist-cover,.playlist-mini-cover.liked{color:#fff;background:linear-gradient(135deg,#4f46e5,#1ed760)}.playlist-card strong,.playlist-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card small{color:var(--muted);font-size:12px}.playlist-actions,.playlist-edit-form{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.playlist-actions button,.playlist-edit-form button{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:850}.playlist-edit-form input[type=text],.playlist-edit-form>input{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;min-width:min(420px,100%);min-height:46px;padding:0 14px}.playlist-edit-form label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.modal-backdrop{z-index:120;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--line);background:#181818;border-radius:8px;width:min(420px,100%);padding:22px;box-shadow:0 24px 80px #0000008c}.confirm-dialog h2{margin:0 0 8px;font-size:22px}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.45}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dialog-actions button{border:1px solid var(--line);color:#fff;background:#ffffff14;border-radius:999px;min-height:42px;padding:9px 16px;font-weight:850}.dialog-actions .danger-button{color:#fff;background:#d93d3d;border-color:#ff5a5a59}.dialog-actions .danger-button:focus-visible,.dialog-actions button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.batch-file-copy .archive-edit-trigger{color:#bbb;background:0 0;border:1px solid #444;border-radius:999px;width:auto;min-height:28px;margin-top:5px;padding:3px 8px;font-size:15px}.batch-show-more{color:#fff;background:#202020;border:1px solid #5a5a5a;border-radius:999px;min-width:160px;min-height:40px;margin:16px auto 0;padding:9px 18px;font-size:13px;font-weight:850;display:block}.batch-show-more:hover{background:#2b2b2b;border-color:#fff}.archive-empty{border:1px solid var(--line);color:var(--muted);text-align:center;background:#ffffff06;border-radius:8px;padding:24px}.archive-band-groups{align-items:flex-start;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.archive-band-groups button,.archive-type-filters button{color:#fff;white-space:nowrap;cursor:pointer;background:#2a2a2a;border:0;border-radius:999px;min-height:34px;padding:7px 12px}.archive-band-groups button.active,.archive-type-filters button.active{color:#000;background:#fff}.archive-band-group{flex:none;gap:5px;display:grid}.archive-band-group>button{align-items:center;gap:8px;display:flex}.archive-band-group>button span{color:inherit;opacity:.68;font-size:11px}.archive-band-group>div{gap:5px;display:flex}.archive-band-group>div button{min-height:28px;padding:4px 9px;font-size:11px}.archive-type-filters{gap:8px;margin-bottom:12px;display:flex}.archive-search-results .section-title span,.archive-library .section-title span{color:var(--muted);font-size:12px}.archive-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.archive-collection-card{color:#fff;text-align:left;cursor:pointer;background:#181818;border:0;border-radius:8px;gap:6px;padding:14px;text-decoration:none;transition:background .15s,transform .15s;display:grid}.archive-collection-card:hover{background:#242424;transform:translateY(-2px)}.archive-collection-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.archive-collection-card small{color:var(--muted)}.archive-collection-card em{color:#f2c94c;font-size:11px;font-style:normal;font-weight:800}.archive-collection-art{aspect-ratio:1;color:#07120a;background:linear-gradient(145deg,#78e39b,#1f8c49);border-radius:5px;place-items:center;margin-bottom:4px;font-size:clamp(24px,4vw,52px);font-weight:950;display:grid;box-shadow:0 12px 24px #00000052}.archive-collection-card.year .archive-collection-art{color:#fff;background:linear-gradient(145deg,#353535,#151515)}.archive-collection-card.unknown .archive-collection-art{background:linear-gradient(145deg,#6a5420,#211b0c)}.year-collection-cover{isolation:isolate;aspect-ratio:1;color:#fff;text-align:left;background:#252525;border-radius:5px;align-content:end;width:100%;padding:9%;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000052}.year-collection-cover:before,.year-collection-cover:after{z-index:-1;content:"";pointer-events:none;position:absolute}.year-collection-cover:before{aspect-ratio:1;opacity:.2;border:clamp(5px,1.2vw,14px) solid;width:72%;top:-19%;right:-18%;transform:rotate(23deg)}.year-collection-cover:after{background:repeating-linear-gradient(115deg,#0000 0 8px,#ffffff0b 8px 9px),linear-gradient(#0000 35%,#000000c7);inset:0}.year-cover-texture{z-index:-1;opacity:.55;background:radial-gradient(circle at 22% 24%,#ffffff59 0 2px,#0000 3px) 0 0/31px 29px,radial-gradient(circle at 72% 38%,#fff3 0 1px,#0000 2px) 0 0/19px 23px;position:absolute;inset:0}.year-cover-label{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:auto;font-size:clamp(8px,.8vw,11px);font-weight:850}.year-collection-cover strong{z-index:1;letter-spacing:-.06em;text-shadow:0 3px 16px #0000008c;font-size:clamp(27px,4vw,58px);line-height:.85;display:block;position:relative}.year-cover-band{z-index:1;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:clamp(10px,1vw,14px);font-weight:850;line-height:1.1;display:block;position:relative;overflow:hidden}.year-cover-gratis-ol{color:#ffd34f;background:radial-gradient(circle at 74% 18%,#ffda5b61,#0000 30%),linear-gradient(145deg,#e68b18 0%,#7b3509 48%,#100b08 100%)}.year-cover-gratis-ol .year-cover-texture{background:repeating-radial-gradient(circle at 12% 72%,#ffdc5a38 0 2px,#0000 3px 12px),linear-gradient(90deg,#0000 0 65%,#0000003d 65%)}.year-cover-bipolar-polar-bears{color:#e9fbff;background:linear-gradient(162deg,#ffffffd1 0 11%,#0000 12%),linear-gradient(135deg,#87dff2 0%,#286488 43%,#07131d 100%)}.year-cover-bipolar-polar-bears:before{border-radius:50%;transform:none}.year-cover-bipolar-polar-bears .year-cover-texture{background:repeating-linear-gradient(160deg,#ffffff26 0 2px,#0000 2px 17px),radial-gradient(at 50% 105%,#e3fcff61,#0000 58%)}.year-cover-helvetes-sild{color:#78e0b2;background:radial-gradient(at 82% 45%,#911c19cc,#0000 34%),linear-gradient(145deg,#183f38 0%,#08221e 43%,#180606 100%)}.year-cover-helvetes-sild:before{border-radius:50%;width:82%;top:4%;right:-38%;transform:rotate(-16deg)scaleX(1.7)}.year-cover-helvetes-sild .year-cover-texture{background:repeating-radial-gradient(at 10% 30%,#6be0b126 0 2px,#0000 3px 15px),linear-gradient(18deg,#0000 54%,#ac191947 55%)}.year-cover-muse-pest{color:#ff6d62;background:linear-gradient(18deg,#0000 0 37%,#be1d168a 38% 52%,#0000 53%),linear-gradient(145deg,#5d1513,#211d1d 48%,#080808)}.year-cover-muse-pest:before{border-radius:4px;width:94%;top:-30%;right:-37%;transform:rotate(47deg)}.year-cover-muse-pest .year-cover-texture{background:repeating-linear-gradient(5deg,#ffffff1a 0 1px,#0000 1px 7px),repeating-linear-gradient(94deg,#0000 0 13px,#00000052 14px 16px)}.year-cover-not-sure{color:#d6d6d6;background:linear-gradient(35deg,#ffffff14 25%,#0000 26% 74%,#ffffff0f 75%) 0 0/34px 34px,linear-gradient(145deg,#4a4a4a,#242424 52%,#0c0c0c)}.year-cover-not-sure:before{border-style:dashed;transform:rotate(8deg)}.year-collection-cover.needs-sorting strong{letter-spacing:-.04em;max-width:90%;font-size:clamp(21px,3vw,42px);line-height:.92}.track-cover.year-collection-cover,.player-cover.year-collection-cover{box-shadow:none;border-radius:4px;flex-shrink:0;padding:5px}.track-cover.year-collection-cover:before,.player-cover.year-collection-cover:before,.track-cover .year-cover-label,.track-cover .year-cover-band,.player-cover .year-cover-label,.player-cover .year-cover-band{display:none}.track-cover.year-collection-cover strong,.player-cover.year-collection-cover strong{letter-spacing:-.03em;margin:auto 0 0;font-size:12px;line-height:1}.track-cover.year-collection-cover.needs-sorting strong,.player-cover.year-collection-cover.needs-sorting strong{font-size:8px}.archive-back{color:#fff;background:0 0;border:1px solid #4b4b4b;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:12px;font-weight:800}.archive-edit-trigger{font-size:17px}.archive-editor-backdrop{z-index:120;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.archive-track-editor{border:1px solid var(--line);background:#181818;border-radius:10px;gap:12px;width:min(420px,100%);padding:18px;display:grid;box-shadow:0 24px 70px #000000a6}.archive-track-editor header{justify-content:space-between;align-items:start;gap:12px;display:flex}.archive-track-editor header strong,.archive-track-editor header span{display:block}.archive-track-editor header span{color:var(--muted);margin-top:3px;font-size:12px}.archive-track-editor header button{color:#fff;background:0 0;border:0;font-size:24px}.archive-track-editor label>span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:800;display:block}.archive-track-editor select{color:#fff;background:#242424;border:1px solid #4b4b4b;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.archive-track-editor p{color:#ff9b9b;margin:0;font-size:12px}.archive-action-notice{color:#bff5d2;background:#1ed7601a;border:1px solid #1ed76059;border-radius:6px;margin-bottom:10px;padding:9px 12px;font-size:13px;font-weight:750}.admin-local-only-note{color:var(--muted);margin:8px 12px;font-size:12px;line-height:1.4}.year-detection-preview,.archive-year-detection,.year-repair-row{border:1px solid var(--line);background:#ffffff06;border-radius:6px;gap:4px;padding:10px 12px;display:grid}.year-detection-preview span,.archive-year-detection span,.year-repair-row span{color:#ddd;font-size:13px}.year-detection-preview small,.archive-year-detection small,.year-repair-row small{color:var(--muted);font-size:11px}.year-repair-row{margin-top:8px}.year-repair-row.safe{border-color:#1ed76059}.year-repair-row.risky{border-color:#ffb02073}.year-repair-title{align-items:center;gap:8px;display:flex}.year-repair-title input{width:18px;height:18px}.year-repair-summary{color:#ddd;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;display:flex}.year-repair-apply{gap:10px;margin-top:14px;display:grid}.year-repair-apply label{gap:5px;display:grid}.year-repair-apply input{min-height:40px;padding:8px 10px}.archive-editor-save{color:#000;background:#1ed760;border:0;border-radius:999px;min-height:40px;font-weight:900}.archive-source-action{color:#d8d8d8;text-align:left;background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;width:100%;min-height:38px;padding:0 12px;font-weight:800}.archive-source-action:hover{color:#fff;border-color:#ffffff47}.archive-editor-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.archive-hide-action{color:#ffb4b4;background:#a028281f;border:1px solid #754545;border-radius:4px;min-height:38px;padding:0 12px;font-weight:800}.track-row.unavailable{opacity:.58}.track-row.unavailable .row-play{cursor:not-allowed}.track-row.unavailable .track-play-icon{display:none}.stems-badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border:1px solid #fff3;border-radius:4px;align-items:center;width:max-content;padding:2px 6px;font-weight:800;line-height:1.2;color:#d8d8d8!important;margin-left:6px!important;font-size:9px!important;display:inline-flex!important}.stems-open-button{cursor:pointer;background:0 0;border:1px solid #fff3}.stems-open-button:hover{border-color:#ffffff73;color:#fff!important}.player-stems-badge{margin-left:8px!important}.track-title-line{align-items:center;gap:7px;min-width:0;display:flex}.track-title-line>strong,.track-title-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-title-button{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.track-title-button:hover{color:#fff;text-decoration:underline}.track-row.playing .track-title-button{color:var(--accent)}.listener-loose-file-badge{color:#cfcfcf;background:0 0;border:1px solid #fff3;border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.2}.listener-loose-file-badge:hover,.listener-loose-file-badge[aria-expanded=true]{color:#fff;border-color:#ffffff73}.listener-loose-file-note{background:#161616f5;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;margin:0 10px 12px 54px;padding:13px 15px;display:flex}.listener-loose-file-note>div{min-width:0}.listener-loose-file-note strong{color:#fff;font-size:13px}.listener-loose-file-note p,.listener-loose-file-note small{overflow-wrap:anywhere;color:#bbb;font-size:13px;line-height:1.45;display:block}.listener-loose-file-note p{margin:5px 0}.listener-loose-file-note small{color:#8f8f8f;font-size:11px}.listener-loose-file-note button{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:50%;flex:0 0 30px;width:30px;height:30px}.track-mixer-link,.player-mixer-link{color:#d8d8d8;white-space:nowrap;font-size:12px;font-weight:800;text-decoration:none}.track-mixer-link:hover,.player-mixer-link:hover{color:#fff;text-decoration:underline}.source-diagnostic-backdrop{z-index:80;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.source-diagnostic-modal{background:#151515;border:1px solid #ffffff1f;border-radius:22px;width:min(720px,100%);max-height:min(780px,100vh - 40px);padding:22px;overflow:auto;box-shadow:0 24px 80px #00000080}.source-diagnostic-modal header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.source-diagnostic-modal h2{margin:3px 0 0;font-size:clamp(22px,4vw,32px)}.source-diagnostic-modal header button{color:#fff;background:#ffffff14;border:0;border-radius:999px;width:36px;height:36px}.source-diagnostic-muted,.source-diagnostic-error{color:#bdbdbd;margin:0}.source-diagnostic-error{color:#ffb4b4}.source-diagnostic-summary{background:#1ed76014;border:1px solid #1ed7602e;border-radius:16px;margin-bottom:18px;padding:14px 16px}.source-diagnostic-summary strong{color:#fff}.source-diagnostic-summary p{color:#d4d4d4;margin:6px 0 0;line-height:1.45}.source-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.source-diagnostic-grid div,.source-siblings{background:#ffffff0e;border-radius:14px;min-width:0;padding:12px}.source-diagnostic-grid .wide{grid-column:1/-1}.source-diagnostic-grid dt{color:#9b9b9b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px}.source-diagnostic-grid dd{color:#fff;overflow-wrap:anywhere;margin:0}.source-siblings{margin-bottom:18px}.source-siblings strong{color:#fff;margin-bottom:8px;display:block}.source-siblings ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.source-siblings li{color:#ddd;background:#ffffff14;border-radius:999px;padding:5px 9px;font-size:12px}.source-folder-grouping,.folder-group-preview{background:#ffffff0e;border-radius:14px;gap:10px;margin-bottom:18px;padding:12px;display:grid}.source-folder-grouping p,.folder-group-preview p{color:#d4d4d4;margin:0;font-size:13px;line-height:1.45}.source-folder-grouping>button,.folder-group-preview>button{color:#071108;background:#1ed760;border:0;border-radius:999px;justify-self:start;padding:8px 12px;font-weight:900}.source-folder-grouping button:disabled,.folder-group-preview button:disabled{opacity:.45;cursor:not-allowed}.source-folder-grouping [role=alert]{color:#ffb4b4;margin:0;font-size:13px}.folder-group-title{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.folder-group-title span,.folder-group-preview small{color:#9f9f9f;font-size:12px}.folder-group-preview small.warning{color:#ffd28a}.folder-group-preview ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.folder-group-preview li{background:#00000029;border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.folder-group-preview label{gap:5px;display:grid}.folder-group-preview label span{color:#bbb;font-size:12px}.folder-group-preview input{color:#fff;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;min-height:38px;padding:8px 10px}.source-copy-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.source-copy-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px}.source-copy-actions span{color:#1ed760;font-size:13px}.groupable-folders-trigger{color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px;font-weight:900}.groupable-folders-panel{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;gap:14px;margin:0 0 18px;padding:14px;display:grid}.groupable-folders-panel>header{justify-content:space-between;align-items:start;gap:12px;display:flex}.groupable-folders-panel>header strong,.groupable-folders-panel>header span{display:block}.groupable-folders-panel>header span,.groupable-folders-panel p{color:#bdbdbd;font-size:13px}.groupable-folders-panel>header button{color:#fff;background:0 0;border:0;font-weight:900}.groupable-folder-list{gap:8px;display:grid}.groupable-folder-list h3{margin:0;font-size:14px}.groupable-folder-card{background:#0000002e;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.groupable-folder-card.review{opacity:.76}.groupable-folder-card input{margin-top:3px}.groupable-folder-card strong,.groupable-folder-card small{display:block}.groupable-folder-card small{color:#a9a9a9;overflow-wrap:anywhere;font-size:12px}.groupable-folder-card small.warning{color:#ffd28a}.groupable-folder-apply{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.groupable-folder-apply label{flex:280px;gap:5px;display:grid}.groupable-folder-apply label span{color:#bdbdbd;font-size:12px}.groupable-folder-apply input{color:#fff;background:#0000003d;border:1px solid #ffffff29;border-radius:8px;min-height:38px;padding:8px 10px}.groupable-folder-apply button{color:#071108;background:#1ed760;border:0;border-radius:999px;padding:10px 14px;font-weight:900}.groupable-folder-apply button:disabled{opacity:.45;cursor:not-allowed}.batch-view-toggle{gap:8px;margin:18px 0;display:flex}.batch-view-toggle button{border:1px solid var(--line);color:var(--muted);background:#ffffff0a;border-radius:999px;padding:9px 14px}.batch-view-toggle button.active{color:#111;background:#fff}.batch-grouped-results>p{color:var(--muted);font-size:13px}.take-mixer-page{padding:28px clamp(18px,4vw,56px) 80px}.take-mixer-header{margin:22px 0 28px}.take-mixer-header h1{margin:7px 0;font-size:clamp(30px,5vw,54px)}.take-mixer-header p,.take-mixer-header small{color:var(--muted)}.mixer-transport{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;grid-template-columns:auto 48px minmax(160px,1fr) 48px;align-items:center;gap:12px;padding:18px;display:grid}.mixer-transport input,.mixer-volume{width:100%;accent-color:var(--accent)}.mixer-master-info{color:var(--muted);background:#ffffff0a;border-radius:8px;justify-content:space-between;gap:16px;margin:18px 0 8px;padding:12px 16px;display:flex}.mixer-master-info strong{color:#fff}.mixer-stem-list{gap:8px;min-width:0;max-width:100%;margin-top:18px;display:grid}.mixer-stem-row{box-sizing:border-box;border:1px solid var(--line);background:#ffffff09;border-radius:9px;grid-template-columns:minmax(0,1fr) auto minmax(100px,1.3fr) auto auto;align-items:center;gap:14px;width:100%;min-width:0;max-width:100%;padding:14px 16px;display:grid}.mixer-stem-row.solo{border-color:#1ed7608c}.mixer-stem-row.muted{opacity:.62}.mixer-stem-name{gap:4px;min-width:0;display:grid}.mixer-stem-name input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.mixer-stem-name span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mixer-stem-row button{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:999px;padding:8px 12px}.mixer-stem-row button.active{color:#111;background:#fff}.mixer-stem-row .like-button{border:1px solid var(--line);background:#ffffff0a;width:36px;height:36px}.take-mixer-header .primary-button{color:#111;background:#fff;border:0;border-radius:999px;margin-top:20px;padding:11px 18px;font-weight:850}.take-stem-info-list{gap:8px;margin-top:18px;display:grid}.take-stem-info-row{border:1px solid var(--line);background:#ffffff09;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.take-stem-info-row>div{gap:4px;min-width:0;display:grid}.take-stem-info-row span{color:var(--muted);font-size:12px}.shared-stem-audio{display:none}.stem-mixer-panel{border:1px solid var(--line);background:#0e0e0efa;padding:18px 20px}.stem-mixer-panel>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.stem-mixer-panel h2{margin:3px 0 0;font-size:24px}.stem-mixer-panel header p{color:var(--muted);margin:3px 0 0;font-size:12px}.stem-mixer-panel .mixer-stem-list{margin-top:12px}.inline-stem-panel{border-radius:8px;margin:0 10px 12px 54px;box-shadow:inset 3px 0 #1ed760a6}.bottom-stem-panel{z-index:79;right:18px;bottom:calc(var(--player-height) + 14px);width:min(680px, calc(100vw - var(--sidebar) - 36px));opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;max-height:min(62vh,620px);transition:transform .18s,opacity .18s,visibility .18s;position:fixed;overflow:auto;transform:translateY(16px);box-shadow:0 -24px 60px #0000006b}.bottom-stem-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.stem-panel-actions{align-items:center;gap:8px;display:flex}.stem-panel-actions button{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:999px;min-height:36px;padding:7px 13px;font-weight:800}.stem-panel-actions button:disabled{opacity:.45;cursor:not-allowed}.stem-panel-message{color:var(--muted);margin:10px 0 0;font-size:13px}.stem-panel-message.error{color:var(--danger)}.player-extra .player-mixer-link{border-radius:999px;width:auto;padding:0 10px;font-size:12px}.player-extra .player-source-link{color:#1ed760;border:1px solid #1ed76047;width:36px;height:36px;font-size:15px;font-weight:900}.player-extra .player-source-link:hover{background:#1ed7601a}.mobile-player-sheet-backdrop{display:none}@media (width<=767px){.listener-loose-file-note{margin-left:0;margin-right:0}.mixer-stem-row{grid-template-columns:1fr auto auto auto}.mixer-volume{grid-area:2/1/auto/-1}.mixer-transport{grid-template-columns:auto 42px minmax(80px,1fr) 42px;padding:12px}.bottom-stem-panel{width:auto;left:8px;right:8px;bottom:calc(var(--mobile-tabs) + var(--player-height) + 16px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:10px;max-height:58dvh;padding:14px}.stem-mixer-panel>header{align-items:flex-start}}.mobile-spotify-home{display:none}@media (width<=1440px){:root{--sidebar:288px}.home-content-grid{grid-template-columns:minmax(0,1fr) 310px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-player.player{grid-template-columns:minmax(230px,.9fr) minmax(360px,1.4fr) minmax(220px,.8fr)}}@media (width>=768px) and (width<=1179px){:root{--sidebar:76px}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);padding-bottom:var(--player-height);display:grid}.desktop-sidebar{display:none}.compact-rail{z-index:72;width:var(--sidebar);height:100dvh;padding:14px 8px calc(var(--player-height) + 14px);border-right:1px solid var(--line);background:#000000f0;flex-direction:column;align-items:center;gap:14px;display:flex;position:sticky;top:0}.compact-rail-brand{color:#111;letter-spacing:-.08em;background:#9bf442;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:950;display:grid}.compact-rail-nav{gap:8px;width:100%;display:grid}.compact-rail-nav a,.compact-rail-nav button{color:#aaa;width:100%;min-height:56px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;gap:3px;padding:6px 2px;display:grid}.compact-rail-nav a:hover,.compact-rail-nav button:hover,.compact-rail-nav .active{color:#fff;background:#ffffff1a}.compact-rail-nav span{font-size:17px;font-weight:950}.compact-rail-nav small{font-size:9px;font-weight:800}.library-drawer-backdrop{z-index:70;inset:0 0 var(--player-height) var(--sidebar);visibility:hidden;opacity:0;pointer-events:none;background:#00000094;transition:opacity .18s,visibility .18s;display:block;position:fixed}.library-drawer-backdrop.open{visibility:visible;opacity:1;pointer-events:auto}.library-drawer{width:min(390px, calc(100vw - var(--sidebar) - 24px));border-right:1px solid var(--line);background:#090909;grid-template-rows:auto minmax(0,1fr);height:100%;transition:transform .18s;display:grid;transform:translate(-24px);box-shadow:24px 0 60px #0000007a}.library-drawer-backdrop.open .library-drawer{transform:translate(0)}.library-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:10px 14px;display:flex}.library-drawer-header strong{font-size:18px}.library-drawer-header button{color:#fff;cursor:pointer;background:#242424;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}.library-drawer-panel{height:100%;min-height:0;overflow:auto}.library-drawer-panel .library-head{top:0}.admin-drawer-backdrop{z-index:71;inset:0 0 var(--player-height) var(--sidebar);visibility:hidden;opacity:0;pointer-events:none;background:#00000094;transition:opacity .18s,visibility .18s;display:block;position:fixed}.admin-drawer-backdrop.open{visibility:visible;opacity:1;pointer-events:auto}.admin-drawer{width:min(360px, calc(100vw - var(--sidebar) - 24px));border-right:1px solid var(--line);background:#090909;grid-template-rows:auto minmax(0,1fr);height:100%;transition:transform .18s;display:grid;transform:translate(-24px);box-shadow:24px 0 60px #0000007a}.admin-drawer-backdrop.open .admin-drawer{transform:translate(0)}.admin-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:10px 14px;display:flex}.admin-drawer-header span,.admin-drawer-header strong,.admin-drawer-header small{display:block}.admin-drawer-header small{color:#aaa;margin-top:3px}.admin-drawer-header button{color:#fff;cursor:pointer;background:#242424;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}.admin-drawer-menu{min-height:0;padding:8px;overflow:auto}.admin-drawer-menu a,.admin-drawer-logout{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:12px;display:block}.admin-drawer-menu a:hover,.admin-drawer-logout:hover{background:#ffffff14}.admin-drawer-menu strong,.admin-drawer-menu small{display:block}.admin-drawer-menu small{color:#aaa;margin-top:3px}.admin-drawer-logout{border-top:1px solid var(--line);margin-top:6px}.top-actions .role-switch,.staff-entry{display:none}.top-actions{gap:10px;display:flex}.breadcrumbs{display:none}.desktop-search{flex:auto;width:auto;min-width:0}.mobile-header,.bottom-nav{display:none}.main{width:auto;max-width:none;padding:18px;overflow:visible}.hero,.detail-hero{width:100%;max-width:100%}.home-content-grid{grid-template-columns:1fr}.home-queue{position:static}.cards,.cards.wide{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-split-layout{grid-template-columns:1fr}.archive-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-player.player{min-height:var(--player-height);background:#080808fa;border-radius:0;grid-template-columns:minmax(160px,.8fr) minmax(300px,1.35fr) minmax(140px,.7fr);gap:10px;padding:8px 12px;bottom:0;left:0;right:0}.transport button:not(.main-play){place-items:center;display:inline-grid}.player-actions{display:flex}.queue-panel{bottom:calc(var(--player-height) + 20px)}}@media (width<=767px){:root{--player-height:88px}.app-shell{padding-bottom:calc(var(--player-height) + var(--mobile-tabs))}.desktop-sidebar,.compact-rail,.library-drawer-backdrop,.top-actions{display:none}.mobile-header{padding:max(8px, env(safe-area-inset-top)) 10px 8px;background:#000;border-bottom:1px solid #ffffff0f;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.mobile-header .brand{min-width:0}.mobile-header .brand-mark{background:#d86fa4;flex-basis:38px;width:38px;height:38px;font-size:14px}.mobile-account-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-size:11px;font-weight:750;display:block;overflow:hidden}.mobile-admin-trigger{color:#dfffbd;cursor:pointer;background:#9bf4421a;border:1px solid #9bf44259;border-radius:999px;grid-area:1/3;align-self:center;align-items:center;min-height:36px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.mobile-logout{color:#ddd;white-space:nowrap;cursor:pointer;background:#181818;border:1px solid #ffffff24;border-radius:999px;grid-area:1/4;place-self:center end;min-height:36px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.mobile-logout:focus-visible{outline:2px solid var(--green);outline-offset:2px}.admin-drawer-backdrop{z-index:75;inset:0 0 calc(var(--player-height) + var(--mobile-tabs) + 16px) 0;visibility:hidden;opacity:0;pointer-events:none;background:#0000009e;transition:opacity .18s,visibility .18s;display:block;position:fixed}.admin-drawer-backdrop.open{visibility:visible;opacity:1;pointer-events:auto}.admin-drawer{border-right:1px solid var(--line);background:#090909;grid-template-rows:auto minmax(0,1fr);width:min(340px,100vw - 20px);height:100%;transition:transform .18s;display:grid;transform:translate(-20px);box-shadow:24px 0 60px #0000007a}.admin-drawer-backdrop.open .admin-drawer{transform:translate(0)}.admin-drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:62px;padding:8px 12px;display:flex}.admin-drawer-header span,.admin-drawer-header strong,.admin-drawer-header small{display:block}.admin-drawer-header small{color:#aaa;margin-top:2px;font-size:11px}.admin-drawer-header button{color:#fff;background:#242424;border:0;border-radius:50%;width:40px;height:40px;font-weight:900}.admin-drawer-menu{min-height:0;padding:6px;overflow:auto}.admin-drawer-menu a,.admin-drawer-logout{color:#fff;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:10px;display:block}.admin-drawer-menu strong,.admin-drawer-menu small{display:block}.admin-drawer-menu small{color:#aaa;margin-top:2px;font-size:11px}.admin-drawer-logout{border-top:1px solid var(--line);margin-top:4px}.upload-mobile-title{grid-area:1/2;align-self:center;font-size:18px}.mobile-pills{grid-area:1/2;justify-content:center;gap:4px;width:auto;min-width:0;padding:0;overflow:visible}.mobile-pills a{background:#242424;align-items:center;min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.mobile-pills a.active:first-child{color:#111;background:#fff}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.main,.page-header,.section-block,.cards,.card,.track-list,.focused-upload-page,.upload-batch-page,.stem-mixer-panel{min-width:0;max-width:100%}.main{width:100%;padding:0 12px calc(var(--player-height) + 28px);overflow-x:hidden}.hero,.fast-listen,.home-content-grid{display:none}.mobile-spotify-home{padding-top:12px;display:block}.mobile-recent-grid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 24px;display:grid}.mobile-recent-tile{background:#242424;border-radius:4px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:7px;display:grid;overflow:hidden}.mobile-recent-tile strong{font-size:14px;line-height:1.15}.mobile-tile-cover{color:#fff;border-radius:4px;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid;overflow:hidden}.mobile-tile-cover[class*=gradient]{background:linear-gradient(135deg,#e45c70,#ff7a18)}.mobile-tile-cover.gradient-1{background:linear-gradient(135deg,#1bba80,#d1ff3f)}.mobile-tile-cover.gradient-2{background:linear-gradient(135deg,#0ea5e9,#22d3ee)}.mobile-tile-cover.gradient-3{background:linear-gradient(135deg,#a855f7,#fb7185,#f59e0b)}.mobile-tile-cover.gradient-4{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.mobile-tile-cover.gradient-5{background:linear-gradient(135deg,#4f46e5,#7e22ce)}.mobile-tile-cover.gradient-6{background:linear-gradient(135deg,#f59e0b,#ef4444)}.mobile-tile-cover.gradient-7{background:linear-gradient(135deg,#22c55e,#06b6d4,#6366f1)}.equalizer{color:#1ed760;letter-spacing:1px;font-size:10px}.mobile-home-section h2{font-size:29px;line-height:1}.mobile-feature-card{color:#fff;width:min(176px,54vw);display:block}.mobile-feature-cover{aspect-ratio:1;background:linear-gradient(135deg,#8b1e1e,#ff4949 58%,#ff9f1c);border-radius:4px;place-items:center;width:176px;max-width:100%;font-size:42px;font-weight:900;display:grid}.mobile-feature-card strong,.mobile-feature-card small{display:block}.mobile-feature-card strong{margin-top:10px;font-size:16px}.mobile-feature-card small{color:#aaa;margin-top:4px}.cards,.cards.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-right:0;display:grid;overflow:visible}.card{flex:none;width:auto;min-width:0}.card .cover,.card img{width:100%;max-width:100%}.card strong,.card p{overflow-wrap:anywhere}.page-header,.detail-hero,.admin-spotify-hero{border-radius:0;width:auto;min-height:0;margin:0 -12px;padding:24px 16px}.page-header,.detail-hero{grid-template-columns:1fr}.detail-cover.big-cover{width:min(58vw,220px)}.artist-hero{min-height:360px;margin:0 -12px}.artist-hero-copy{padding:20px 16px}.artist-hero-copy h1{font-size:clamp(48px,15vw,68px)}.artist-about-card{border-radius:8px;min-height:380px}.artist-about-copy{padding:24px 16px}.artist-fact-grid,.artist-members-list ul{grid-template-columns:1fr}.artist-about-copy>p{font-size:15px;line-height:1.65}.track-header{display:none}.track-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;min-height:66px;padding:8px}.track-row>.hide-sm,.track-row>.hide-md,.track-actions{display:none}.track-cover{flex-basis:44px;width:44px;height:44px}.admin-spotify-hero h1{font-size:clamp(42px,13vw,64px)}.admin-status-strip{overflow-x:auto}.admin-status-strip span{flex:none}.admin-split-layout{grid-template-columns:1fr;gap:14px}.admin-card,.admin-card:first-child{background:#181818;padding:16px}.review-row{grid-template-columns:minmax(0,1fr) auto}.review-row span{grid-column:1/-1}.bottom-player.player{left:8px;right:8px;bottom:calc(var(--mobile-tabs) + 8px + env(safe-area-inset-bottom));width:auto;min-height:var(--player-height);background:#181818;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;max-height:none;padding:7px 9px 8px;overflow:hidden}.bottom-player.player .now-playing{cursor:pointer;gap:9px;min-width:0}.player-cover{flex-basis:50px;width:50px;height:50px}.bottom-player.player .player-title{min-width:0}.player-title strong{font-size:13px}.player-title a,.player-title span{font-size:11px}.player-controls{grid-template-columns:auto;justify-content:end;align-items:center;min-width:116px;display:grid}.bottom-player.player .control-row{justify-content:end;gap:4px}.bottom-player.player .shuffle-button,.bottom-player.player .repeat-button{display:none}.bottom-player.player .control-row button{place-items:center;width:34px;height:34px;padding:0;font-size:12px;font-weight:900;display:grid}.bottom-player.player .control-row .previous-button{display:grid}.bottom-player.player .control-row .main-play{width:42px;height:42px;font-size:13px}.bottom-player.player .progress-row{grid-column:1/-1;gap:6px;width:100%;margin-top:4px;font-size:10px}.bottom-player.player .progress-slider{min-width:0}.player-extra{display:none}.bottom-nav{height:calc(var(--mobile-tabs) + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:#000;grid-template-columns:repeat(3,1fr)}.bottom-nav a{align-content:center;gap:4px}.bottom-nav a span{font-size:24px;line-height:1}.bottom-nav a.active span{filter:brightness(1.45)}.bottom-nav a.home-confirmed{animation:.42s home-nav-confirm}.queue-panel{left:10px;right:10px;bottom:calc(var(--mobile-tabs) + var(--player-height) + 24px + env(safe-area-inset-bottom));width:auto;max-height:58dvh}.mobile-player-sheet-backdrop{z-index:130;padding:max(14px, env(safe-area-inset-top)) 10px calc(var(--mobile-tabs) + 10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000094;align-items:end;display:grid;position:fixed;inset:0}.mobile-player-sheet{max-height:calc(100dvh - var(--mobile-tabs) - 24px - env(safe-area-inset-bottom));background:linear-gradient(#282828,#0f0f0f 42%);border:1px solid #ffffff1f;border-radius:18px 18px 10px 10px;gap:16px;padding:14px 16px 18px;display:grid;overflow:auto;box-shadow:0 -18px 50px #0000006b}.mobile-player-sheet>header{color:#ddd;text-align:center;text-transform:uppercase;letter-spacing:.08em;grid-template-columns:48px minmax(0,1fr) 60px;align-items:center;gap:8px;font-size:12px;display:grid}.mobile-player-sheet button{color:#fff;background:#ffffff1a;border:0;border-radius:999px;min-height:42px;font-weight:900}.mobile-player-sheet button.queue-active,.mobile-player-sheet button.active{color:#1ed760;background:#1ed7601f}.mobile-player-cover{aspect-ratio:1;border-radius:8px;justify-self:center;width:min(72vw,340px);height:auto;box-shadow:0 20px 40px #00000052}.mobile-player-title{text-align:center;min-width:0}.mobile-player-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(22px,7vw,32px);line-height:1.05;display:block;overflow:hidden}.mobile-player-title span,.mobile-player-title a{color:#bbb;font-size:13px}.mobile-player-progress .progress-row{gap:8px;width:100%;font-size:12px}.mobile-player-progress .progress-slider,.mobile-player-volume .volume-slider{height:6px}.mobile-player-progress .progress-slider::-webkit-slider-thumb{opacity:1;width:16px;height:16px}.mobile-player-volume .volume-slider::-webkit-slider-thumb{opacity:1;width:16px;height:16px}.mobile-player-transport .control-row{justify-content:space-between;gap:8px}.mobile-player-transport .control-row button{width:46px;height:46px;font-size:13px;font-weight:900}.mobile-player-transport .control-row .main-play{color:#050505;background:#fff;width:64px;height:64px;font-size:15px}.mobile-player-tools{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-player-tools button{flex:none;min-height:40px;padding:0 13px;font-size:12px}.mobile-player-volume{color:#bbb;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;font-size:12px;display:grid}.mobile-player-volume .volume-slider{width:100%}.archive-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focused-upload-page{width:auto;padding:16px 12px calc(var(--player-height) + var(--mobile-tabs) + 36px)}.focused-upload-heading{margin-bottom:12px}.focused-upload-heading h1{font-size:clamp(38px,13vw,52px)}.focused-upload-heading p{font-size:13px}.focused-upload-fields{grid-template-columns:1fr}.focused-upload-drop{gap:12px;min-height:0;padding:14px;display:grid}.focused-upload-icon{display:none}.focused-folder-picker,.focused-folder-field,.focused-upload-button.secondary{width:100%}.focused-api-status{grid-template-columns:8px 1fr}.focused-api-status small{grid-column:2}.focused-upload-row{grid-template-columns:42px minmax(0,1fr)}.focused-upload-row .focused-upload-badge{grid-column:2;justify-self:start}.focused-batch-actions{grid-column:2;justify-content:space-between}.import-progress-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.import-progress-panel>header{align-items:flex-start}.upload-batch-page{padding:16px 12px calc(var(--player-height) + var(--mobile-tabs) + 36px)}.upload-batch-header{padding-right:0}.upload-batch-header>.focused-upload-badge{margin-top:10px;display:inline-block;position:static}.batch-metadata-editor{grid-template-columns:1fr}.upload-batch-tools{top:48px}.batch-file-row{grid-template-columns:34px minmax(0,1fr);gap:9px}.batch-file-type,.batch-file-play{width:34px;height:34px}}.home-nav-feedback{z-index:120;left:50%;bottom:calc(var(--mobile-tabs) + var(--player-height) + 18px);color:#111;opacity:0;pointer-events:none;background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;transition:opacity .16s,transform .16s;position:fixed;transform:translate(-50%,8px)}.home-nav-feedback.show{opacity:1;transform:translate(-50%)}@keyframes home-nav-confirm{50%{color:var(--accent);transform:translateY(-2px)}}@media (width>=768px){.home-nav-feedback{display:none}}.track-row>*,.track-header>*{min-width:0}.track-header,.track-row{grid-template-columns:34px minmax(0,1.45fr) minmax(120px,.8fr) 90px 54px minmax(118px,auto)}.track-main>div:last-child,.track-title-line,.track-compact-meta,.track-metadata-cell{min-width:0}.track-title-button{flex:auto}.track-compact-meta{flex-wrap:wrap;align-items:center;gap:0 4px;line-height:1.35;white-space:normal!important;display:flex!important;overflow:visible!important}.track-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0}.track-mixer-link{flex:none;min-height:30px;padding:4px 0}@media (width<=1180px){.track-header,.track-row{grid-template-columns:34px minmax(0,1.35fr) minmax(110px,.7fr) 54px minmax(112px,auto)}}@media (width<=900px){.track-row{grid-template-columns:34px minmax(0,1fr) 48px;align-items:start;min-height:74px;padding:8px}.track-row>.hide-sm,.track-row>.hide-md{display:none}.track-time{align-self:center}.track-actions{opacity:1;grid-column:2/-1;justify-content:flex-start;display:flex}}@media (width<=640px){.track-row{grid-template-columns:34px minmax(0,1fr) auto;min-height:76px}.track-actions{grid-column:2/-1;display:flex}.track-mixer-link,.archive-edit-trigger{min-width:34px;min-height:34px}}@media (width<=359px){.cards,.cards.wide{grid-template-columns:minmax(0,1fr)}}@media (width>=768px){.bottom-player.player{grid-template-columns:minmax(220px,1fr) minmax(420px,1.35fr) minmax(220px,1fr);align-items:center;gap:clamp(14px,2vw,30px);min-width:0;padding:9px 22px}.bottom-player.player .now-playing,.bottom-player.player .player-title,.bottom-player.player .player-controls,.bottom-player.player .player-extra{min-width:0}.bottom-player.player .now-playing{gap:12px}.bottom-player.player .player-cover{border-radius:5px;flex-basis:56px;width:56px;height:56px}.bottom-player.player .player-title strong{color:#fff;font-size:14px;line-height:1.25}.bottom-player.player .player-title span,.bottom-player.player .player-title a{max-width:100%}.bottom-player.player .player-controls{justify-self:center;gap:7px;width:min(100%,720px)}.bottom-player.player .control-row{gap:10px}.bottom-player.player .control-row button,.bottom-player.player .player-extra button{color:#b3b3b3;background:0 0;border:0;place-items:center;padding:0;transition:color .14s,background .14s,transform .14s;display:inline-grid}.bottom-player.player .control-row button{width:34px;height:34px}.bottom-player.player button svg,.bottom-player.player .volume-icon svg,.mobile-player-sheet button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.bottom-player.player .control-row button:hover,.bottom-player.player .control-row button:focus-visible,.bottom-player.player .player-extra button:hover,.bottom-player.player .player-extra button:focus-visible{color:#fff;transform:scale(1.04)}.bottom-player.player .control-row button.active,.bottom-player.player .player-extra button.queue-active{color:var(--accent)}.bottom-player.player .control-row .main-play{color:#050505;background:#fff;width:42px;height:42px;box-shadow:0 2px 10px #00000047}.bottom-player.player .control-row .main-play svg{fill:currentColor;stroke:currentColor;width:21px;height:21px}.bottom-player.player .control-row .main-play:hover,.bottom-player.player .control-row .main-play:focus-visible{color:#050505;background:#fff;transform:scale(1.07)}.bottom-player.player .repeat-active small{bottom:0;right:2px}.bottom-player.player .progress-row{color:#b3b3b3;font-variant-numeric:tabular-nums;gap:9px;width:100%}.bottom-player.player .progress-row span{text-align:center;width:36px}.bottom-player.player .progress-slider,.bottom-player.player .volume-slider{cursor:pointer}.bottom-player.player .player-extra{color:#b3b3b3;justify-content:flex-end;gap:9px}.bottom-player.player .player-extra button{border-radius:50%;width:34px;height:34px;font-size:0}.bottom-player.player .player-extra .player-mixer-link{color:#d7d7d7;border:1px solid #ffffff24;border-radius:999px;width:auto;height:32px;padding:0 11px;font-size:12px;font-weight:850}.bottom-player.player .player-extra .player-source-link{color:#d7d7d7;border:1px solid #ffffff24;width:32px;height:32px;font-size:14px}.bottom-player.player .volume-icon{color:#b3b3b3;place-items:center;width:24px;display:inline-grid}.bottom-player.player .volume-slider{width:clamp(82px,8vw,120px)}}@media (width>=768px) and (width<=1180px){.bottom-player.player{grid-template-columns:minmax(180px,.9fr) minmax(330px,1.25fr) minmax(132px,.65fr);gap:10px;padding-inline:14px}.bottom-player.player .volume-icon,.bottom-player.player .volume-slider{display:none}.bottom-player.player .player-extra{gap:6px}.bottom-player.player .player-extra .player-mixer-link{text-overflow:ellipsis;max-width:112px;overflow:hidden}}@media (width<=767px){.bottom-player.player{left:8px;right:8px;bottom:calc(var(--mobile-tabs) + 8px + env(safe-area-inset-bottom));width:auto;min-height:var(--player-height);background:#181818;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 9px 8px;overflow:hidden}.bottom-player.player .player-controls{grid-template-columns:auto;justify-content:end;align-items:center;width:auto;min-width:116px;display:grid}.bottom-player.player .control-row{justify-content:end;gap:4px}.bottom-player.player .shuffle-button,.bottom-player.player .repeat-button{display:none}.bottom-player.player .control-row button{width:34px;height:34px}.bottom-player.player .control-row .main-play{width:42px;height:42px}.bottom-player.player .progress-row{grid-column:1/-1;gap:6px;width:100%;margin-top:4px;font-size:10px}.bottom-player.player .player-extra{display:none}.mobile-player-sheet button svg,.bottom-player.player button svg{width:18px;height:18px}.mobile-player-transport .control-row .main-play svg,.bottom-player.player .control-row .main-play svg{width:20px;height:20px}}