@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--brand:#ffd84d;--brand-bright:#ffe98d;--brand-ink:#241c03;--text:#f4f3ee;--text-strong:#fbfaf5;--surface-0:#05070d;--surface-1:#0a0d15eb;--surface-2:#111520db;--surface-3:#1c212fb8;--panel-a:#11151fd1;--panel-b:#06080ee6;--control-bg:#1b1f2bc7;--input-bg:#070a10c2;--hover-bg:#ffffff09;--line:#ffffff1b;--line-strong:#ffd84d47;--muted:#9699a6;--quiet:#666b79;--danger:#ff7189;--radius-panel:22px;--radius-inner:14px;--track-accent:#7392ff;--track-glow:#c0ccff;--artwork-accent:#7392ff;--scene-theme-accent:#6577a8;--scene-theme-glow:#aeb9de;background:#05070d;font-family:Space Grotesk Variable,PingFang SC,Microsoft YaHei,system-ui,sans-serif}:where(.app-shell,.tone-panel)[data-tone=night]{--text:#f4f3ee;--text-strong:#fbfaf5;--surface-0:#05070d;--surface-1:#0a0d15f2;--surface-2:#111520e6;--surface-3:#1f2432c2;--panel-a:#10141ee6;--panel-b:#06080ef2;--control-bg:#1b1f2bd6;--input-bg:#070a10db;--hover-bg:#ffd84d0e;--line:#ffffff1b;--line-strong:#ffd84d4d;--muted:#9699a6;--quiet:#666b79;--scene-theme-accent:#857536;--scene-theme-glow:#e4dcb6;--radius-panel:22px}:where(.app-shell,.tone-panel)[data-tone=vinyl]{--text:#f4ead5;--text-strong:#fff9e9;--surface-0:#090806;--surface-1:#17130ff5;--surface-2:#2b2118e8;--surface-3:#503a26c2;--panel-a:#231b14f0;--panel-b:#0a0806f5;--control-bg:#392b1edb;--input-bg:#0d0a07e0;--hover-bg:#f0dfbb12;--line:#f0dfbb29;--line-strong:#ffd84d66;--muted:#b7a78d;--quiet:#756853;--scene-theme-accent:#a87842;--scene-theme-glow:#f0dfbb;--radius-panel:30px}:where(.app-shell,.tone-panel)[data-tone=arcade]{--text:#f1f7ff;--text-strong:#fff;--surface-0:#05040b;--surface-1:#111027f7;--surface-2:#1f1948eb;--surface-3:#402a7ec7;--panel-a:#161337f2;--panel-b:#05040df7;--control-bg:#2a1f5de0;--input-bg:#060512e6;--hover-bg:#2fe6ff17;--line:#4ce8ff33;--line-strong:#ffd84d7a;--muted:#a9a6c8;--quiet:#66628d;--scene-theme-accent:#2fe6ff;--scene-theme-glow:#ff4bd8;--radius-panel:4px}:where(.app-shell,.tone-panel)[data-tone=burgundy]{--text:#fff0ed;--text-strong:snow;--surface-0:#160006;--surface-1:#310815f2;--surface-2:#590923e6;--surface-3:#8c1239c2;--panel-a:#4c051ce6;--panel-b:#140008f0;--control-bg:#640e2ad6;--input-bg:#1d000adb;--hover-bg:#ff4c7f1f;--line:#ffc3d32e;--line-strong:#ffd84d6b;--muted:#d0a5ae;--quiet:#8d5b68;--scene-theme-accent:#ff2864;--scene-theme-glow:#ff9cbd;--radius-panel:28px}:where(.app-shell,.tone-panel)[data-tone=cobalt]{--text:#eef7ff;--text-strong:#fff;--surface-0:#00113d;--surface-1:#042369f5;--surface-2:#0748c7e6;--surface-3:#0f6affb8;--panel-a:#053397e8;--panel-b:#000d36f2;--control-bg:#0a46b1db;--input-bg:#001240e0;--hover-bg:#4fdcff1f;--line:#82e3ff38;--line-strong:#ffd84d75;--muted:#a9c9e8;--quiet:#6387b7;--scene-theme-accent:#2867ff;--scene-theme-glow:#72e4ff;--radius-panel:9px}:where(.app-shell,.tone-panel)[data-tone=paper]{--text:#17130d;--text-strong:#080706;--surface-0:#f0e4c8;--surface-1:#fff6dff7;--surface-2:#f4e0b8f0;--surface-3:#e3c28bd1;--panel-a:#fff6dff5;--panel-b:#ecd8aef2;--control-bg:#fffbeef0;--input-bg:#fffbeef0;--hover-bg:#f24b2a17;--line:#0f0d0a61;--line-strong:#0f0d0ab8;--muted:#62584b;--quiet:#8b7d69;--danger:#c83243;--scene-theme-accent:#f24b2a;--scene-theme-glow:#1768ff;--radius-panel:3px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 8% 0%, #ffd84d17, transparent 27%), radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--track-accent), transparent 83%), transparent 34%), linear-gradient(135deg, #090c13 0%, #04060b 52%, #0a0d16 100%);min-height:100vh;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 86%);mask-image:radial-gradient(circle,#000,#0000 86%)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffd84d57;border-radius:20px}.ui-icon{flex:none;display:block}:where(button,.track-row,.source-grid label,.icon-upload,.search-box,.load-row,.search-mini-list,.now-card,.lyrics,.tabs,.playlist-toolbar,.playlist-content,.play-modes,.import-progress,.add-list,.account-card,.modal-card,.panel,.daily-editorial,.daily-spotlight-card,.mobile-mini-player,.mobile-nav,.tone-panel,.tone-card){position:relative;overflow:hidden}.panel{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-panel);background:linear-gradient(145deg, var(--panel-a), var(--panel-b));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:color .18s,background .18s,border-color .18s,box-shadow .18s;position:relative;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff09}.panel:after{content:"";z-index:18;pointer-events:none;opacity:.42;background:linear-gradient(90deg,#0000,#ffec9d14,#0000);width:24%;height:250%;animation:11s ease-in-out infinite panel-scan;position:absolute;top:-75%;left:-45%;transform:skew(-18deg)}@keyframes panel-scan{0%,65%{translate:0}to{translate:690%}}.app-shell{isolation:isolate;width:min(1680px,100%);height:100vh;color:var(--text);background:radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--brand), transparent 91%), transparent 28%), radial-gradient(circle at 56% 18%, color-mix(in srgb, var(--artwork-accent), transparent 77%), transparent 39%), radial-gradient(circle at 92% 100%, color-mix(in srgb, var(--scene-theme-accent), transparent 84%), transparent 36%), var(--surface-0);grid-template-rows:92px minmax(0,1fr) 26px;gap:11px;margin:0 auto;padding:22px 32px 10px;transition:color .18s,background-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.app-shell>.topbar,.app-shell>.workspace,.app-shell>footer{z-index:1;position:relative}.particle-field{z-index:-1;pointer-events:none;position:fixed;inset:0}.particle-field i{left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--brand);box-shadow:0 0 12px var(--brand);opacity:.11;animation:float-particle var(--d) ease-in-out infinite alternate;border-radius:50%;position:absolute}.app-shell.motion-off .particle-field{display:none}@keyframes float-particle{to{opacity:.38;translate:10px -20px}}.topbar{justify-content:space-between;align-items:center;min-width:0;padding:10px 14px;display:flex;overflow:hidden}.topbar:before{content:"";pointer-events:none;background:radial-gradient(circle at 8%,#ffd84d1c,#0000 28%);position:absolute;inset:0}.brand,.header-actions,.language,.profile-button{align-items:center;display:flex}.brand{z-index:1;gap:13px;min-width:0}.logo-ring{background:linear-gradient(145deg,#fff3a5,#c8951d);border-radius:50%;flex:none;width:68px;height:68px;padding:4px;box-shadow:0 0 26px #ffd84d59}.logo-ring img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.brand-kicker,.now-kicker,.daily-kicker{color:var(--brand);letter-spacing:.19em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.brand h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(18px,1.55vw,25px);line-height:1}.header-actions{z-index:1;justify-content:flex-end;gap:17px}.language{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-0), transparent 25%);border-radius:99px;padding:2px}.language button{cursor:pointer;background:0 0;border:0;border-radius:99px;min-width:34px;padding:5px 8px;font-size:10px}.language button.active{color:var(--brand-ink);background:var(--brand);box-shadow:0 0 16px #ffd84d42}.shortcuts{max-width:390px;color:var(--muted);text-align:right;font-size:9px;line-height:1.5}.profile-button{border:1px solid var(--line);background:var(--control-bg);cursor:pointer;border-radius:99px;gap:8px;padding:4px 11px 4px 4px}.profile-button span{width:28px;height:28px;color:var(--brand-ink);background:var(--brand);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.profile-button b{max-width:100px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.workspace{isolation:isolate;grid-template-columns:minmax(245px,.82fr) minmax(520px,1.82fr) minmax(275px,.9fr);grid-template-areas:"search player playlist";gap:11px;min-height:0;display:grid;position:relative}.workspace>section{z-index:1}.topbar.panel{background:linear-gradient(145deg, var(--panel-a), var(--panel-b))}.workspace>section.panel{background:linear-gradient(145deg, color-mix(in srgb, var(--panel-a), transparent 7%), color-mix(in srgb, var(--panel-b), transparent 5%))}.search-panel:before,.playlist-panel:before{content:"";z-index:-1;pointer-events:none;opacity:.6;background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--scene-theme-accent), transparent 85%), transparent 43%);position:absolute;inset:0}.search-panel,.player-panel,.playlist-panel{min-width:0;min-height:0}.search-panel{flex-direction:column;grid-area:search;padding:14px 12px 12px;display:flex}.player-panel{flex-direction:column;grid-area:player;padding:14px;display:flex;overflow:hidden}.playlist-panel{flex-direction:column;grid-area:playlist;padding:14px 12px 10px;display:flex}.panel-heading{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.panel-heading h2{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.panel-heading h2 .ui-icon{color:var(--brand)}.panel-heading small{border:1px solid var(--line);max-width:64%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:8px;overflow:hidden}.search-box{border:1px solid var(--line-strong);background:var(--input-bg);border-radius:25px;align-items:center;gap:8px;min-height:48px;margin-top:10px;padding:5px 5px 5px 12px;display:flex;box-shadow:inset 0 0 20px #ffd84d09}.search-box>.ui-icon{color:var(--brand)}.search-box input{min-width:0;color:var(--text-strong);background:0 0;border:0;outline:0;flex:1;font-size:10px}.search-box input::placeholder{color:var(--quiet)}.btn{border:1px solid var(--line);background:var(--control-bg);min-height:34px;color:var(--text);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:10px;font-weight:650;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{border-color:#ffd84d57;transform:translateY(-1px)}.btn.gold,.btn.primary{color:var(--brand-ink);background:linear-gradient(135deg,#ffe982,#e6b82f);border-color:#ffe486;box-shadow:0 8px 28px #ffd84d2e}.btn.ghost{background:#1b1f2bcc}.btn.wide,.wide{width:100%}.btn.icon-only{width:35px;padding:0}.source-grid{flex-wrap:wrap;gap:6px;margin:11px 2px;display:flex}.source-grid label{border:1px solid var(--line);background:var(--input-bg);color:var(--muted);cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:4px 8px 4px 5px;font-size:9px;display:flex;position:relative}.source-grid label.checked{color:var(--text-strong);border-color:color-mix(in srgb, var(--source-color), transparent 55%)}.source-grid input{opacity:0;position:absolute}.source-grid i{background:var(--source-color);width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--source-color), transparent 25%);border-radius:50%}.load-row{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:9px;display:flex}.load-row select{border:1px solid var(--line);color:var(--text);background:var(--surface-2);border-radius:14px;padding:4px 8px}.load-row .btn{min-height:29px;margin-left:auto;padding:5px 10px}.source-warning{color:#d9a17f;background:#5b2a1021;border:1px solid #ff975d33;border-radius:9px;margin:0 2px 7px;padding:6px 8px;font-size:8px;line-height:1.4}.search-mini-list{flex:1;min-height:0;overflow-y:auto}.track-row{border-bottom:1px solid #ffffff0d;border-radius:10px;align-items:stretch;min-height:50px;transition:background .18s,transform .18s;display:flex}.track-row:hover{background:var(--hover-bg)}.track-row.active{background:linear-gradient(90deg, #ffd84d1a, color-mix(in srgb, var(--track-accent), transparent 94%));box-shadow:inset 2px 0 var(--brand)}.track-row.pending:not(.active){background:color-mix(in srgb, var(--track-accent), transparent 91%);box-shadow:inset 2px 0 var(--track-accent)}.track-row.pending .track-source{animation:.7s ease-in-out infinite alternate pulse}.track-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:7px 4px;display:flex}.track-source{border:1px solid color-mix(in srgb, var(--source-color), #fff 15%);color:#fff;background:color-mix(in srgb, var(--source-color), #090b10 67%);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:8px;display:grid}.track-copy{flex:1;min-width:0;display:block}.track-copy strong,.track-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-copy strong{color:var(--text-strong);font-size:10px;font-weight:610}.track-copy small{color:var(--muted);margin-top:3px;font-size:8px}.track-main time{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:8px}.row-actions{opacity:0;align-items:center;transition:opacity .16s;display:flex}.track-row:hover .row-actions,.track-row.active .row-actions,.track-row:focus-within .row-actions{opacity:1}.row-actions button{color:#a4a7b1;cursor:pointer;background:0 0;border:0;padding:4px}.row-actions button:hover,.row-actions button.active{color:var(--brand)}.empty-state{text-align:center;color:#747887;place-content:center;justify-items:center;min-height:100%;padding:20px 8px;display:grid}.empty-state>.ui-icon{color:var(--brand);filter:drop-shadow(0 0 12px #ffd84d47)}.empty-state p{margin:9px 0;font-size:10px}.empty-state small{color:#9f6974;max-width:260px;font-size:8px;line-height:1.45}.stage-surface{z-index:2;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.immersive-backdrop{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-cover{opacity:.16;filter:blur(52px)saturate(1.25);background:var(--scene-cover) center / 42% auto no-repeat;transition:background-image .45s,opacity .45s;position:absolute;inset:-28%;transform:scale(1.05)}.immersive-backdrop:before{content:"";background:radial-gradient(circle at 35% 18%, color-mix(in srgb, var(--scene-secondary), transparent 77%), transparent 37%), radial-gradient(circle at 75% 75%, color-mix(in srgb, var(--scene-primary), transparent 88%), transparent 38%);position:absolute;inset:0}.immersive-webgl-host,.immersive-webgl-canvas{width:100%;height:100%;position:absolute;inset:0}.immersive-webgl-host{z-index:1}.ambient-cover,.immersive-backdrop:before,.css-orbit,.css-scene-grid,.css-theme-motif{z-index:0}.immersive-backdrop.webgl-ready .css-orbit{opacity:.1}.immersive-backdrop.webgl-ready .css-scene-grid{opacity:.07}.immersive-backdrop.webgl-ready .css-theme-motif{opacity:.22}.immersive-backdrop.motion-still .css-orbit,.immersive-backdrop.motion-still .css-theme-motif,.immersive-backdrop.motion-still .css-theme-motif *{animation-play-state:paused}.immersive-backdrop.motion-still .css-scene-grid{opacity:.06}.css-orbit{border:1px solid color-mix(in srgb, var(--scene-glow), transparent 65%);opacity:.34;border-radius:50%;animation:15s linear infinite orbit-spin;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}.orbit-one{aspect-ratio:1;width:46%}.orbit-two{aspect-ratio:1;opacity:.18;width:67%;animation-duration:23s;animation-direction:reverse}.css-scene-grid{opacity:.16;transform-origin:top;background-image:linear-gradient(color-mix(in srgb, var(--scene-secondary), transparent 65%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--scene-primary), transparent 72%) 1px, transparent 1px);background-size:30px 30px;height:54%;position:absolute;bottom:-24%;left:-20%;right:-20%;transform:perspective(440px)rotateX(64deg);-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.css-theme-motif{opacity:.72;transition:opacity .28s;position:absolute;inset:0}.css-theme-motif>*{display:block;position:absolute}.scene-vinyl .ambient-cover{opacity:.11;filter:blur(68px)sepia(.32)saturate(.86)}.scene-vinyl .css-scene-grid{opacity:.035;background-size:56px 56px;height:auto;inset:0;transform:none;-webkit-mask-image:radial-gradient(circle,#000,#0000 67%);mask-image:radial-gradient(circle,#000,#0000 67%)}.scene-vinyl .css-orbit{border-color:color-mix(in srgb, var(--scene-glow), transparent 46%);border-style:double;animation:19s linear infinite vinyl-groove;top:46%;transform:translate(-50%,-50%)}.scene-vinyl .orbit-one{width:44%;box-shadow:0 0 0 12px color-mix(in srgb, var(--scene-secondary), transparent 86%), 0 0 0 25px color-mix(in srgb, var(--scene-glow), transparent 93%);border-width:3px}.scene-vinyl .orbit-two{width:68%;box-shadow:0 0 0 8px color-mix(in srgb, var(--scene-glow), transparent 92%), 0 0 0 22px color-mix(in srgb, var(--scene-secondary), transparent 91%), 0 0 0 41px color-mix(in srgb, var(--scene-glow), transparent 95%);border-width:1px}.scene-vinyl .css-theme-motif i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--scene-glow), transparent 50%);background:radial-gradient(circle, #090806 0 7%, var(--scene-glow) 8% 19%, #0b0907 20% 44%, color-mix(in srgb, var(--scene-secondary), transparent 38%) 45% 47%, #080705 48%);width:17%;box-shadow:0 0 34px color-mix(in srgb, var(--scene-secondary), transparent 62%);border-radius:50%;animation:9s linear infinite vinyl-disc;top:46%;left:50%;translate:-50% -50%}.scene-vinyl .css-theme-motif span,.scene-vinyl .css-theme-motif b{background:var(--scene-glow);width:3px;height:3px;box-shadow:21px -44px var(--scene-secondary), -32px 66px color-mix(in srgb, var(--scene-glow), transparent 24%), 75px 38px var(--scene-secondary), -82px -24px var(--scene-glow);border-radius:50%;animation:7s ease-in-out infinite alternate dust-float}.scene-vinyl .css-theme-motif span{top:25%;left:32%}.scene-vinyl .css-theme-motif b{animation-delay:-3.4s;bottom:23%;right:28%}.scene-arcade .css-scene-grid{opacity:.28;height:67%;filter:drop-shadow(0 0 4px var(--scene-primary));background-size:24px 24px;bottom:-17%;left:-8%;right:-8%}.scene-arcade .css-orbit{aspect-ratio:1.45;border-radius:3px;animation:5.5s steps(6,jump-none) infinite arcade-frame;top:43%;transform:translate(-50%,-50%)rotate(4deg)}.scene-arcade .orbit-one{border:2px solid color-mix(in srgb, var(--scene-primary), transparent 30%);width:44%;box-shadow:8px 8px 0 color-mix(in srgb, var(--scene-secondary), transparent 55%)}.scene-arcade .orbit-two{border-color:color-mix(in srgb, var(--scene-secondary), transparent 45%);width:66%;animation-duration:8s;animation-direction:reverse}.scene-arcade .css-theme-motif{background:repeating-linear-gradient(#0000 0 4px,#ffffff06 4px 5px)}.scene-arcade .css-theme-motif>*{background:var(--scene-primary);width:5px;height:5px;box-shadow:44px 18px var(--scene-secondary), -64px 42px var(--scene-glow), 112px -52px var(--scene-primary), -126px -38px var(--scene-secondary), 156px 72px var(--scene-glow), -178px 84px var(--scene-primary);animation:2.2s steps(2,jump-none) infinite pixel-blink}.scene-arcade .css-theme-motif i{top:24%;left:50%}.scene-arcade .css-theme-motif span{animation-delay:-.7s;top:58%;left:38%}.scene-arcade .css-theme-motif b{animation-delay:-1.3s;top:46%;right:31%}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotateX(68deg)rotate(360deg)}}@keyframes vinyl-groove{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes vinyl-disc{to{rotate:360deg}}@keyframes dust-float{to{opacity:.35;translate:17px -25px}}@keyframes arcade-frame{50%{transform:translate(-50%,-50%)rotate(-3deg)scale(1.025)}}@keyframes pixel-blink{50%{opacity:.2;filter:drop-shadow(0 0 7px var(--scene-secondary))}}.player-heading{padding:0 1px}.now-card{background:linear-gradient(105deg,#0e1119a1,#0a0c133d);border:1px solid #ffffff0e;border-radius:18px;grid-template-columns:clamp(138px,17vw,174px) minmax(0,1fr) 72px;align-items:center;gap:13px;min-height:clamp(188px,24vh,238px);margin-top:6px;padding:10px 8px;display:grid;box-shadow:inset 0 1px #ffffff06}.record-wrap{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--track-accent), transparent 87%), transparent 64%);border-radius:18px;place-items:center;width:clamp(132px,16vw,164px);transition:transform .32s;display:grid;transform:perspective(700px)rotateY(-8deg)rotateX(3deg)}.now-card:hover .record-wrap{transform:perspective(700px)rotateY(-3deg)rotateX(1deg)translateY(-2px)}.record{aspect-ratio:1;width:76%;box-shadow:0 18px 45px #000, inset 0 0 0 2px #2c2c31, 0 0 38px color-mix(in srgb, var(--track-accent), transparent 70%);background:repeating-radial-gradient(circle,#08090d 0 8px,#191a20 9px 11px,#05060a 12px 16px);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.record img{object-fit:cover;opacity:.76;width:100%;height:100%}.record:after,.record-center{content:"";aspect-ratio:1;background:radial-gradient(circle, #0b0c10 0 16%, var(--brand) 18% 47%, #8d7115 49%);border-radius:50%;width:29%;position:absolute;box-shadow:0 0 16px #ffd84d73}.spinning .record{animation:5.5s linear infinite spin}@keyframes spin{to{rotate:360deg}}.track-hero{min-width:0}.now-kicker{margin-bottom:7px}.track-hero h3{color:#fbfaf5;letter-spacing:-.055em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(24px,2.45vw,38px);line-height:1;overflow:hidden}.track-hero p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 22px;font-size:10px;overflow:hidden}.progress-row{color:#898d98;font-variant-numeric:tabular-nums;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:7px;font-size:8px;display:grid}input[type=range]{height:4px;accent-color:var(--brand);cursor:pointer}.transport{align-items:center;gap:8px;margin-top:10px;display:flex}.transport>button,.hero-actions button,.play-modes button{border:1px solid var(--line);cursor:pointer;background:#1a1e29c7;border-radius:50%;place-items:center;display:grid}.transport>button{width:32px;height:32px}.transport .play-main{width:48px;height:48px;color:var(--brand-ink);background:var(--brand);border-color:#ffe586;box-shadow:0 0 26px #ffd84d59}.button-loader,.mini-loader{border:2px solid #00000040;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.volume{color:#a8abb4;align-items:center;gap:6px;margin-left:auto;display:flex}.volume input{width:80px}.hero-actions{grid-template-columns:34px 34px;align-self:start;gap:7px;padding-top:9px;display:grid}.hero-actions button{width:34px;height:34px}.hero-actions button:hover,.hero-actions button.active{color:var(--brand);border-color:var(--line-strong)}.hero-actions span{border:1px solid var(--line);color:#7f838f;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;grid-column:1/-1;padding:3px 6px;font-size:8px;overflow:hidden}.lyrics{isolation:isolate;background:linear-gradient(115deg, #10141fc2, color-mix(in srgb, var(--track-accent), transparent 89%), #05070cdb);text-align:center;border:1px solid #ffd84d29;border-radius:17px;flex:1;min-height:0;margin-top:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 45px #0000005c}.lyrics-effects{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:-1px;overflow:hidden}.lyrics-effects:before,.lyrics-effects:after{content:"";pointer-events:none;mix-blend-mode:screen;position:absolute}.lyrics-effects:before{opacity:.28;filter:blur(18px);background:conic-gradient(from 0deg, #ffd84d0a, #ffd84d57, color-mix(in srgb, var(--track-accent), transparent 55%), #ffd84d0a);animation:18s linear infinite lyrics-glow;inset:-52%}.lyrics-effects:after{opacity:.75;background:linear-gradient(120deg,#0000,#fff4bd47,#0000);width:48%;height:220%;animation:8s linear infinite lyrics-sweep;top:-55%;left:-78%;transform:skew(-18deg)}@keyframes lyrics-glow{to{transform:rotate(360deg)}}@keyframes lyrics-sweep{0%{translate:0}55%,to{translate:420%}}.lyrics-scroll{z-index:1;overscroll-behavior:contain;scroll-behavior:smooth;padding:45% 24px;position:absolute;inset:0;overflow:hidden auto}.lyrics-scroll.is-empty{padding:24px}.lyric-line{color:#dcdde066;cursor:default;text-align:center;background:0 0;border:0;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;width:100%;margin:7px 0;padding:9px 0;font-size:12px;line-height:1.55;transition:color .22s,transform .22s,background .22s;display:grid}.lyric-line[data-seekable=true]{cursor:pointer}.lyric-line[data-seekable=true]:hover{color:#faf9f4c2;background:linear-gradient(90deg,#0000,#ffd84d11,#0000)}.lyric-line time{color:var(--brand);opacity:0;font-variant-numeric:tabular-nums;justify-self:end;font-size:8px;transition:all .2s;transform:translate(-4px)}.lyric-line:hover time,.lyric-line:focus-visible time,.lyric-line.active time{opacity:.75;transform:none}.lyric-line>span{grid-column:2;min-width:0}.lyric-line.active{color:#fff4b4;text-shadow:0 0 10px #ffffffa6,0 0 26px #ffd84d85;background:radial-gradient(#ffd84d13,#0000 70%);font-weight:700;transform:scale(1.065)}.lyric-seek-status{z-index:4;border:1px solid var(--line-strong);color:#fff0a6;background:#06080de0;border-radius:20px;padding:5px 9px;font-size:8px;position:absolute;top:10px;right:12px}.lyric-follow-button{z-index:4;border:1px solid var(--line-strong);color:#fff0a6;cursor:pointer;background:#06080de8;border-radius:20px;padding:7px 12px;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.empty-lyrics{color:#8a8e99;place-content:center;justify-items:center;gap:10px;min-height:100%;font-size:10px;display:grid}.empty-lyrics .ui-icon{color:var(--brand)}.daily-stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.daily-editorial{background:linear-gradient(120deg,#07090ec7,#0e111961);border:1px solid #ffffff0f;border-radius:19px;grid-template-columns:minmax(0,1.18fr) minmax(185px,.82fr);align-items:center;gap:20px;min-height:clamp(265px,35vh,330px);margin-top:7px;padding:clamp(19px,2.5vw,34px);display:grid}.daily-copy{z-index:2;position:relative}.daily-copy h2{letter-spacing:-.065em;max-width:640px;margin:11px 0 12px;font-size:clamp(31px,4.1vw,58px);line-height:.96}.daily-copy p{color:#9b9da5;max-width:520px;margin:0;font-size:10px;line-height:1.6}.daily-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.stage-return{background:#171b25c7}.playing-dot{background:var(--brand);width:7px;height:7px;box-shadow:0 0 10px var(--brand);border-radius:50%;animation:.8s ease-in-out infinite alternate pulse}.daily-collage{aspect-ratio:1;perspective:800px;justify-self:end;width:min(100%,290px);position:relative}.daily-collage img,.daily-cover-placeholder{aspect-ratio:1;object-fit:cover;border:1px solid #ffffff1f;border-radius:17px;width:68%;position:absolute;box-shadow:0 24px 60px #00000073}.daily-collage img:first-child{z-index:4;top:19%;left:6%;transform:rotateY(-11deg)rotate(-4deg)}.daily-collage img:nth-child(2){z-index:3;top:5%;right:2%;transform:rotateY(-8deg)rotate(7deg)scale(.82)}.daily-collage img:nth-child(3){z-index:2;bottom:0;right:2%;transform:rotateY(-7deg)rotate(13deg)scale(.7)}.daily-collage img:nth-child(4){z-index:1;opacity:.72;top:0;left:1%;transform:rotate(-13deg)scale(.7)}.daily-cover-placeholder{color:var(--brand);background:radial-gradient(circle, color-mix(in srgb, var(--track-accent), transparent 74%), #0c1018);place-items:center;display:grid;inset:16%}.daily-count{z-index:6;color:var(--brand);letter-spacing:-.09em;text-shadow:0 10px 30px #000;font-size:clamp(58px,7vw,96px);font-weight:700;line-height:.78;position:absolute;bottom:1%;right:4%}.daily-spotlight{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.daily-spotlight-card{border:1px solid var(--line);min-width:0;min-height:104px;color:inherit;text-align:left;cursor:pointer;background:#0a0d14b3;border-radius:14px;grid-template-columns:23px 64px minmax(0,1fr);align-items:center;gap:8px;padding:9px;transition:transform .2s,border-color .2s;display:grid}.daily-spotlight-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.daily-spotlight-card.active{background:#ffd84d0e;border-color:#ffd84d6b}.spotlight-rank{color:var(--brand);align-self:start;font-size:9px}.daily-spotlight-card img,.spotlight-placeholder{object-fit:cover;border-radius:10px;width:64px;height:64px}.spotlight-placeholder{color:var(--brand);background:#161b25;place-items:center;display:grid}.spotlight-copy{min-width:0;display:block}.spotlight-copy strong,.spotlight-copy small,.spotlight-copy em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spotlight-copy strong{font-size:10px}.spotlight-copy small{color:#8d909a;margin-top:3px;font-size:8px}.spotlight-copy em{color:#b6a35e;margin-top:8px;font-size:7px;font-style:normal}.daily-loading{border:1px solid var(--line-strong);color:#ddc86f;background:#ffd84d0a;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-size:9px;display:flex}.daily-loading span{background:var(--brand);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite alternate pulse}.daily-mobile-list{display:none}.tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);min-height:38px;margin-top:5px;display:grid}.tabs button{color:#858994;cursor:pointer;background:0 0;border:0;font-size:9px;position:relative}.tabs button.active{color:#f4f3ee}.tabs button.active:after{content:"";background:var(--brand);height:2px;position:absolute;bottom:-1px;left:22%;right:22%;box-shadow:0 0 10px #ffd84d73}.playlist-toolbar{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:7px;min-height:35px;padding:4px 2px;display:flex}.playlist-toolbar strong{color:#a7aab4;text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:8px;overflow:hidden}.playlist-toolbar>div{align-items:center;gap:4px;display:flex}.playlist-toolbar button,.icon-upload{border:1px solid var(--line);color:#d8d7d1;cursor:pointer;background:#1a1e29c7;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.daily-tools select{border:1px solid var(--line);color:#d1d0cb;background:#10141d;border-radius:8px;max-width:95px;height:26px;padding:0 5px;font-size:8px}.icon-upload input{display:none}.playlist-content{flex:1;min-height:0;overflow-y:auto}.daily-status{border:1px solid var(--line-strong);background:#ffd84d0b;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-items:center;gap:2px 7px;margin:7px 2px;padding:9px;display:grid}.daily-status>.ui-icon{color:var(--brand);grid-row:1/3}.daily-status strong{color:#f1dd82;font-size:9px}.daily-status small{color:#838792;font-size:7px}.playlist-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 2px;display:grid}.playlist-cards button{border:1px solid var(--line);min-width:0;color:inherit;text-align:left;cursor:pointer;background:#121620ad;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:center;gap:0 7px;padding:6px;display:grid}.playlist-cards button.active{border-color:var(--line-strong);background:#ffd84d0a}.playlist-cards img,.playlist-cards button>span{object-fit:cover;width:38px;height:38px;color:var(--brand);background:#171b25;border-radius:8px;grid-row:1/3;place-items:center;display:grid}.playlist-cards b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.playlist-cards small{color:#777b87;font-size:7px}.playlist-search{border:1px solid var(--line);color:#eeede8;background:#05070ca6;border-radius:16px;width:calc(100% - 4px);margin:2px 2px 7px;padding:8px 10px;font-size:9px}.selected-tracks{border-top:1px solid #ffffff0d}.play-modes{border-top:1px solid #ffffff0d;flex:none;justify-content:flex-end;align-items:center;gap:5px;min-height:33px;display:flex}.play-modes button{width:24px;height:24px}.play-modes button.active{color:var(--brand);border-color:var(--line-strong)}.play-modes span{color:#686c78;margin-left:3px;font-size:8px}footer{color:#5f636f;justify-content:flex-end;align-items:center;padding:0 7px;font-size:8px;display:flex}.mobile-nav,.mobile-mini-player{display:none}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020307c2;place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-card{border:1px solid var(--line-strong);background:linear-gradient(145deg,#161a23,#080a0f);border-radius:21px;width:min(430px,100%);max-height:calc(100vh - 40px);padding:19px;overflow-y:auto;box-shadow:0 34px 100px #000}.modal-card.wide{width:min(570px,100%)}.modal-card header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.modal-card h2{letter-spacing:-.035em;margin:0;font-size:20px}.modal-card header>button{border:1px solid var(--line);cursor:pointer;background:#0000003d;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.modal-label{color:#a9acb5;gap:6px;font-size:10px;display:grid}.modal-label input,.auth-card input{border:1px solid var(--line);color:#f0efeb;background:#05070cbf;border-radius:12px;width:100%;padding:11px 13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.source-pickers{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px;display:grid}.source-pickers button{border:1px solid var(--line);cursor:pointer;background:#0a0d14b8;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.source-pickers i{background:var(--source-color);width:8px;height:8px;box-shadow:0 0 9px var(--source-color);border-radius:50%}.source-pickers button.active{border-color:var(--source-color)}.import-progress{border:1px solid var(--line);background:#00000038;border-radius:12px;margin-top:15px;padding:12px}.import-progress>div{background:#090b10;border-radius:9px;height:5px;margin-bottom:8px;overflow:hidden}.import-progress>div span{background:linear-gradient(90deg, var(--brand), var(--track-accent));height:100%;transition:width .35s;display:block}.import-progress strong,.import-progress small{font-size:9px;display:block}.import-progress small{color:#7d818d;margin-top:3px}.import-progress.failed{border-color:#ff718959}.import-progress details{color:#df8895;margin-top:8px;font-size:8px}.add-list{gap:6px;max-height:330px;display:grid;overflow-y:auto}.add-list button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#121620b8;border-radius:10px;grid-template-columns:35px 1fr auto;align-items:center;gap:8px;padding:7px;display:grid}.add-list button>span{background:#202531;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.add-list b{font-size:10px}.add-list small{color:#777b87;font-size:8px}.account-card{text-align:center}.account-card p{color:#898d98;font-size:10px}.install-app{margin-bottom:8px}.account-logout{margin-top:8px}.avatar-large{width:70px;height:70px;color:var(--brand-ink);background:var(--brand);border-radius:50%;place-items:center;margin:4px auto 10px;font-size:28px;font-weight:800;display:grid;box-shadow:0 0 24px #ffd84d47}.danger-link{color:var(--danger);cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:9px}.toast{z-index:80;border:1px solid var(--line-strong);color:#fff4b7;background:#0a0c12f2;border-radius:30px;max-width:min(520px,100vw - 30px);padding:10px 16px;font-size:10px;animation:.25s toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #000}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.ripple-circle,.ripple-circle-inner{z-index:30;pointer-events:none;opacity:.78;border-radius:50%;position:absolute;transform:translate(-50%,-50%)scale(0)}.ripple-circle{background:radial-gradient(circle,#fff3be3d,#0000 65%);border:1px solid #ffe689cc;animation:.72s cubic-bezier(.22,.61,.36,1) forwards ripple-outer;box-shadow:0 0 16px #ffd84d6b}.ripple-circle-inner{z-index:29;border:1px solid color-mix(in srgb, var(--track-glow), transparent 28%);background:radial-gradient(circle, color-mix(in srgb, var(--track-glow), transparent 74%), transparent 67%);animation:.72s cubic-bezier(.22,.61,.36,1) forwards ripple-inner}@keyframes ripple-outer{to{opacity:0;transform:translate(-50%,-50%)scale(2.35)}}@keyframes ripple-inner{to{opacity:0;transform:translate(-50%,-50%)scale(1.65)}}.auth-shell,.loading-screen{place-items:center;min-height:100vh;padding:25px;display:grid;position:relative;overflow:hidden}.auth-card{text-align:center;width:min(410px,100%);padding:34px}.brand-mark{background:var(--brand);border-radius:50%;width:92px;height:92px;margin:-4px auto 16px;padding:6px;box-shadow:0 0 40px #ffd84d45}.brand-mark img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.eyebrow{color:var(--brand);letter-spacing:.25em;font-size:9px}.auth-card h1{letter-spacing:-.04em;margin:8px 0 4px;font-size:29px}.auth-card>p{color:#898d98;margin-bottom:24px;font-size:10px}.auth-card form{text-align:left;gap:13px;display:grid}.auth-card label{color:#a7aab4;gap:5px;font-size:9px;display:grid}.form-error{color:#ff8c9a;background:#7f20312e;border-radius:9px;padding:8px 10px;font-size:9px}.text-button{color:#b3a661;cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:9px}.aurora{filter:blur(90px);opacity:.14;border-radius:50%;width:430px;height:430px;position:absolute}.aurora-one{background:var(--brand);top:-180px;left:-140px}.aurora-two{background:#6d73ff;bottom:-200px;right:-170px}.loader{color:var(--brand);filter:drop-shadow(0 0 20px var(--brand));font-size:45px;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.58;transform:scale(1.18)}}@media (width<=1080px) and (width>=761px){body{overflow-y:auto}.app-shell{grid-template-rows:86px auto 26px;height:auto;min-height:100vh;padding:18px;overflow:visible}.shortcuts{display:none}.workspace{grid-template-columns:minmax(270px,34%) 1fr;grid-template-areas:"search player""playlist player";align-items:stretch;min-height:820px}.search-panel{min-height:380px}.playlist-panel{min-height:430px}.player-panel{min-height:820px}.now-card{grid-template-columns:132px minmax(0,1fr) 66px}.record-wrap{width:128px}.daily-editorial{grid-template-columns:1fr}.daily-collage{display:none}.daily-copy h2{font-size:44px}}@media (width<=760px){body{height:100dvh;overflow:hidden}.app-shell{width:100%;height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));display:block;overflow:hidden}.topbar{border-radius:16px;height:60px;margin-bottom:8px;padding:7px 9px}.logo-ring{width:46px;height:46px}.brand{gap:9px}.brand-kicker{font-size:6px}.brand h1{text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:3px;font-size:15px;overflow:hidden}.header-actions{gap:5px}.shortcuts{display:none}.profile-button{padding:3px}.profile-button b{display:none}.profile-button span{width:28px;height:28px}.language button{min-width:30px;padding:4px 5px;font-size:8px}.workspace{height:calc(100dvh - 60px - 8px - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:block}.workspace>section{border-radius:17px;width:100%;height:100%;display:none;overflow-y:auto}.workspace>section[data-mobile-active=true]{display:flex}.search-panel,.playlist-panel,.player-panel{padding:13px 11px 16px}.player-panel{overflow-y:auto}.stage-surface{height:auto;min-height:100%}.immersive-backdrop{position:fixed;inset:68px 8px}.css-orbit{opacity:.24}.panel-heading{min-height:30px}.panel-heading h2{font-size:14px}.panel-heading small{max-width:52%;font-size:7px}.search-box{min-height:50px}.search-box input{font-size:11px}.source-grid{margin-block:12px}.source-grid label{padding:5px 9px 5px 6px;font-size:9px}.load-row{font-size:9px}.search-mini-list{flex:1;min-height:360px;overflow-y:visible}.track-row{min-height:58px}.track-main{padding:8px 5px}.track-copy strong{font-size:11px}.track-copy small{font-size:8px}.row-actions{opacity:1}.now-card{grid-template-rows:auto auto;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px 11px;min-height:270px;margin-top:7px;padding:15px 10px 12px}.record-wrap{width:108px;transform:perspective(700px)rotateY(-8deg)rotateX(3deg)}.track-hero h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(23px,7vw,31px);display:-webkit-box}.track-hero p{margin-bottom:17px}.volume{display:none}.hero-actions{grid-column:1/-1;align-items:center;padding:0;display:flex}.hero-actions span{max-width:150px}.lyrics{flex:none;min-height:430px}.lyrics-scroll{padding-inline:12px}.lyric-line{grid-template-columns:42px minmax(0,1fr) 42px;font-size:13px}.daily-stage{overflow-y:visible}.daily-editorial{grid-template-columns:1fr;align-content:start;gap:17px;min-height:470px;padding:22px 17px}.daily-copy h2{margin-top:13px;font-size:clamp(38px,12vw,54px)}.daily-copy p{font-size:10px}.daily-actions{margin-top:18px}.daily-collage{justify-self:center;width:min(82vw,300px)}.daily-spotlight{grid-template-columns:1fr}.daily-spotlight-card{grid-template-columns:26px 68px minmax(0,1fr);min-height:92px}.daily-spotlight-card img,.spotlight-placeholder{width:68px;height:68px}.daily-mobile-list{border-top:1px solid var(--line);margin-top:12px;display:block}.playlist-panel .tabs{grid-template-columns:repeat(2,1fr)}.playlist-panel .tabs [data-tab=daily],.playlist-panel .tabs [data-tab=results]{display:none}.playlist-toolbar strong{max-width:210px}.playlist-content{overflow-y:visible}.playlist-cards{grid-template-columns:1fr}.play-modes{justify-content:center;min-height:42px}footer{display:none}.mobile-nav{z-index:55;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090b11f0;border:1px solid #ffffff21;border-radius:20px;grid-template-columns:repeat(4,1fr);height:58px;padding:4px 6px;display:grid;position:fixed;box-shadow:0 18px 55px #00000085}.mobile-nav button{color:#777b87;cursor:pointer;background:0 0;border:0;border-radius:15px;align-content:center;place-items:center;gap:2px;display:grid}.mobile-nav button>span{position:relative}.mobile-nav button small{font-size:8px}.mobile-nav button.active{color:var(--brand);background:#ffd84d13}.mobile-nav button.is-playing>span:after{content:"";background:var(--brand);width:6px;height:6px;box-shadow:0 0 8px var(--brand);border-radius:50%;animation:.7s ease-in-out infinite alternate pulse;position:absolute;top:-3px;right:-5px}.mobile-mini-player{z-index:54;left:max(13px, env(safe-area-inset-left));right:max(13px, env(safe-area-inset-right));bottom:calc(max(7px, env(safe-area-inset-bottom)) + 63px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c12f0;border:1px solid #ffd84d33;border-radius:17px;align-items:center;gap:6px;height:58px;padding:5px 6px;display:flex;position:fixed;box-shadow:0 16px 45px #00000080}.mini-track{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.mini-track>img,.mini-track>span:first-child{object-fit:cover;width:46px;height:46px;color:var(--brand);background:#171b25;border-radius:12px;flex:none;place-items:center;display:grid}.mini-track>span:last-child{min-width:0}.mini-track strong,.mini-track small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-track strong{font-size:11px}.mini-track small{color:#858994;margin-top:3px;font-size:8px}.mini-toggle{width:42px;height:42px;color:var(--brand-ink);background:var(--brand);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.has-mobile-mini .workspace>section[data-mobile-active=true]{padding-bottom:78px}.has-mobile-mini .player-panel[data-mobile-section=player]{padding-bottom:16px}.toast{bottom:calc(max(7px, env(safe-area-inset-bottom)) + 132px)}.modal-card{padding:16px}.source-pickers{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.brand h1{max-width:150px}.language button{min-width:27px;padding-inline:4px}.daily-copy h2{font-size:39px}.daily-editorial{min-height:450px}.now-card{grid-template-columns:92px minmax(0,1fr)}.record-wrap{width:90px}.transport{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.panel:after,.immersive-webgl-host{display:none}}.tone-trigger{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:var(--control-bg);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:transform .2s,border-color .2s,background .2s;display:grid;position:relative}.tone-trigger:hover,.tone-trigger.active{border-color:var(--line-strong);transform:translateY(-1px)}.tone-trigger>i{border:2px solid var(--surface-1);border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 8px}.tone-panel{z-index:110;top:var(--tone-top);right:var(--tone-right);width:min(680px,100vw - 24px);max-height:calc(100vh - var(--tone-top) - 12px);color:var(--text);border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-2), transparent 3%), var(--surface-0));-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:21px;padding:14px;animation:.22s cubic-bezier(.2,.8,.2,1) tone-panel-in;position:fixed;overflow-y:auto;box-shadow:0 26px 90px #0000007a}@keyframes tone-panel-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}.tone-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.tone-panel>header span,.tone-panel>header strong{display:block}.tone-panel>header span{color:var(--brand);letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:700}.tone-panel>header strong{margin-top:4px;font-size:13px}.tone-panel>header button{border:1px solid var(--line);width:29px;height:29px;color:var(--muted);background:var(--control-bg);cursor:pointer;border-radius:50%;place-items:center;display:grid}.tone-groups{gap:12px;display:grid}.tone-group+.tone-group{border-top:1px solid var(--line);padding-top:11px}.tone-group-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 7px;display:flex}.tone-group-heading strong{letter-spacing:.08em;font-size:9px}.tone-group-heading small{color:var(--muted);font-size:7px}.tone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tone-card{border:1px solid var(--line);min-width:0;min-height:86px;color:var(--text);background:color-mix(in srgb, var(--surface-2), transparent 26%);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:9px;transition:transform .18s,border-color .18s,background .18s;display:grid}.tone-card:hover,.tone-card:focus-visible,.tone-card.active{border-color:var(--line-strong);background:color-mix(in srgb, var(--surface-3), transparent 18%);transform:translateY(-2px)}.tone-card.committed{box-shadow:inset 2px 0 var(--brand)}.tone-swatch{border:1px solid var(--line);background:var(--swatch-a);border-radius:10px;width:58px;height:52px;display:block;position:relative;overflow:hidden}.tone-swatch i{border-radius:50%;display:block;position:absolute}.tone-swatch i:first-child{background:var(--swatch-b);width:42px;height:42px;top:-12px;right:-8px}.tone-swatch i:nth-child(2){background:var(--swatch-c);opacity:.86;width:34px;height:34px;bottom:-12px;left:-8px}.tone-swatch i:nth-child(3){background:color-mix(in srgb, var(--swatch-c), transparent 35%);border-radius:0;height:1px;top:25px;left:10px;right:10px}.tone-card>span:nth-child(2){min-width:0}.tone-card strong,.tone-card small{display:block}.tone-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.tone-card small{color:var(--muted);margin-top:5px;font-size:7px;line-height:1.35}.tone-check{color:var(--brand);font-size:12px;font-style:normal}.motion-toggle{border:1px solid var(--line);width:100%;color:var(--text);background:var(--control-bg);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:12px;padding:10px;display:grid}.motion-toggle>span:first-child{width:34px;height:34px;color:var(--scene-theme-glow);background:color-mix(in srgb, var(--scene-theme-accent), transparent 82%);border-radius:10px;place-items:center;display:grid}.motion-toggle strong,.motion-toggle small{display:block}.motion-toggle strong{font-size:10px}.motion-toggle small{color:var(--muted);margin-top:3px;font-size:7px}.motion-toggle>i{background:var(--surface-3);border-radius:20px;width:32px;height:18px;transition:background .2s;position:relative}.motion-toggle>i:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;transition:translate .2s,background .2s;position:absolute;top:3px;left:3px}.motion-toggle.active>i{background:var(--brand)}.motion-toggle.active>i:after{background:var(--brand-ink);translate:14px}.tone-transition{z-index:150;pointer-events:none;isolation:isolate;animation:tone-lens-fade var(--tone-duration) ease-out both;background:0 0;position:fixed;inset:0;overflow:hidden}.tone-transition:before{content:"";z-index:-1;left:calc(var(--tone-origin-x) - 90vmax);top:calc(var(--tone-origin-y) - 90vmax);background:radial-gradient(circle, color-mix(in srgb, var(--tone-curtain), transparent 75%) 0 4%, color-mix(in srgb, var(--tone-curtain), transparent 86%) 18%, color-mix(in srgb, var(--tone-curtain), transparent 95%) 42%, transparent 69%);filter:blur(14px)saturate(1.04);width:180vmax;height:180vmax;animation:tone-lens-bloom var(--tone-duration) cubic-bezier(.2,.72,.18,1) both;border-radius:50%;position:absolute;transform:scale(.04)}.tone-transition:after{content:"";opacity:0;background-image:linear-gradient(color-mix(in srgb, var(--tone-curtain), white 28%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--tone-curtain), white 28%) 1px, transparent 1px);-webkit-mask-image:radial-gradient(circle at var(--tone-origin-x) var(--tone-origin-y), #000 0 17%, transparent 67%);mask-image:radial-gradient(circle at var(--tone-origin-x) var(--tone-origin-y), #000 0 17%, transparent 67%);animation:tone-grid-glide var(--tone-duration) ease-out both;background-size:58px 58px;position:absolute;inset:-6%}.tone-transition i,.tone-transition span{border:1px solid color-mix(in srgb, var(--tone-curtain), white 42%);opacity:0;transform-origin:50%;border-radius:50%;display:block;position:absolute;transform:scale(.1)}.tone-transition i{width:14vmax;height:14vmax;left:calc(var(--tone-origin-x) - 7vmax);top:calc(var(--tone-origin-y) - 7vmax);animation:tone-ring-one var(--tone-duration) cubic-bezier(.2,.72,.18,1) both}.tone-transition span{width:28vmax;height:28vmax;left:calc(var(--tone-origin-x) - 14vmax);top:calc(var(--tone-origin-y) - 14vmax);animation:tone-ring-two var(--tone-duration) cubic-bezier(.2,.72,.18,1) both}.tone-transition.reduced{background:color-mix(in srgb, var(--tone-curtain), transparent 88%);animation:.12s ease-out both tone-reduced-fade!important}.tone-transition.reduced:before,.tone-transition.reduced:after,.tone-transition.reduced i,.tone-transition.reduced span{display:none}@keyframes tone-lens-fade{0%{opacity:0}20%,58%{opacity:1}to{opacity:0}}@keyframes tone-lens-bloom{0%{opacity:0;transform:scale(.04)}24%{opacity:.62}68%{opacity:.48;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes tone-grid-glide{0%,18%{opacity:0;translate:-12px 10px}48%{opacity:.08}to{opacity:0;translate:16px -12px}}@keyframes tone-ring-one{0%{opacity:0;transform:scale(.1)}32%{opacity:.3}78%,to{opacity:0;transform:scale(2.4)}}@keyframes tone-ring-two{4%{opacity:0;transform:scale(.08)}42%{opacity:.15}92%,to{opacity:0;transform:scale(1.7)}}@keyframes tone-reduced-fade{0%{opacity:.45}to{opacity:0}}.app-shell:before,.app-shell:after{content:"";z-index:0;pointer-events:none;transition:opacity .3s,background .3s,transform .5s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.app-shell:before{opacity:.18;background:radial-gradient(circle at 55% 42%, color-mix(in srgb, var(--artwork-accent), transparent 72%), transparent 43%)}.app-shell:after{opacity:0}.app-shell[data-tone=night]{background:radial-gradient(circle at 52% 28%, color-mix(in srgb, var(--artwork-accent), transparent 78%), transparent 34%), radial-gradient(circle at 8% 0%, #ffd84d13, transparent 27%), linear-gradient(135deg, #090c13 0%, #04060b 52%, #0a0d16 100%)}.app-shell[data-tone=night]:before{opacity:.16;background:radial-gradient(circle at 55% 42%, color-mix(in srgb, var(--artwork-accent), transparent 72%), transparent 43%);filter:none;inset:0;transform:none}.app-shell[data-tone=night]:after{opacity:.14;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;transform:none;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 44%,#000,#0000 76%)}.app-shell[data-tone=night] .topbar.panel{background:linear-gradient(104deg,#11151ff2,#07090ff0);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 20px 64px #0000006b,inset 0 1px #ffffff0a}.app-shell[data-tone=night] .workspace>section.panel{box-shadow:0 24px 74px #0000006b, inset 0 0 72px color-mix(in srgb, var(--track-accent), transparent 95%);background:linear-gradient(148deg,#10141ee6,#06080ef2 72%);border:1px solid #ffffff17;border-radius:22px}.app-shell[data-tone=night] .panel-heading small{color:var(--muted);border-color:var(--line);background:#ffffff06}.app-shell[data-tone=night] .search-box{box-shadow:none;border-width:1px;border-radius:16px}.app-shell[data-tone=night] .now-card{background:linear-gradient(108deg, #141823b3, color-mix(in srgb, var(--artwork-accent), transparent 91%) 52%, #07090f8f);border-color:#ffffff12;border-radius:18px}.app-shell[data-tone=night] .daily-editorial{background:radial-gradient(circle at 82% 46%, color-mix(in srgb, var(--artwork-accent), transparent 72%), transparent 32%), linear-gradient(118deg, #121620e0, #07090fe6);border:1px solid #ffffff14;border-radius:19px;box-shadow:inset 0 -35px 90px #0000002e}.app-shell[data-tone=night] .daily-copy h2{color:var(--text-strong);text-shadow:0 14px 44px #0000005c}.app-shell[data-tone=night] .panel:after{opacity:.24;background:linear-gradient(90deg,#0000,#ffe67033,#0000);width:10%}.app-shell[data-tone=night] .immersive-backdrop.webgl-ready .css-orbit{opacity:.045}.app-shell[data-tone=night] .immersive-backdrop.webgl-ready .css-scene-grid{opacity:.035}.app-shell[data-tone=vinyl]{background:radial-gradient(circle at 55% 38%, color-mix(in srgb, var(--artwork-accent), transparent 68%), transparent 35%), radial-gradient(circle at 12% 18%, #3b2919 0 7%, transparent 7.3%), linear-gradient(128deg, #080705 0 31%, #2b2117 55%, #090806 100%)}.app-shell[data-tone=vinyl]:before{opacity:.62;background:repeating-radial-gradient(circle at 54% 46%,#0000 0 39px,#f0dfbb1f 40px 41px,#0000 42px 63px,#a878421a 64px 65px);inset:-28% -8%;transform:rotate(-4deg)}.app-shell[data-tone=vinyl]:after{content:"33⅓";opacity:.16;color:#f0dfbb;letter-spacing:-.12em;background:0 0;width:auto;height:auto;font-size:clamp(120px,18vw,280px);font-weight:700;line-height:.8;inset:auto 3% -5% auto;transform:rotate(-8deg)}.app-shell[data-tone=vinyl] .topbar.panel{background:linear-gradient(100deg,#412f1ff5,#0a0806f5 62%,#513721e6);border-color:#f0dfbb42;border-radius:46px 8px;box-shadow:0 28px 75px #0000007a,inset 0 1px #fff5da1f}.app-shell[data-tone=vinyl] .workspace>section.panel{box-shadow:0 26px 76px #00000085, inset 0 0 76px color-mix(in srgb, var(--track-accent), transparent 93%);background:linear-gradient(151deg,#30241af0,#090705f7 75%);border-color:#f0dfbb33}.app-shell[data-tone=vinyl] .search-panel{border-radius:52px 10px}.app-shell[data-tone=vinyl] .player-panel{border-radius:10px 52px}.app-shell[data-tone=vinyl] .playlist-panel{border-radius:52px 10px}.app-shell[data-tone=vinyl] .brand-kicker,.app-shell[data-tone=vinyl] .panel-heading h2 .ui-icon{color:#e3c791}.app-shell[data-tone=vinyl] .now-card{background:linear-gradient(108deg, #6b4c2b61, color-mix(in srgb, var(--artwork-accent), transparent 88%) 52%, #0907057a);border-color:#f0dfbb33;border-radius:46px 8px}.app-shell[data-tone=vinyl] .daily-editorial{background:linear-gradient(112deg, #7a562ec7, #0e0a07e6 55%), radial-gradient(circle, var(--artwork-accent), transparent 60%);border-color:#f0dfbb42;border-radius:8px 58px}.app-shell[data-tone=vinyl] .daily-copy h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:500}.app-shell[data-tone=vinyl] .track-row{border-bottom-color:#f0dfbb1a}.app-shell[data-tone=vinyl] .panel:after{opacity:.36;background:linear-gradient(90deg,#0000,#f0dfbb2e,#0000)}.app-shell[data-tone=arcade]{background:radial-gradient(circle at 55% 30%, color-mix(in srgb, var(--artwork-accent), transparent 58%), transparent 31%), linear-gradient(135deg, #05040b 0 25%, #161144 52%, #05040b 82% 100%)}.app-shell[data-tone=arcade]:before{opacity:.64;background-image:linear-gradient(#2fe6ff26 1px,#0000 1px),linear-gradient(90deg,#ff4bd821 1px,#0000 1px);background-size:32px 32px;transform:perspective(700px)rotateX(8deg)scale(1.12);-webkit-mask-image:linear-gradient(#0000,#000 24% 86%,#0000);mask-image:linear-gradient(#0000,#000 24% 86%,#0000)}.app-shell[data-tone=arcade]:after{opacity:.24;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff17 0 1px,#0000 1px 4px)}.app-shell[data-tone=arcade] .topbar.panel{background:linear-gradient(90deg,#1f1651f7,#05040df5 58%,#4b1365e0);border:2px solid #2fe6ff;border-radius:3px 26px;box-shadow:6px 6px #ff4bd88a,-3px -3px #2fe6ff40}.app-shell[data-tone=arcade] .workspace>section.panel{box-shadow:6px 6px 0 #ff4bd86b, inset 0 0 68px color-mix(in srgb, var(--track-accent), transparent 89%);background:linear-gradient(145deg,#191441f2,#05040dfa 72%);border:2px solid #2fe6ffb8}.app-shell[data-tone=arcade] .search-panel{border-radius:28px 3px 3px}.app-shell[data-tone=arcade] .player-panel{border-radius:3px 28px}.app-shell[data-tone=arcade] .playlist-panel{border-radius:3px 3px 28px}.app-shell[data-tone=arcade] .logo-ring img{image-rendering:pixelated}.app-shell[data-tone=arcade] .brand-kicker,.app-shell[data-tone=arcade] .panel-heading h2 .ui-icon{color:#2fe6ff;text-shadow:2px 0 #ff4bd8}.app-shell[data-tone=arcade] .panel-heading small{color:#f8f5ff;background:#ff4bd81f;border-color:#ff4bd88c}.app-shell[data-tone=arcade] .search-box{border:2px solid #2fe6ff;border-radius:2px;box-shadow:4px 4px #ff4bd880}.app-shell[data-tone=arcade] .now-card{background:linear-gradient(118deg, #18456d8a, color-mix(in srgb, var(--artwork-accent), transparent 80%) 50%, #2c093c7a);border:1px solid #2fe6ff85;border-radius:2px 24px}.app-shell[data-tone=arcade] .daily-editorial{background:linear-gradient(125deg, #124269e6, color-mix(in srgb, var(--artwork-accent), transparent 54%) 54%, #47095be6);border:2px solid #2fe6ff;border-radius:24px 2px;box-shadow:7px 7px #ff4bd87a}.app-shell[data-tone=arcade] .daily-copy h2{text-transform:uppercase;text-shadow:4px 4px #ff4bd87a,-2px -2px #2fe6ff47}.app-shell[data-tone=arcade] .panel:after{opacity:.72;background:linear-gradient(90deg,#0000,#2fe6ff4d,#ff4bd82e,#0000);width:16%;height:140%;animation-duration:6s;top:-20%;left:-45%}.app-shell[data-tone=burgundy]{background:radial-gradient(ellipse at 50% -15%, #ff447194, transparent 43%), radial-gradient(circle at 57% 42%, color-mix(in srgb, var(--artwork-accent), transparent 62%), transparent 34%), linear-gradient(112deg, #130004 0 19%, #5e071f 48%, #170006 83% 100%)}.app-shell[data-tone=burgundy]:before{opacity:.9;background:conic-gradient(from 205deg at 50% -10%, transparent 0 13%, #ff759933 15% 20%, transparent 23% 32%, #740022b3 35% 49%, transparent 52% 65%, #ff28643d 69% 74%, transparent 78%);filter:blur(2px);inset:-22% -8%;transform:rotate(-2deg)}.app-shell[data-tone=burgundy]:after{opacity:.42;background:repeating-linear-gradient(104deg,#0000 0 9%,#ffbecd12 9.15% 9.3%,#0000 9.45% 18%),linear-gradient(90deg,#0a0003e6,#0000 13% 87%,#0a0003e6);inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.app-shell[data-tone=burgundy] .topbar.panel{background:linear-gradient(100deg,#590520f5,#190009e0 62%,#750928e0);border-color:#ffa8bf47;box-shadow:0 24px 80px #4700138c,inset 0 1px #ffd2dc1f}.app-shell[data-tone=burgundy] .workspace>section.panel{background:linear-gradient(154deg,#4a041be8,#120007f0 72%);border-color:#ff87ab33;box-shadow:0 26px 80px #3d001285,inset 0 1px #ffbfcf12}.app-shell[data-tone=burgundy] .search-panel{border-radius:42px 18px 18px 42px}.app-shell[data-tone=burgundy] .playlist-panel{border-radius:18px 42px 42px 18px}.app-shell[data-tone=burgundy] .player-panel{box-shadow:0 0 0 1px #ff46792e, 0 34px 100px #5a001a99, inset 0 0 90px color-mix(in srgb, var(--track-accent), transparent 87%)}.app-shell[data-tone=burgundy] .now-card{background:linear-gradient(112deg, #7e0a2d94, color-mix(in srgb, var(--artwork-accent), transparent 86%) 52%, #12000859);border-color:#ff9ab82e}.app-shell[data-tone=burgundy] .daily-editorial{background:radial-gradient(circle at 82% 50%, color-mix(in srgb, var(--artwork-accent), transparent 54%), transparent 32%), linear-gradient(118deg, #80092de0, #180009db);border-color:#ff97b43d}.app-shell[data-tone=burgundy] .daily-copy h2{text-shadow:0 12px 42px #ff28645c}.app-shell[data-tone=burgundy] .panel:after{opacity:.7;background:linear-gradient(90deg,#0000,#ffb6c82e,#0000)}.app-shell[data-tone=cobalt]{background:linear-gradient(90deg, #000b3033, transparent 27% 73%, #000b3047), radial-gradient(circle at 54% 26%, color-mix(in srgb, var(--artwork-accent), transparent 57%), transparent 30%), linear-gradient(132deg, #00113d 0 26%, #0758e5 58%, #00113d 100%)}.app-shell[data-tone=cobalt]:before{opacity:.7;background:radial-gradient(circle at 83% 22%,#0000 0 12%,#71e5ff5c 12.2% 12.5%,#0000 12.8% 22%,#2867ff47 22.2% 22.6%,#0000 23%),linear-gradient(122deg,#0000 0 43%,#74e4ff33 43.2% 43.8%,#0000 44%);inset:-18%;transform:rotate(3deg)}.app-shell[data-tone=cobalt]:after{opacity:.36;background-image:linear-gradient(#82e3ff33 1px,#0000 1px),linear-gradient(90deg,#82e3ff33 1px,#0000 1px);background-size:48px 48px;transform:perspective(800px)rotateX(2deg)scale(1.05);-webkit-mask-image:linear-gradient(115deg,#0000 5%,#000 28% 72%,#0000 95%);mask-image:linear-gradient(115deg,#0000 5%,#000 28% 72%,#0000 95%)}.app-shell[data-tone=cobalt] .topbar.panel{background:linear-gradient(90deg,#04329ef5,#000d3aed 54%,#0657e3e6);border:1px solid #72e4ff6b;box-shadow:7px 7px #002fa5b8,inset 0 1px #b8efff2e}.app-shell[data-tone=cobalt] .workspace>section.panel{box-shadow:7px 7px 0 #002582b8, inset 0 0 70px color-mix(in srgb, var(--track-accent), transparent 91%);background:linear-gradient(145deg,#04329de8,#000d38f2 69%);border:1px solid #72e4ff57}.app-shell[data-tone=cobalt] .panel-heading small{color:#c8f5ff;background:#0011457a;border-color:#72e4ff6b}.app-shell[data-tone=cobalt] .now-card{background:linear-gradient(122deg, #0958ea85, color-mix(in srgb, var(--artwork-accent), transparent 81%) 52%, #000b2f94);border-color:#72e4ff40;border-radius:4px 32px}.app-shell[data-tone=cobalt] .daily-editorial{background:linear-gradient(128deg, #0a5cf1eb, color-mix(in srgb, var(--artwork-accent), transparent 57%) 58%, #000f3eeb);border:1px solid #7ae7ff6b;border-radius:2px 42px;box-shadow:inset 0 -42px 90px #000c3459}.app-shell[data-tone=cobalt] .daily-copy h2{text-transform:uppercase;text-shadow:5px 5px #001a6f8c}.app-shell[data-tone=cobalt] .panel:after{opacity:.62;background:linear-gradient(90deg,#0000,#7ae7ff47,#0000);width:9%}.app-shell[data-tone=paper]{background:radial-gradient(circle at 55% 32%, color-mix(in srgb, var(--artwork-accent), transparent 72%), transparent 33%), linear-gradient(112deg, #f0e4c8 0 68%, #e7d2aa 68% 100%)}.app-shell[data-tone=paper]:before{opacity:.92;aspect-ratio:1;mix-blend-mode:multiply;background:#f24b2a;border-radius:50%;width:46vw;inset:auto -9% -28% auto}.app-shell[data-tone=paper]:after{opacity:.78;mix-blend-mode:multiply;background:#1768ff;width:9vw;height:92vh;inset:7% auto auto 42%;transform:rotate(13deg)}.app-shell[data-tone=paper] .topbar.panel,.app-shell[data-tone=paper] .workspace>section.panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#fff8e5f7,#ecd6aaf5);border:2px solid #17130d;box-shadow:8px 8px #17130d}.app-shell[data-tone=paper] .topbar:before{opacity:.18;background:linear-gradient(90deg,#f24b2a 0 18%,#0000 18% 82%,#1768ff 82%)}.app-shell[data-tone=paper] .panel:after{opacity:.34;background:linear-gradient(90deg,#0000,#ffffff9e,#0000);width:12%}.app-shell[data-tone=paper] .panel-heading h2,.app-shell[data-tone=paper] .brand h1{letter-spacing:-.055em;font-weight:800}.app-shell[data-tone=paper] .panel-heading small{color:#17130d;background:#ffd84d;border:1px solid #17130d}.app-shell[data-tone=paper] .search-box{border:2px solid #17130d;border-radius:2px;box-shadow:4px 4px #f24b2a}.app-shell[data-tone=paper] .now-card{background:linear-gradient(110deg, color-mix(in srgb, var(--artwork-accent), #080a12 72%), #07090f75);border-color:#ffffff21;border-radius:2px}.app-shell[data-tone=paper] .daily-editorial{background:linear-gradient(108deg,#f24b2a 0 34%,#ffd84d 34% 36%,#fff8e5f0 36%);border:2px solid #17130d;border-radius:2px;box-shadow:9px 9px #1768ff}.app-shell[data-tone=paper] .daily-copy h2{color:#17130d;text-shadow:3px 3px #fff8e557}.app-shell[data-tone=paper] .daily-count{color:#1768ff;text-shadow:3px 3px #17130d}.app-shell[data-tone=paper] .daily-spotlight-card{border:1px solid #17130d;border-radius:2px;box-shadow:3px 3px #17130dd1}.app-shell[data-tone=paper] .topbar,.app-shell[data-tone=paper] .search-panel,.app-shell[data-tone=paper] .playlist-panel,.app-shell[data-tone=paper] .player-panel.stage-mode-daily{box-shadow:8px 8px #17130d}.app-shell[data-tone=paper] .workspace>section.player-panel.stage-mode-player{--text:#f4f3ee;--text-strong:#fbfaf5;--muted:#9699a6;--quiet:#666b79;--line:#ffffff1b;--line-strong:#ffd84d47;--control-bg:#1b1f2bc7;color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--artwork-accent), #11151f 82%), #06080efa);box-shadow:8px 8px 0 #17130d, inset 0 0 90px color-mix(in srgb, var(--artwork-accent), transparent 88%);border-color:#17130d}.app-shell[data-tone=paper] .daily-editorial{background:linear-gradient(108deg,#f24b2a 0 34%,#ffd84d 34% 36%,#fff8e5f0 36%);border-color:#17130d}.app-shell[data-tone=paper] .daily-spotlight-card{background:#fffcf5a8}.app-shell[data-tone=paper] .daily-copy p,.app-shell[data-tone=paper] .spotlight-copy small,.app-shell[data-tone=paper] .playlist-toolbar strong,.app-shell[data-tone=paper] .track-copy small{color:var(--muted)}.app-shell[data-tone=paper] .tabs button.active,.app-shell[data-tone=paper] .track-copy strong{color:var(--text-strong)}.app-shell[data-tone=paper] .search-box input,.app-shell[data-tone=paper] .playlist-search,.app-shell[data-tone=paper] .modal-label input{color:var(--text-strong);background:var(--input-bg)}.app-shell[data-tone=paper] .playlist-toolbar button,.app-shell[data-tone=paper] .icon-upload,.app-shell[data-tone=paper] .play-modes button{color:var(--text);background:var(--control-bg)}.app-shell[data-tone=paper] .modal-card{color:var(--text);background:linear-gradient(145deg,#f7f2e8,#ded6c9);box-shadow:0 34px 100px #2a231b4d}.app-shell[data-tone=paper] .mobile-nav{border-color:var(--line);color:var(--text);background:#f7f2e8f0;box-shadow:0 18px 55px #44392b3d}.app-shell[data-tone=paper] .mobile-nav button{color:var(--quiet)}.app-shell[data-tone=paper] .mobile-nav button.active{color:#7c5a00;background:#ffd84d38}.app-shell[data-tone=paper] .mobile-mini-player{--text:#f4f3ee;--muted:#9699a6;color:var(--text);background:#0a0c12f2}.app-shell[data-tone=paper] .brand-kicker,.app-shell[data-tone=paper] .search-panel .panel-heading h2 .ui-icon,.app-shell[data-tone=paper] .playlist-panel .panel-heading h2 .ui-icon{color:#f24b2a}@media (width<=760px){.tone-panel{top:auto;right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));bottom:calc(max(7px, env(safe-area-inset-bottom)) + 66px);border-radius:22px;width:auto;max-height:min(610px,100dvh - 86px);animation-name:tone-sheet-in;overflow-y:auto}@keyframes tone-sheet-in{0%{opacity:0;transform:translateY(18px)}}.tone-group-heading{z-index:2;background:linear-gradient(var(--surface-1) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-inline:-4px;padding:10px 6px 7px;position:sticky;top:-14px}.tone-grid{grid-template-columns:1fr}.tone-card{grid-template-columns:54px minmax(0,1fr) 18px;min-height:72px}.tone-swatch{width:54px;height:46px}.tone-transition{--tone-duration:.25s}.app-shell[data-tone=night] .topbar.panel,.app-shell[data-tone=night] .workspace>section.panel{box-shadow:0 16px 48px #00000061, inset 0 0 48px color-mix(in srgb, var(--track-accent), transparent 96%);border-radius:17px}.app-shell[data-tone=vinyl] .topbar.panel,.app-shell[data-tone=vinyl] .workspace>section.panel{box-shadow:0 18px 50px #0000007a, inset 0 0 58px color-mix(in srgb, var(--track-accent), transparent 94%)}.app-shell[data-tone=vinyl] .search-panel,.app-shell[data-tone=vinyl] .playlist-panel{border-radius:38px 7px}.app-shell[data-tone=vinyl] .player-panel{border-radius:7px 38px}.app-shell[data-tone=arcade] .topbar.panel,.app-shell[data-tone=arcade] .workspace>section.panel{box-shadow:3px 3px 0 #ff4bd880, -1px -1px 0 #2fe6ff4d, inset 0 0 48px color-mix(in srgb, var(--track-accent), transparent 91%)}.app-shell[data-tone=arcade] .daily-editorial{box-shadow:3px 3px #ff4bd87a}.scene-vinyl .orbit-one{width:69%}.scene-vinyl .orbit-two{width:98%}.scene-vinyl .css-theme-motif i{width:29%}.scene-arcade .orbit-one{width:68%}.scene-arcade .orbit-two{width:96%}.scene-arcade .css-theme-motif>*{box-shadow:32px 18px var(--scene-secondary), -40px 42px var(--scene-glow), 68px -52px var(--scene-primary), -76px -38px var(--scene-secondary), 92px 72px var(--scene-glow), -104px 84px var(--scene-primary)}.app-shell[data-tone=paper] .topbar,.app-shell[data-tone=paper] .search-panel,.app-shell[data-tone=paper] .playlist-panel,.app-shell[data-tone=paper] .player-panel{box-shadow:4px 4px #17130d}.app-shell[data-tone=paper]:before{width:88vw;bottom:-8%;right:-30%}.app-shell[data-tone=paper]:after{width:17vw;left:48%}}