.lyrics-panel{min-width:0;max-height:calc(100dvh / var(--zoom) - 150px);border-radius:var(--r-xl);background:var(--material);box-shadow:var(--glass-edge), 0 30px 60px -30px #0009;animation:rise .5s var(--out) backwards;grid-template-rows:auto auto minmax(0,1fr) auto auto;padding:20px 20px 16px;display:grid}.lyrics-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lyrics-bar h2{font:750 1.375rem/1.2 var(--font-display);letter-spacing:-.03em}.lyrics-actions,.lyrics-offset{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lyrics-panel .pill,.lyrics-dialog .pill{white-space:normal;min-height:36px}.lyrics-heading{overflow-wrap:anywhere;margin:16px 0 6px}.lyrics-heading h3{letter-spacing:-.01em;font-size:1rem;font-weight:650}.lyrics-heading p,.lyrics-tools>p{color:var(--label-2);font-size:.875rem}.lyrics-heading .lyrics-mode{color:var(--tint-text);margin-top:6px;font-size:.75rem;font-weight:600}.lyrics-scroll{overscroll-behavior:contain;scrollbar-width:none;border-radius:12px;min-height:160px;margin:0 -8px;padding:8px;scroll-padding:16px;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 48px calc(100% - 64px),#0000);mask-image:linear-gradient(#0000,#000 48px calc(100% - 64px),#0000)}.lyrics-lines{gap:4px;padding:40px 0 120px;display:grid}.lyrics-line{text-align:left;width:100%;font:750 clamp(1.375rem, 2vw, 1.75rem)/1.3 var(--font-display);letter-spacing:-.025em;color:#ffffff4d;overflow-wrap:anywhere;white-space:pre-wrap;transform-origin:0;transition:color .5s var(--ease), transform .6s var(--spring), filter .5s var(--ease), background-color .2s;border-radius:12px;padding:8px 10px;display:block}.lyrics-line:not(:disabled):active{transform:scale(.98)}.lyrics-line:hover{background:var(--fill-3);color:#fff9}.lyrics-lines [data-active=true] .lyrics-line{color:var(--label);text-shadow:0 0 28px #ffffff40;transform:scale(1.03)}.lyrics-line.selected{background:var(--fill-3);color:var(--label);box-shadow:inset 0 0 0 1.5px var(--tint-text)}.lyrics-pause{color:var(--label-3);letter-spacing:.3em;padding:8px 10px;font-size:1.75rem;display:block}.lyrics-plain{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--label-2);padding:8px;font-size:1.125rem;line-height:1.85}.lyrics-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.lyrics-tools>p{flex-basis:100%;font-size:.8125rem}.lyrics-offset output{font-variant-numeric:tabular-nums;color:var(--label-2);font-size:.8125rem}.lyrics-source{color:var(--label-3);overflow-wrap:anywhere;margin-top:12px;font-size:.75rem}.lyrics-source a{text-underline-offset:3px;text-decoration:underline}.lyrics-empty{color:var(--label-2);align-content:center;justify-items:start;gap:16px;padding:36px 0;display:grid}dialog.lyrics-dialog{width:100%;max-width:none;height:calc(100dvh / var(--zoom));max-height:none;color:var(--label);background:#07050a;border:0;border-radius:0;margin:0;padding:0;overflow:hidden}dialog.lyrics-dialog[open]{animation:lyrics-open .5s var(--out)}dialog.lyrics-dialog::backdrop{background:#07050a}@keyframes lyrics-open{0%{opacity:0;transform:scale(1.02)}}.lyrics-room{background:radial-gradient(60% 70% at 25% 35%, oklch(.42 .16 var(--hue)), transparent 70%), radial-gradient(50% 60% at 80% 75%, oklch(.32 .15 calc(var(--hue) + 50)), transparent 70%), #07050a;position:absolute;inset:0;overflow:hidden}.lyrics-room i{aspect-ratio:1;background:var(--cover) center / cover no-repeat;filter:blur(90px)saturate(170%);opacity:.85;will-change:transform;border-radius:46%;animation:90s linear infinite turn,14s ease-in-out infinite alternate breathe-room;position:absolute}.lyrics-room i:first-child{width:95vmax;top:-40vmax;left:-25vmax}.lyrics-room i:nth-child(2){opacity:.7;width:80vmax;animation-duration:120s,18s;animation-direction:reverse,alternate;bottom:-35vmax;right:-25vmax}.lyrics-room i:nth-child(3){opacity:.5;width:60vmax;animation-duration:70s,11s;top:30%;left:30%}@keyframes breathe-room{0%{scale:1}to{scale:1.12}}.lyrics-room:after{content:"";background:linear-gradient(90deg,#07050a80,#07050aa8 55%,#07050ac7),radial-gradient(120% 90%,#0000 40%,#07050a80);position:absolute;inset:0}.lyrics-dialog-inner{width:min(100%,1440px);height:100%;padding:max(40px, env(safe-area-inset-top)) max(48px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(48px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(260px,.85fr) minmax(0,1.25fr);align-items:center;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid;position:relative}.lyrics-player{width:min(100%,440px);animation:rise .6s 50ms var(--out) backwards;justify-self:end;gap:22px;display:grid}.lyrics-player .artwork.xl{box-shadow:0 40px 90px -30px #000000e6,inset 0 0 0 .5px #ffffff1a}.lyrics-player-text{gap:2px;min-width:0;display:grid}.lyrics-player-text strong{font:750 clamp(1.375rem, 2vw, 1.75rem)/1.2 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.lyrics-player-text span{color:#ffffff9e;font-size:1.0625rem}.lyrics-transport{gap:10px;display:grid}.lyrics-transport .transport{justify-content:center}.lyrics-transport .progress-bar:before{background:#fff3}.lyrics-reader{min-width:0;height:100%;min-height:0;animation:rise .6s .12s var(--out) backwards;flex-direction:column;align-self:stretch;display:flex}.lyrics-reader .lyrics-bar h2{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:700}.lyrics-reader .lyrics-bar .pill{background:#ffffff1f}.lyrics-reader .lyrics-heading h3,.lyrics-reader .lyrics-heading p:not(.lyrics-mode){display:none}.lyrics-reader .lyrics-heading{margin:6px 0 0}.lyrics-dialog .lyrics-scroll{flex:1;min-height:100px;max-height:none;margin:0 -10px;padding:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(#0000,#000 12% 80%,#0000)}.lyrics-dialog .lyrics-lines{gap:10px;padding:30vh 0 40vh}.lyrics-dialog .lyrics-line{letter-spacing:-.035em;color:#ffffff47;padding:8px 10px;font-size:clamp(1.75rem,3.4vw,3.25rem);line-height:1.2}.lyrics-dialog .lyrics-line:hover{color:#fff9;background:#ffffff0f}.lyrics-dialog .lyrics-lines [data-active=true] .lyrics-line{color:#fff;text-shadow:none;transform:scale(1.02)}.lyrics-dialog .lyrics-tools,.lyrics-dialog .lyrics-source{flex:none}.lyrics-dialog .lyrics-tools .pill{background:#ffffff1f}@media (width<=860px){.lyrics-dialog-inner{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px}.lyrics-player{grid-template-columns:64px minmax(0,1fr);justify-self:stretch;align-items:center;gap:6px 14px;width:100%}.lyrics-player .artwork.xl{border-radius:10px;width:64px}.lyrics-player-text strong{font-size:1.125rem}.lyrics-player-text span{font-size:.875rem}.lyrics-transport{grid-column:1/-1}.lyrics-transport .transport.l .icon-button{width:48px;height:48px}.lyrics-transport .transport.l .play{width:60px;height:60px}.lyrics-dialog .lyrics-lines{padding:16vh 0 30vh}.lyrics-dialog .lyrics-line{font-size:clamp(1.375rem,6.5vw,2rem)}}@media (width<=1100px){.lyrics-panel{max-height:calc(70dvh / var(--zoom))}}@media (width<=480px){.lyrics-panel{margin:0 -8px;padding:16px}.lyrics-bar{gap:8px}.lyrics-bar .pill{padding:0 12px}.lyrics-actions{gap:0}}@media (prefers-reduced-motion:reduce){.lyrics-panel *,.lyrics-dialog *{scroll-behavior:auto;transition:none;animation:none}dialog.lyrics-dialog[open]{animation:none}}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-cyrillic-ext-wght-normal-D_UHSL_T.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.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:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hue:350;--bg:#060609;--label:#f6f6f8;--label-2:#ebebf5a3;--label-3:#ebebf56b;--label-4:#ebebf533;--fill:#ffffff26;--fill-2:#ffffff1a;--fill-3:#ffffff0f;--separator:#ffffff17;--hairline:#ffffff14;--material:#1414198c;--material-thick:#121217d1;--card:#ffffff0b;--card-hover:#ffffff13;--tint:oklch(.76 .15 var(--hue));--tint-strong:oklch(.57 .2 var(--hue));--tint-text:oklch(.85 .1 var(--hue));--tint-soft:oklch(.72 .17 var(--hue) / .16);--brand-gradient:linear-gradient(120deg, #fc8505 0%, #fc1156 34%, #e90088 62%, #c908f7 100%);--red:#ff453a;--red-text:#ff6961;--green:#30d158;--orange:#ff9f0a;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Hanken Grotesk Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Hanken Grotesk Variable", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--spring:cubic-bezier(.32, .72, 0, 1);--ease:cubic-bezier(.22, 1, .36, 1);--out:cubic-bezier(.16, 1, .3, 1);--bounce:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1);--glass:blur(36px) saturate(180%);--glass-edge:inset 0 1px 0 #ffffff12, inset 0 0 0 .5px #ffffff17;--float:0 30px 70px -20px #000000a6, 0 10px 24px -12px #00000080;--r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--sidebar:272px;--dock:96px;--tabbar:0px;--gutter:clamp(20px, 3.4vw, 52px);--zoom:1}@media (width>=2200px) and (height>=1200px){:root{--zoom:1.15;zoom:1.15}}@media (width>=2700px) and (height>=1450px){:root{--zoom:1.35;zoom:1.35}}@media (width>=3300px) and (height>=1800px){:root{--zoom:1.6;zoom:1.6}}@media (width>=3700px) and (height>=2000px){:root{--zoom:1.8;zoom:1.8}}@property --hue{syntax:"<number>";inherits:true;initial-value:350}*,:before,:after{box-sizing:border-box}html{scroll-padding-bottom:calc(var(--dock) + var(--tabbar) + 32px);background:var(--bg);-webkit-text-size-adjust:100%;scrollbar-color:var(--fill) transparent;scrollbar-width:thin}body{min-height:calc(100dvh / var(--zoom));background:var(--bg);color:var(--label);font:400 .9375rem/1.47 var(--font);letter-spacing:-.008em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";margin:0}::selection{background:oklch(.72 .17 var(--hue) / .35)}:focus-visible{outline:2px solid var(--tint);outline-offset:2px}h1,h2,h3,p,dl,dd{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--label-2);transition:color .2s var(--ease);text-decoration:none}a:hover{color:var(--label)}kbd{font:600 .6875rem/1 var(--font);background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-3);border-radius:6px;padding:3px 6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex:none;display:block}.skip-link{z-index:90;background:var(--label);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;top:-80px;left:16px}.skip-link:focus{color:var(--bg);top:16px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--label-3);font-size:.6875rem;font-weight:700}.backdrop{z-index:0;pointer-events:none;background:var(--bg);contain:strict;position:fixed;inset:0;overflow:hidden}.mesh,.covers,.ambient,.ambient-out{position:absolute;inset:0}.mesh{filter:blur(70px)saturate(130%);opacity:.5}.mesh i{background:radial-gradient(circle at 50% 50%, oklch(.55 .16 var(--blob)) 0%, oklch(.45 .14 var(--blob) / .5) 38%, transparent 68%);will-change:transform;border-radius:50%;width:62vmax;height:62vmax;animation:46s ease-in-out infinite alternate wander;position:absolute}.mesh i:first-child{--blob:var(--hue);top:-18vmax;left:-14vmax}.mesh i:nth-child(2){--blob:calc(var(--hue) + 38);animation-duration:58s;animation-delay:-12s;top:6vmax;right:-18vmax}.mesh i:nth-child(3){--blob:calc(var(--hue) - 46);animation-duration:64s;animation-delay:-30s;bottom:-30vmax;left:22vmax}.mesh i:nth-child(4){--blob:calc(var(--hue) + 160);opacity:.45;animation-duration:72s;animation-delay:-20s;bottom:-34vmax;right:10vmax}.backdrop.brand .mesh{opacity:.62}.backdrop.brand .mesh i:first-child{background:radial-gradient(circle,#fc1156e6,#fc115640 40%,#0000 68%)}.backdrop.brand .mesh i:nth-child(2){background:radial-gradient(circle,#c908f7bf,#c908f733 40%,#0000 68%)}.backdrop.brand .mesh i:nth-child(3){background:radial-gradient(circle,#fc850599,#fc850526 40%,#0000 68%)}.backdrop.brand .mesh i:nth-child(4){background:radial-gradient(circle,#e90088b3,#e9008833 40%,#0000 68%)}@keyframes wander{0%{transform:translate(0,0)scale(1)}50%{transform:translate(8vmax,6vmax)scale(1.18)}to{transform:translate(-6vmax,10vmax)scale(.92)}}.covers{filter:blur(84px)saturate(165%)brightness(.72);transform:translateZ(0)}.ambient i,.ambient-out i{aspect-ratio:1;background:var(--cover) center / cover no-repeat;will-change:transform;border-radius:46%;animation:80s linear infinite turn;position:absolute}.ambient i:first-child,.ambient-out i:first-child{width:92vmax;top:-34vmax;left:-22vmax}.ambient i:nth-child(2),.ambient-out i:nth-child(2){opacity:.85;width:84vmax;animation-duration:104s;animation-direction:reverse;bottom:-30vmax;right:-26vmax}.ambient i:nth-child(3),.ambient-out i:nth-child(3){opacity:.5;width:64vmax;animation-duration:62s;top:26%;left:30%}.ambient{animation:ambient-in 1.6s var(--ease) both}.ambient-out{animation:ambient-out 1.6s var(--ease) forwards}.backdrop:not(.moving) i{animation-play-state:paused}@keyframes turn{to{rotate:360deg}}@keyframes ambient-in{0%{opacity:0}}@keyframes ambient-out{to{opacity:0}}.grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.backdrop:after{content:"";background:radial-gradient(130% 100% at 50% 0,#0000 30%,#0606098c 85%),linear-gradient(#0606092e,#0606099e);position:absolute;inset:0}#root{z-index:1;transition:opacity .45s var(--ease);position:relative}html:not(.ready) #root{opacity:0}button,input,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .22s var(--ease), color .22s var(--ease), box-shadow .22s var(--ease), transform .4s var(--spring), opacity .2s;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex}button:disabled{cursor:default;opacity:.32}button:not(:disabled):active{transform:scale(.95)}.primary,.pill{white-space:nowrap;border-radius:999px;min-height:36px;padding:0 16px;font-size:.875rem;font-weight:600}.pill{background:var(--fill-2);color:var(--label);box-shadow:inset 0 0 0 .5px var(--hairline)}.pill:not(:disabled):hover{background:var(--fill)}.pill.quiet{box-shadow:none;color:var(--tint-text);background:0 0}.pill.quiet:not(:disabled):hover{background:var(--fill-3)}.primary,.pill.primary{background:var(--tint-strong);color:#fff;box-shadow:inset 0 1px 0 #ffffff2e, 0 8px 22px -10px oklch(.5 .2 var(--hue) / .9)}.primary:not(:disabled):hover,.pill.primary:not(:disabled):hover{background:oklch(.62 .2 var(--hue))}.primary.large{min-height:50px;padding:0 28px;font-size:1.0625rem}.pill.danger{color:var(--red-text);box-shadow:none;background:#ff453a29}.pill.danger:not(:disabled):hover{background:#ff453a42}.danger-text{color:var(--red-text)}.icon-button{width:36px;height:36px;color:var(--label-2);border-radius:999px;flex:none}.icon-button:not(:disabled):hover{color:var(--label);background:var(--fill-3)}.icon-button.tinted{color:var(--tint)}.spinner{opacity:.8;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}input:not([type=range],[type=checkbox],[type=radio],[type=file]){border-radius:var(--r-s);background:var(--fill-3);width:100%;min-height:40px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label);transition:background-color .2s var(--ease), box-shadow .25s var(--ease);border:0;padding:0 13px}input::placeholder{color:var(--label-3)}input:not([type=range],[type=checkbox],[type=radio],[type=file]):focus{background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--tint), 0 0 0 4px var(--tint-soft);outline:none}.select{border-radius:var(--r-s);background:var(--fill-3);width:100%;min-width:0;min-height:40px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label);text-align:start;justify-content:space-between;gap:8px;padding:0 12px}.select:not(:disabled):hover,.select.open{background:var(--fill-2)}.select:not(:disabled):active{transform:none}.select:focus-visible{box-shadow:inset 0 0 0 1px var(--tint), 0 0 0 4px var(--tint-soft);outline:none}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-value.placeholder{color:var(--label-3)}.select>.icon:last-child{color:var(--label-3);transition:rotate .4s var(--spring);flex:none}.select.open>.icon:last-child{rotate:180deg}.select-dot{background:var(--dot);border-radius:50%;flex:none;width:9px;height:9px}.select-list{z-index:80;overscroll-behavior:contain;border-radius:var(--r-m);background:var(--material-thick);-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), var(--float);transform-origin:top;animation:pop .32s var(--spring);scrollbar-width:thin;outline:none;margin:0;padding:6px;list-style:none;position:fixed;overflow-y:auto}.select-list.upward{transform-origin:bottom}.select-list li{min-height:38px;color:var(--label);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:.9375rem;transition:background-color .12s;display:flex}.select-list li.active{background:var(--fill-2)}.select-list li>.icon{color:var(--label-2);flex:none}.select-list li[aria-selected=true]>.icon:last-child{color:var(--tint)}.field{gap:6px;display:grid}.field>span{color:var(--label-2);font-size:.8125rem}.hint{color:var(--label-2);font-size:.8125rem;line-height:1.45}.note{border-radius:var(--r-m);background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-2);animation:rise .45s var(--out) backwards;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.875rem;display:flex}.note .icon{margin-top:1px}.note.warn{color:#ffd38a;background:#ff9f0a1c;box-shadow:inset 0 0 0 .5px #ff9f0a40}.note.ok{color:#a6f0b8;background:#30d1581c;box-shadow:inset 0 0 0 .5px #30d15838}.note .pill{margin-left:auto}.note.warn a{color:inherit;text-underline-offset:3px;text-decoration:underline}.service-status{margin-bottom:20px}.service-status>.icon{flex-shrink:0}.service-status p{margin:4px 0 8px}.slider{gap:6px;min-width:0;display:grid}.slider-label{justify-content:space-between;gap:12px;font-size:.875rem;display:flex}.slider-label output{color:var(--label-2);font-variant-numeric:tabular-nums}.slider-row{color:var(--label-3);align-items:center;gap:12px;display:flex}.slider-track{flex:1;align-items:center;height:26px;display:flex;position:relative}.slider-track:before,.slider-track:after{content:"";background:var(--fill);pointer-events:none;height:5px;transition:height .35s var(--spring), background-color .2s;border-radius:999px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.slider-track:after{left:var(--start);right:calc(100% - var(--end));background:#ffffffdb}.slider:hover .slider-track:before,.slider:hover .slider-track:after,.slider-track:focus-within:before,.slider-track:focus-within:after{height:8px}.slider:hover .slider-track:after,.slider-track:focus-within:after{background:#fff}.slider input[type=range]{z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0;position:relative}.slider input[type=range]::-webkit-slider-thumb{appearance:none;opacity:.001;width:18px;height:18px;transition:transform .4s var(--bounce), opacity .2s;background:#fff;border-radius:50%;transform:scale(.55);box-shadow:0 2px 8px #00000073,0 0 0 .5px #0000001a}.slider input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000073}.slider:hover input[type=range]::-webkit-slider-thumb{opacity:1;transform:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1;transform:none}.slider input[type=range]:active::-webkit-slider-thumb{opacity:1;transform:none}.slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px oklch(.72 .17 var(--hue) / .55)}.slider.disabled{opacity:.4}.slider.disabled input{cursor:default}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.toggle.disabled{opacity:.4;cursor:default}.toggle-text{gap:1px;display:grid}.toggle-text small{color:var(--label-2);font-size:.8125rem}.switch{flex:none;width:48px;height:29px;position:relative}.switch input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.switch span{background:var(--fill);transition:background-color .3s var(--ease);border-radius:999px;position:absolute;inset:0}.switch span:after{content:"";width:25px;height:25px;transition:transform .5s var(--bounce), width .25s var(--ease);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000040,0 1px 1px #00000029}.switch input:active+span:after{width:31px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(19px)}.switch input:checked:active+span:after{transform:translate(13px)}.switch input:focus-visible+span{box-shadow:0 0 0 3px oklch(.72 .17 var(--hue) / .7)}.segmented{grid-template-columns:repeat(var(--count), minmax(0, 1fr));background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:11px;min-width:0;padding:3px;display:grid;position:relative}.segmented-thumb{width:calc((100% - 6px) / var(--count));transform:translateX(calc(100% * var(--index)));transition:transform .5s var(--spring);background:#ffffff29;border-radius:8px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #ffffff1a,0 3px 10px #00000040}.segmented button{text-overflow:ellipsis;min-width:0;min-height:30px;color:var(--label-2);white-space:nowrap;border-radius:8px;padding:0 10px;font-size:.8125rem;font-weight:500;position:relative;overflow:hidden}.segmented button[aria-checked=true]{color:var(--label);font-weight:600}.segmented button:not(:disabled):active{transform:none}.menu{position:relative}.menu-list{z-index:80;width:max-content;min-width:200px;max-width:min(280px, calc(100vw / var(--zoom) - 16px));border-radius:var(--r-m);-webkit-backdrop-filter:blur(60px)saturate(170%)brightness(.8);box-shadow:var(--glass-edge), var(--float);transform-origin:100% 0;animation:pop .38s var(--spring);background:#18161edb;padding:5px;position:fixed}.menu-list.upward{transform-origin:100% 100%}.menu-list.closing{pointer-events:none;animation:fold .17s var(--ease) forwards}.menu-list.closing button{animation:none}@keyframes fold{to{opacity:0;transform:scale(.92)translateY(-4px)}}.menu-list.upward.closing{animation-name:fold-up}@keyframes fold-up{to{opacity:0;transform:scale(.92)translateY(4px)}}.menu-list button{white-space:nowrap;width:100%;min-height:34px;animation:rise .35s var(--out) backwards;border-radius:8px;justify-content:space-between;gap:18px;padding:0 10px 0 12px;font-size:.875rem}.menu-list button:nth-child(2){animation-delay:25ms}.menu-list button:nth-child(3){animation-delay:50ms}.menu-list button:nth-child(4){animation-delay:75ms}.menu-list button:nth-child(5){animation-delay:.1s}.menu-list button:not(:disabled):hover{background:var(--fill-2)}.menu-list button:not(:disabled):active{transform:none}.menu-list button .icon{color:var(--label-2)}.menu-list button.danger-text .icon{color:inherit}@keyframes pop{0%{opacity:0;filter:blur(4px);transform:scale(.9)translateY(-4px)}}dialog{color:var(--label)}.alert-sheet{width:min(320px,100% - 48px);-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), 0 40px 100px #0009;text-align:center;background:#26262cc7;border:0;border-radius:20px;padding:0}.alert-sheet[open]{animation:sheet .45s var(--spring)}.alert-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .3s var(--ease);background:#00000080}@keyframes sheet{0%{opacity:0;filter:blur(6px);transform:scale(1.1)}}@keyframes fade{0%{opacity:0}}.alert-body{gap:6px;padding:22px 20px 18px;display:grid}.alert-body h2{font:650 1.0625rem/1.3 var(--font-display)}.alert-body p{color:var(--label-2);font-size:.8125rem}.alert-actions{border-top:.5px solid var(--separator);display:grid}.alert-actions button{min-height:46px;color:var(--tint-text);border-radius:0;font-size:1.0625rem}.alert-actions button+button{border-top:.5px solid var(--separator);font-weight:600}.alert-actions button.danger-text{color:var(--red-text)}.alert-actions button:hover{background:var(--fill-3)}.alert-actions button:not(:disabled):active{background:var(--fill-2);transform:none}.playlist-picker{width:min(440px,100% - 32px);max-height:calc(85dvh / var(--zoom))}.playlist-picker .alert-body{gap:16px}.playlist-picker-list{text-align:left;gap:8px;display:grid}.playlist-picker-list button{justify-content:space-between;width:100%;min-height:44px}.playlist-picker-list button span{text-overflow:ellipsis;flex:1;overflow:hidden}.playlist-picker form{text-align:left;gap:10px;display:grid}.artwork,.monogram,.mosaic{color:#ffffffbf;background:radial-gradient(120% 120% at 20% 10%, oklch(.62 .15 var(--art-hue)), oklch(.3 .11 calc(var(--art-hue) + 24)) 75%);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.artwork:after,.mosaic:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff1a}.artwork img,.monogram img,.mosaic img{object-fit:cover;width:100%;height:100%;display:block}.artwork img{animation:fade .5s var(--ease)}.artwork.s{border-radius:8px;width:42px;height:42px}.artwork.m{border-radius:10px;width:50px;height:50px}.artwork.l{border-radius:var(--r-m);width:160px;height:160px}.artwork.xl{aspect-ratio:1;border-radius:clamp(14px,2.2vw,22px);width:100%}.artwork.live{color:#fff;background:linear-gradient(145deg,#ff453a,#8e1b3d)}.monogram{color:#fff;border-radius:50%;font-weight:650}.mosaic{aspect-ratio:1;border-radius:var(--r-m);width:100%}.mosaic.grid{grid-template-columns:1fr 1fr}.mosaic-initial{font:800 3.5rem/1 var(--font-display);letter-spacing:-.04em;color:#ffffffeb;text-shadow:0 6px 30px #00000040}.login{min-height:calc(100dvh / var(--zoom));grid-template-rows:1fr auto auto;justify-items:center;gap:48px;padding:max(56px,9vh) 20px 24px;display:grid;position:relative}.login-stage{text-align:center;align-self:center;justify-items:center;gap:18px;width:min(480px,100%);display:grid}.login-stage>*{animation:rise .9s var(--out) backwards}.login-stage>:nth-child(2){animation-delay:80ms}.login-stage>:nth-child(3){animation-delay:.14s}.login-stage>:nth-child(4){animation-delay:.2s}.login-stage>:nth-child(n+5){animation-delay:.26s}.login-mark{place-items:center;width:112px;height:112px;margin-bottom:8px;display:grid;position:relative}.login-aura{filter:blur(42px);opacity:.55;background:conic-gradient(#fc8505,#fc1156,#e90088,#c908f7,#fc1156,#fc8505);border-radius:50%;animation:14s linear infinite turn,5s ease-in-out infinite alternate breathe;position:absolute;inset:-46px}@keyframes breathe{0%{opacity:.4;scale:.85}to{opacity:.65;scale:1.05}}.app-icon{border-radius:26px;place-items:center;width:112px;height:112px;animation:6s ease-in-out infinite alternate float;display:grid;position:relative}.app-icon img{filter:drop-shadow(0 22px 40px #00000073);width:100%;height:100%}@keyframes float{0%{transform:translateY(-4px)rotate(-1.5deg)}to{transform:translateY(5px)rotate(1.5deg)}}.login h1{font:800 clamp(3rem, 9vw, 4.75rem)/.95 var(--font-display);letter-spacing:-.055em}.login-wave{width:200px;height:34px;margin-top:-6px;overflow:visible}.login-wave path{fill:none;stroke:url(#login-wave-ink);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:50%;animation:draw 1.8s .3s var(--out) forwards, wave 3.6s 2.1s ease-in-out infinite alternate}@keyframes draw{to{stroke-dashoffset:0}}@keyframes wave{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}.login-lede{color:var(--label-2);max-width:32ch;margin-bottom:10px;font-size:1.1875rem;line-height:1.42}.discord-login{color:#0b0b10;background:#fff;border-radius:999px;gap:12px;width:100%;max-width:320px;min-height:54px;font-size:1.0625rem;font-weight:650;box-shadow:0 18px 50px -14px #fc11568c,0 0 #fff6}.discord-login .icon{color:#5865f2}.discord-login:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 22px 60px -14px #fc1156bf,0 0 0 6px #ffffff1f}.login .note{text-align:left;width:100%}.login-note{color:var(--label-3);font-size:.8125rem}.login-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(940px,100%);display:grid}.login-features li{border-radius:var(--r-l);background:var(--material);-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge);color:var(--label-2);animation:rise .9s var(--out) backwards;animation-delay:calc(.42s + var(--i) * 90ms);transition:transform .5s var(--spring), background-color .3s;align-content:start;gap:6px;padding:20px;font-size:.875rem;display:grid}.login-features li:hover{background:#1e1e249e;transform:translateY(-3px)}.login-features strong{color:var(--label);font-size:1rem;font-weight:650}.login-feature-icon{background:var(--brand-gradient);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:6px;display:grid;box-shadow:inset 0 1px #ffffff4d,0 8px 20px -8px #fc1156b3}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.app{min-height:calc(100dvh / var(--zoom));padding-left:var(--sidebar)}.sidebar{z-index:20;width:calc(var(--sidebar) - 24px);background:var(--material);-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), 0 30px 60px -30px #0009;scrollbar-width:none;border-radius:24px;flex-direction:column;gap:14px;padding:16px 12px 12px;display:flex;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto}.brand{font:800 1.1875rem/1 var(--font-display);letter-spacing:-.035em;align-items:center;gap:10px;padding:2px 8px;display:flex}.brand img{border-radius:7px}.select.bot-select{background:0 0;justify-content:flex-start;gap:10px;width:100%;padding:2px 8px;display:flex}.select.bot-select:not(:focus-visible){box-shadow:none}.select.bot-select:not(:disabled):hover,.select.bot-select.open{background:0 0}.bot-select .select-value{flex:0 auto}.bot-select .monogram{border-radius:7px;flex:none}.bots-page .settings-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:20px;margin-block:20px;padding:24px}.bots-page .settings-card h2{margin-bottom:12px}.bots-page .settings-card h3{margin-top:24px}.bots-page form label{gap:8px;margin-block:16px;display:grid}.bots-page input{border:1px solid var(--hairline);background:var(--material-thick);width:100%;max-width:540px;color:inherit;font:inherit;border-radius:10px;padding:12px}.bots-page .button-row{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}.bots-page a.pill{justify-content:center;align-items:center;display:inline-flex}.bots-page form .hint{margin-bottom:16px}.places{border-radius:var(--r-m);background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:1px 10px;padding:10px;display:grid}.server-icon{grid-row:span 2;display:grid}.server-icon .monogram{border-radius:11px;box-shadow:0 6px 16px -6px #0009}.place{min-width:0;color:var(--label-3);align-items:center;gap:5px;display:flex;position:relative}.place .select{width:auto;max-width:100%;min-height:0;box-shadow:none;color:inherit;font:inherit;background:0 0;border-radius:6px;gap:5px;margin:-1px -5px;padding:1px 5px}.place .select:not(:disabled):hover,.place .select.open{background:var(--fill-2)}.place .select:focus-visible{box-shadow:none;outline:2px solid var(--tint)}.place .select:disabled{opacity:1}.server-place{color:var(--label);font-size:.9375rem;font-weight:650}.channel-place{color:var(--label-2);font-size:.8125rem;font-weight:500}.channel-place>.icon{color:var(--green);flex:none}.find{border-radius:var(--r-s);background:var(--fill-3);height:36px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-3);justify-content:flex-start;gap:9px;padding:0 8px 0 11px;font-size:.875rem}.find:hover{background:var(--fill-2);color:var(--label-2)}.find kbd{margin-left:auto}.nav{gap:2px;display:grid;position:relative}.nav button{z-index:1;border-radius:var(--r-s);height:38px;color:var(--label-2);justify-content:flex-start;gap:12px;padding:0 11px;font-weight:550;position:relative}.nav button .icon{color:var(--label-3);transition:color .25s var(--ease), transform .5s var(--bounce)}.nav button:hover{color:var(--label)}.nav button:hover:not(.active){background:var(--fill-3)}.nav button.active{color:var(--label);font-weight:650}.nav button.active .icon{color:var(--tint);transform:scale(1.08)}.nav button:not(:disabled):active{transform:scale(.97)}.nav-indicator{z-index:0;width:var(--nav-w,0);height:var(--nav-h,38px);border-radius:var(--r-s);background:var(--fill-2);box-shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 .5px var(--hairline);transform:translate(var(--nav-x,0), var(--nav-y,0));pointer-events:none;position:absolute;top:0;left:0}.nav-indicator[data-ready]{transition:transform .6s var(--spring), width .4s var(--spring), opacity .25s}.nav-indicator[data-hidden]{opacity:0}.nav-indicator:before{content:"";background:var(--tint);width:3px;box-shadow:0 0 12px var(--tint);border-radius:0 3px 3px 0;position:absolute;top:10px;bottom:10px;left:0}.secondary-nav{border-top:.5px solid var(--separator);margin-top:4px;padding-top:12px}.on-air-dot{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink;position:absolute;right:12px;box-shadow:0 0 0 4px #ff453a38}.account{border-top:.5px solid var(--separator);align-items:center;gap:10px;margin-top:auto;padding:8px 4px 0;display:flex}.account-text{flex:1;min-width:0;display:grid}.user-avatar{background:var(--fill);width:34px;height:34px;color:var(--label);border-radius:50%;flex-shrink:0;place-items:center;margin:6px 4px;font-weight:650;display:grid;position:relative}.user-avatar picture{display:contents}.user-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar .avatar-decoration{pointer-events:none;width:120%;max-width:none;height:120%;position:absolute;inset:-10%}.account-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.presence{color:var(--label-3);align-items:center;gap:6px;font-size:.75rem;display:flex}.presence:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px}.presence.online:before{background:var(--green);box-shadow:0 0 0 3px #30d1582e}.content{min-height:calc(100dvh / var(--zoom));padding:44px var(--gutter) calc(var(--dock) + var(--tabbar) + 40px);outline:none;flex-direction:column;display:flex;position:relative}.app.page-now .content{padding-bottom:calc(var(--tabbar) + 32px)}.loading{color:var(--label-2);justify-content:center;align-items:center;gap:10px;padding:80px 0;display:flex}.banner{color:#ffd38a;animation:drop .5s var(--spring);background:#ff9f0a29;border-radius:999px;align-self:center;align-items:center;gap:10px;margin-bottom:20px;padding:8px 16px;font-size:.8125rem;font-weight:500;display:flex}.toast{top:20px;left:calc(50% + var(--sidebar) / 2);z-index:60;max-width:min(540px, calc(100% - var(--sidebar) - 32px));background:var(--material-thick);-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), var(--float);animation:drop .6s var(--spring);border-radius:999px;align-items:center;gap:10px;padding:10px 12px 10px 16px;font-size:.875rem;font-weight:500;display:flex;position:fixed;translate:-50%}.toast.error{color:#ffc2bd;border-radius:18px}.toast.error .icon:first-child{color:var(--red-text)}.toast .icon-button{flex:none;width:28px;height:28px}.toast.sync{color:var(--label-2);padding-right:16px}.toast.sync .icon{color:var(--green)}.app:not(.page-now) .toast.command-status{top:auto;bottom:calc(var(--dock) + var(--tabbar) + 14px)}.app.page-now .toast.command-status{top:auto;bottom:calc(var(--tabbar) + 24px)}@keyframes drop{0%{opacity:0;filter:blur(4px);transform:translateY(-14px)scale(.94)}}.legal-links{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:auto;padding-top:64px;font-size:.75rem;display:flex}.legal-links>div{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 0;display:flex}.legal-links a,.legal-links button{font:inherit;letter-spacing:inherit;color:var(--label-3);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:0;padding:0;line-height:1.5;display:inline}.legal-links button:not(:disabled):active{transform:none}.legal-links a:hover,.legal-links button:hover{color:var(--label-2)}.legal-links>div>:not(:last-child):after{content:"·";content:"·" / "";color:var(--label-4);pointer-events:none;margin:0 10px;display:inline-block}.login .legal-links{padding-top:0}.app.page-now .legal-links{padding-top:32px}.cookie-notice{border-radius:var(--r-l);background:var(--material-thick);width:100%;max-width:1160px;-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), 0 20px 50px -24px #0009;text-align:left;animation:rise .6s var(--out) backwards;margin:0 auto 28px;padding:18px 20px}.login .cookie-notice{margin:4px 0}.cookie-notice h2{font:650 1rem/1.3 var(--font-display);outline:none;margin-bottom:4px}.cookie-notice>p{color:var(--label-2);margin-top:4px;font-size:.8125rem}.cookie-notice a{text-underline-offset:3px;text-decoration:underline}.cookie-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cookie-actions>button{flex:0 auto;min-width:150px}.cookie-actions>button.pill.quiet{background:var(--fill-2);color:var(--label)}.cookie-actions>button.pill.quiet:nth-child(2){background:var(--label);color:var(--bg)}.cookie-actions>button.pill.quiet:nth-child(2):not(:disabled):hover{background:#fff}.page{grid-template-columns:minmax(0,1fr);gap:32px;width:100%;max-width:1160px;margin:0 auto;display:grid}.view{flex-direction:column;flex:1;min-width:0;display:flex}.view>*{min-width:0}.page-enter{animation:view-in .38s var(--out) backwards}.page-enter.stage{animation:none}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}.scope-swap{grid-template-columns:minmax(0,1fr);gap:32px;min-width:0;display:grid}.page>.scope-swap.swapped{animation:swap-in .5s var(--out) backwards}@keyframes swap-in{0%{opacity:0;transform:translateY(6px)}}.large-title{gap:8px;display:grid}.large-title h1{font:800 clamp(2.25rem, 4vw, 3rem)/1.02 var(--font-display);letter-spacing:-.045em}.large-title p{color:var(--label-2);max-width:62ch;font-size:1.0625rem}.large-title .segmented{justify-self:start;min-width:260px;margin-top:10px}.large-title.with-action{grid-template-columns:1fr auto;align-items:end;gap:16px 24px}.panel{border-radius:var(--r-l);background:var(--card);box-shadow:var(--glass-edge);align-content:start;gap:18px;min-width:0;padding:22px;display:grid}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h2,.step-head h2,.shelf-title{font:700 1.3125rem/1.25 var(--font-display);letter-spacing:-.025em}.panel-tools{gap:6px;display:flex}.panel-note{color:var(--label-3);font-size:.8125rem}.stack{gap:14px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-row{grid-template-columns:minmax(80px,auto) minmax(0,1fr);align-items:center;gap:16px;font-size:.875rem;display:grid}.empty{text-align:center;color:var(--label-2);justify-items:center;gap:8px;padding:40px 16px;font-size:.875rem;display:grid}.empty-icon{background:var(--fill-3);width:64px;height:64px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-3);border-radius:20px;place-items:center;margin-bottom:6px;display:grid}.empty-title{color:var(--label);font-size:1rem;font-weight:650}.empty .pill{margin-top:8px}.empty-guild{text-align:center;min-height:calc(62vh / var(--zoom));align-content:center;justify-items:center;gap:14px}.empty-guild h1{font:800 2rem/1.15 var(--font-display);letter-spacing:-.035em}.empty-guild p{max-width:44ch;color:var(--label-2)}.disclosure summary{cursor:pointer;min-height:40px;color:var(--tint-text);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:550;list-style:none;display:flex}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:"";width:7px;height:7px;transition:rotate .4s var(--spring), translate .4s var(--spring);border-bottom:2px solid;border-right:2px solid;translate:0 -2px;rotate:45deg}.disclosure[open] summary:after{translate:0 2px;rotate:225deg}.disclosure[open]>:not(summary){animation:rise .4s var(--out)}.facts{margin-top:4px;display:grid}.facts div{border-top:.5px solid var(--separator);justify-content:space-between;gap:16px;padding:9px 0;font-size:.875rem;display:flex}.facts dt{color:var(--label-2)}.facts dd{font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.shelf,.stack,.group,.group-card,.panel,.eq,.settings-form,.admin-grid,.mix-card,.recommendation-main,.recommendation-side,.playlist-editor,.card,.card-text,.playlist-card-open,.radio-card,.radio-card-text{grid-template-columns:minmax(0,1fr)}.rows{display:grid}.row{border-radius:var(--r-m);min-height:60px;transition:background-color .2s var(--ease), opacity .25s, transform .4s var(--spring), box-shadow .25s;align-items:center;gap:12px;padding:8px 10px;display:flex;position:relative}.row:hover{background:var(--fill-3)}.row-text{flex:1;min-width:0;display:grid}.row-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.row-text>span{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.row-meta{color:var(--label-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.row-tools{align-items:center;gap:2px;display:flex}.row-tools .icon-button{width:32px;height:32px}.row-tools.visible{gap:6px}.row-grip{color:var(--label-4);cursor:grab}.row.pending{opacity:.5}.row.dragging{opacity:.35;transform:scale(.98)}.row.drop-target{box-shadow:0 -2px 0 var(--tint)}.rows.grouped{border-radius:var(--r-l);background:var(--card);box-shadow:var(--glass-edge);padding:6px}.rows.grouped .row+.row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:72px;right:10px}.rows.grouped .row:hover:before,.rows.grouped .row:hover+.row:before{opacity:0}.skeleton-rows{gap:8px;display:grid}.skeleton-rows span{border-radius:var(--r-m);background:linear-gradient(100deg, var(--fill-3) 30%, var(--fill-2) 50%, var(--fill-3) 70%) 0 0 / 300% 100%;height:60px;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.now{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:clamp(28px,4vw,64px);width:100%;max-width:1320px;margin:0 auto;display:grid}.now-hero{--stage:min(100%, clamp(340px, calc(50vh / var(--zoom)), 470px));grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:26px;min-width:0;display:grid;position:sticky;top:32px}.now-art{width:var(--stage);animation:art-in .5s var(--out) backwards;will-change:transform;position:relative}.now-art.flying,.now-art.flying .artwork img,.island.arriving .artwork img{animation:none}.now-art.flying .now-glow{animation:glow-in .6s .5s var(--ease) backwards}.now-hero.playing .now-art.flying .now-glow{animation:glow-in .6s .5s var(--ease) backwards, glow 5s 1.1s ease-in-out infinite alternate}@keyframes glow-in{0%{opacity:0}}.now-glow{z-index:-1;background:var(--cover) center / cover;filter:blur(48px)saturate(1.8);opacity:.6;transition:transform 1s var(--spring), opacity 1s var(--ease);border-radius:30%;position:absolute;inset:10% 6% -8%;transform:scale(.82)}.now-hero.playing .now-glow{opacity:.85;animation:5s ease-in-out infinite alternate glow;transform:scale(1)}@keyframes glow{to{opacity:.6;transform:scale(.95)translateY(2%)}}.now-art .artwork.xl{transition:transform 1s var(--spring), box-shadow 1s var(--spring);transform:scale(.82);box-shadow:0 40px 80px -30px #000000d9,inset 0 0 0 .5px #ffffff14}.now-hero.playing .now-art .artwork.xl{transform:none;box-shadow:0 50px 100px -32px #000000e6,inset 0 0 0 .5px #ffffff14}.empty-art{background:linear-gradient(145deg, var(--fill-2), var(--fill-3))!important;color:var(--label-4)!important;box-shadow:inset 0 0 0 .5px var(--hairline)!important;transform:none!important}@keyframes art-in{0%{opacity:0;transform:scale(.94)}}.live-orb{aspect-ratio:1;color:#fff;place-items:center;width:100%;display:grid;position:relative}.live-orb span{animation:pulse 2.4s var(--ease) infinite;background:radial-gradient(circle,#ff453ae6,#ff453a00 70%);border-radius:50%;position:absolute;inset:22%}.live-orb span:nth-child(2){animation-delay:.8s}.live-orb span:nth-child(3){animation-delay:1.6s}.live-orb .icon{width:34%;height:34%;position:relative}@keyframes pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.now-body{width:var(--stage);animation:view-in .38s var(--out) backwards;grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.now-room{min-width:0;color:var(--label-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-top:-6px;font-size:.8125rem;font-weight:550;display:flex}.now-room>span{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:inline-flex}.state-chip{transition:background-color .5s var(--ease), color .5s var(--ease);background:var(--fill-3);height:24px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-2);border-radius:999px;padding:0 10px 0 8px}.state-chip.playing{color:var(--tint-text);background:var(--tint-soft)}.dot{background:var(--label-3);border-radius:50%;width:7px;height:7px}.dot.playing{background:var(--green);box-shadow:0 0 0 3px #30d15833}.dot.paused{background:var(--orange)}.bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.bars i{transform-origin:bottom;width:2.5px;height:100%;animation:bar-bounce .9s var(--ease) infinite;background:currentColor;border-radius:2px}.bars i:nth-child(2){animation-duration:1.15s;animation-delay:-.4s}.bars i:nth-child(3){animation-duration:.8s;animation-delay:-.2s}.now-heading{align-items:center;gap:12px;display:flex}.now-text{min-width:0;animation:title-in .7s var(--out) backwards;flex:1}@keyframes title-in{0%{opacity:0;transform:translateY(6px)}}.now-text h1{font:750 clamp(1.5rem, 2.4vw, 1.875rem)/1.15 var(--font-display);letter-spacing:-.032em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.now-artist{color:var(--tint-text);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:1.125rem;font-weight:500;overflow:hidden}.now-tools{gap:6px;display:flex}.now-tools .icon-button{background:var(--fill-3);width:38px;height:38px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label)}.now-tools .icon-button:not(:disabled):hover{background:var(--fill-2)}.favorite-button[aria-pressed=true] .icon{animation:heart .6s var(--bounce)}@keyframes heart{0%{transform:scale(.6)}60%{transform:scale(1.25)}}.now-foot{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.now-requested{color:var(--label-3);font-size:.8125rem}.lyrics-toggle{gap:6px;min-height:32px;padding:0 14px 0 12px;font-size:.8125rem}.lyrics-toggle.on{background:var(--label);color:var(--bg)}.lyrics-toggle.on:not(:disabled):hover{background:#fff}.now-start{justify-content:center;display:flex}.now-side{min-width:0;animation:view-in .38s var(--out) backwards;position:sticky;top:32px}.progress{gap:6px;display:grid}.progress-bar{--progress:0;align-items:center;height:20px;display:flex;position:relative}.progress-bar:before,.progress-fill{content:"";background:var(--fill);pointer-events:none;height:5px;transition:height .35s var(--spring);border-radius:999px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.progress-fill{width:calc(var(--progress) * 100%);background:#ffffffd1;right:auto}.progress-knob{left:calc(var(--progress) * 100%);pointer-events:none;width:14px;height:14px;transition:scale .4s var(--bounce);background:#fff;border-radius:50%;position:absolute;top:50%;translate:-50% -50%;scale:0;box-shadow:0 2px 8px #00000080}.progress-bar:not(.endless):hover .progress-knob,.progress-bar.scrubbing .progress-knob,.progress-bar:focus-within .progress-knob{scale:1}.progress-bar:has(input:disabled) .progress-knob{display:none}.progress-bar:hover:before,.progress-bar:hover .progress-fill,.progress-bar.scrubbing:before,.progress-bar.scrubbing .progress-fill,.progress-bar:focus-within:before,.progress-bar:focus-within .progress-fill{height:8px}.progress-bar.scrubbing .progress-fill,.progress-bar:hover .progress-fill{background:#fff}.progress-bar.endless .progress-fill{background:linear-gradient(90deg,#0000,#fff9,#0000) 0 0/50% 100% no-repeat;width:100%;animation:2.6s linear infinite sweep}@keyframes sweep{0%{background-position:-50% 0}to{background-position:150% 0}}.progress-bar input{z-index:1;opacity:0;cursor:pointer;width:100%;height:20px;margin:0;position:relative}.progress-bar input:disabled{cursor:default}.progress-times{color:var(--label-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;font-weight:550;display:flex}.progress-time{color:var(--label-3);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:550}.live-badge{background:var(--red);color:#fff;letter-spacing:.05em;border-radius:5px;padding:1px 6px;font-size:.6875rem;font-weight:750}.progress.compact{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.progress.compact>:first-child{text-align:right}.progress.compact .live-badge{justify-self:start}.progress.compact .progress-bar{height:14px}.progress.compact .progress-bar:before,.progress.compact .progress-fill{height:4px}.progress.compact .progress-bar:hover:before,.progress.compact .progress-bar:hover .progress-fill,.progress.compact .progress-bar.scrubbing:before,.progress.compact .progress-bar.scrubbing .progress-fill{height:6px}.progress.compact .progress-knob{width:12px;height:12px}.progress.compact input{height:14px}.now-controls{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.transport{align-items:center;gap:14px;display:flex}.transport .icon-button{color:var(--label)}.transport.l .icon-button{width:64px;height:64px}.transport.l .play{width:84px;height:84px}.transport .icon-button:not(:disabled):hover{background:var(--fill-3)}.transport .icon-button:not(:disabled):active{background:var(--fill-2);transform:scale(.86)}.transport .play{position:relative}.transport .play .icon{transition:transform .45s var(--spring), opacity .25s var(--ease);margin:auto;position:absolute;inset:0}.transport .play .pause-glyph,.transport .play.is-playing .play-glyph{opacity:0;transform:scale(.4)rotate(-90deg)}.transport .play.is-playing .pause-glyph{opacity:1;transform:none}.now-controls .side{width:44px;height:44px;color:var(--label-3)}.now-controls .side.on{color:var(--tint);background:var(--tint-soft)}.now-volume .slider-row{color:var(--label-3)}.jump{align-items:end;gap:8px;display:flex}.jump label{color:var(--label-2);flex:1;gap:6px;font-size:.8125rem;display:grid}.up-next{max-height:calc(100dvh / var(--zoom) - 150px);border-radius:var(--r-xl);background:var(--material);box-shadow:var(--glass-edge), 0 30px 60px -30px #0009;grid-template-rows:auto minmax(0,1fr);gap:4px;padding:18px 8px 8px;display:grid;overflow:hidden}.up-next-head{justify-content:space-between;align-items:center;gap:12px;padding:0 12px 10px;display:flex}.up-next-head h2{font:750 1.375rem/1.2 var(--font-display);letter-spacing:-.03em}.up-next-head p{color:var(--label-3);font-variant-numeric:tabular-nums;font-size:.8125rem}.up-next-tools{align-items:center;gap:2px;display:flex}.up-next .queue{overscroll-behavior:contain;scrollbar-width:none;padding-block:4px 16px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 24px),#0000)}.queue .row-tools{border-radius:0 var(--r-m) var(--r-m) 0;opacity:0;transition:opacity .2s var(--ease), translate .35s var(--spring);background:linear-gradient(90deg,#0000,#222228f5 24px);padding-left:28px;position:absolute;right:8px;translate:6px}.queue .row:hover .row-tools,.queue .row:focus-within .row-tools{opacity:1;translate:0}.island{z-index:40;left:calc(var(--sidebar) + 0px);right:12px;bottom:calc(var(--tabbar) + 12px);background:var(--material-thick);height:72px;-webkit-backdrop-filter:var(--glass);box-shadow:var(--glass-edge), var(--float);animation:island .7s var(--spring) both;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(280px,1.4fr) minmax(0,1fr);align-items:center;gap:16px;padding:0 18px 0 12px;display:grid;position:fixed}.island.arriving{animation:none}.flight-picture{z-index:50;object-fit:cover;transform-origin:0 0;pointer-events:none;will-change:transform;margin:0;position:fixed;box-shadow:0 30px 60px -24px #000c}@keyframes island{0%{opacity:0;transform:translateY(30px)scale(.96)}}.island-open{text-align:left;border-radius:14px;justify-content:flex-start;gap:12px;min-width:0;height:56px;padding:0 10px 0 4px}.island-open:not(:disabled):hover{background:var(--fill-3)}.island-open:not(:disabled):active{transform:scale(.98)}.island-open .artwork.s{border-radius:9px;width:46px;height:46px;box-shadow:0 8px 20px -8px #000000b3}.island-text{min-width:0;display:grid}.island-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.island-text span{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.island-center{justify-items:center;gap:0;min-width:0;display:grid}.island-center .progress{width:100%}.island .transport{gap:6px}.island .transport .icon-button{width:36px;height:36px}.island .transport .play{width:40px;height:40px}.island-side{justify-self:end;width:min(100%,180px)}.island-side .slider-row{gap:8px}.tabbar{display:none}.spotlight{width:min(720px,100% - 32px);max-height:min(660px, calc(100dvh / var(--zoom) - 120px));border-radius:var(--r-xl);-webkit-backdrop-filter:blur(50px)saturate(190%);box-shadow:var(--glass-edge), 0 50px 120px #000000b3;background:#1a1a20cc;border:0;flex-direction:column;margin:11vh auto auto;padding:0;overflow:hidden}.spotlight[open]{animation:spotlight .5s var(--spring);display:flex}.spotlight::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .3s var(--ease);background:#0000006b}@keyframes spotlight{0%{opacity:0;filter:blur(8px);transform:translateY(-16px)scale(.96)}}.spotlight-field{border-bottom:.5px solid var(--separator);min-height:68px;color:var(--label-3);align-items:center;gap:14px;padding:0 14px 0 22px;display:flex}.spotlight-field input{letter-spacing:-.02em;color:var(--label);flex:1;font-weight:450;min-height:68px!important;box-shadow:none!important;background:0 0!important;padding:0!important;font-size:1.4375rem!important}.spotlight-field input::-webkit-search-cancel-button{display:none}.spotlight-go{background:var(--tint-strong);color:#fff;border-radius:50%;width:38px;height:38px}.spotlight-go:disabled{opacity:0;transform:scale(.6)}.spotlight-body{overscroll-behavior:contain;flex:1;align-content:start;gap:8px;padding:10px;display:grid;overflow-y:auto}.spotlight-hint{text-align:center;color:var(--label-2);justify-items:center;gap:4px;padding:24px 16px;font-size:.875rem;display:grid}.spotlight-hint p:last-child{max-width:48ch}.spotlight-section{gap:10px;padding:8px 8px 4px;display:grid}.spotlight-section h2{color:var(--label-3);text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--fill-3);max-width:260px;box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:12px;gap:10px;padding:4px 12px 4px 4px;font-size:.875rem;font-weight:550}.chips li{animation:rise .45s var(--out) backwards}.chips li:nth-child(2){animation-delay:30ms}.chips li:nth-child(3){animation-delay:60ms}.chips li:nth-child(n+4){animation-delay:90ms}.chip:not(:disabled):hover{background:var(--fill-2)}.chip .artwork.s{border-radius:8px;width:32px;height:32px}.chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip .icon{color:var(--tint)}.collection{border-radius:var(--r-m);background:var(--tint-soft);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.collection div{display:grid}.collection span{color:var(--label-2);font-size:.8125rem}.results .row{animation:rise .4s var(--out) backwards}.results .row:nth-child(2){animation-delay:25ms}.results .row:nth-child(3){animation-delay:50ms}.results .row:nth-child(4){animation-delay:75ms}.results .row:nth-child(n+5){animation-delay:.1s}.result{align-items:flex-start}.suggestion-active{background:var(--fill-2);box-shadow:inset 0 0 0 1px oklch(.85 .1 var(--hue) / .5)}.suggestion-status{color:var(--label-3);font-size:.8125rem}.suggestion-status:not(:empty){padding:8px}.spotlight-skipped{color:var(--label-3);text-align:center;gap:2px;padding:10px 12px 4px;font-size:.75rem;line-height:1.4;display:grid}.spotlight-skipped.alone{padding-top:8px}.result .artwork{margin-top:2px}.result .row-text{gap:1px;padding-top:6px}.result .add{background:var(--fill-2);min-height:34px;color:var(--tint-text);border-radius:999px;align-self:center;padding:0 14px;font-size:.8125rem;font-weight:600}.result .add:not(:disabled):hover{background:var(--fill)}.result .add.done{color:#8ef0a8;opacity:1;background:#30d15829}.result .add.done .icon{animation:heart .5s var(--bounce)}.station-search-play{border-radius:10px;flex-shrink:0;align-self:center;position:relative}.station-search-play>.icon{background:var(--material-thick);border-radius:50%;margin:auto;padding:6px;position:absolute;inset:0}.link-field{color:var(--label-2);gap:6px;margin-top:8px;font-size:.8125rem;display:grid}.link-field small{color:var(--label-3);font-size:.75rem;line-height:1.4}.spotlight-foot{border-top:.5px solid var(--separator);color:var(--label-3);justify-content:space-between;align-items:center;padding:8px 14px 8px 22px;font-size:.75rem;display:flex}.spotlight-foot span{align-items:center;gap:6px;display:flex}.spotlight-foot kbd+*{margin-right:8px}.shelf{gap:16px;display:grid}.shelf-note{color:var(--label-3);font-size:.875rem}.cards{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:28px 20px;display:grid}.card{align-content:start;gap:10px;min-width:0;display:grid;position:relative}.playlist-card-open .mosaic{transition:transform .6s var(--spring), box-shadow .6s var(--spring);box-shadow:0 22px 44px -22px #000000d9}.playlist-card-open:hover .mosaic,.playlist-card-open:focus-visible .mosaic{transform:translateY(-5px)scale(1.015);box-shadow:0 32px 54px -24px #000000f2,0 0 0 .5px #ffffff1f}.playlist-card-open:not(:disabled):active{transform:scale(.98)}.card-text{min-width:0;display:grid}.card-text h3{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:650;overflow:hidden}.card-text span{color:var(--label-2);font-size:.8125rem}.card-delete{color:var(--label-3);width:34px!important;height:34px!important}.card.skeleton{aspect-ratio:1/1.25;border-radius:var(--r-m);background:linear-gradient(100deg, var(--fill-3) 30%, var(--fill-2) 50%, var(--fill-3) 70%) 0 0 / 300% 100%;animation:1.6s linear infinite shimmer}.new-card-button,.name-form{aspect-ratio:1;border-radius:var(--r-m);background:var(--fill-3);width:100%;box-shadow:inset 0 0 0 1px var(--separator);text-align:center;align-content:center;justify-items:center;gap:6px;padding:16px;display:grid}.new-card-button{color:var(--label-2);font-size:.8125rem}.new-card-button strong{color:var(--label);font-size:.9375rem}.new-card-button:not(:disabled):hover{background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--tint)}.new-card-button:not(:disabled):hover .new-card-icon{transform:rotate(90deg)scale(1.06)}.new-card-icon{background:var(--tint-soft);width:56px;height:56px;color:var(--tint);transition:transform .6s var(--spring);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.name-form{box-shadow:inset 0 0 0 1px var(--tint);text-align:left;color:var(--label-2);justify-items:stretch;font-size:.8125rem}.name-actions{justify-content:space-between;gap:6px;display:flex}.name-actions .pill{padding:0 12px}.presets{margin:-14px calc(-1 * var(--gutter)) -22px;padding:14px var(--gutter) 22px;scrollbar-width:none;overflow-x:auto}.preset-row{gap:8px;width:max-content;display:flex}.preset-row li{position:relative}.preset{background:var(--fill-3);height:40px;box-shadow:inset 0 0 0 .5px var(--hairline);white-space:nowrap;border-radius:999px;padding:0 18px;font-size:.875rem;font-weight:600}.preset:not(:disabled):hover{background:var(--fill-2)}.preset[aria-pressed=true]{background:var(--label);color:var(--bg);box-shadow:0 10px 26px -12px #ffffff80}.preset-delete{width:20px;height:20px;color:var(--label);opacity:0;transition:opacity .2s, transform .4s var(--bounce);background:#48484a;border-radius:50%;position:absolute;top:-5px;right:-5px;transform:scale(.6)}.preset-row li:hover .preset-delete,.preset-delete:focus-visible{opacity:1;transform:none}.add-preset{box-shadow:inset 0 0 0 1px var(--separator);color:var(--tint-text);background:0 0}.preset-form{gap:6px;display:flex}.preset-form input{border-radius:999px!important;width:170px!important;min-height:40px!important;padding:0 16px!important}.preset-form .pill{min-height:40px}.eq-panel{padding-bottom:16px}.eq-panel.bypassed .eq{opacity:.35;filter:grayscale()}.eq{gap:10px;transition:opacity .3s,filter .3s;display:grid}.eq-plot{touch-action:none;cursor:ns-resize;height:260px;margin:0 14px;position:relative}.eq.disabled .eq-plot{cursor:default}.eq-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eq-grid{stroke:var(--separator);stroke-width:.5px;vector-effect:non-scaling-stroke;stroke-dasharray:2 5}.eq-zero{stroke:var(--label-4);stroke-width:1px;vector-effect:non-scaling-stroke}.eq-line{fill:none;stroke:var(--tint);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 10px oklch(.72 .17 var(--hue) / .7))}.eq-knob{background:var(--bg);width:14px;height:14px;box-shadow:0 0 0 2px var(--tint);transition:transform .4s var(--bounce), background-color .2s;border-radius:50%;position:absolute;translate:-50% -50%}.eq-knob.moved{background:var(--tint)}.eq-knob:hover{transform:scale(1.3)}.eq-knob.active,.eq-knob:focus-visible{box-shadow:0 0 0 2px var(--tint), 0 0 0 8px oklch(.72 .17 var(--hue) / .28);background:#fff;outline:none;transform:scale(1.5)}.eq-knob output{background:var(--label);color:var(--bg);white-space:nowrap;font-variant-numeric:tabular-nums;animation:pop .3s var(--spring);border-radius:7px;padding:3px 8px;font-size:.875rem;font-weight:650;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;scale:.67}.eq-scale{color:var(--label-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 4px;font-size:.6875rem;font-weight:550;display:flex}.eq-scale span{text-align:center;width:20px}.rack{columns:320px;column-gap:16px}.rack>.panel{break-inside:avoid;margin-bottom:16px}.page.sound{max-width:1480px}.rack .field-row{grid-template-columns:minmax(0,1fr);gap:8px}.status-pill{background:var(--fill-3);height:32px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-2);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.status-pill.on-air{background:var(--red);color:#fff;animation:2s ease-out infinite on-air;box-shadow:0 0 #ff453a80}@keyframes on-air{to{box-shadow:0 0 0 12px #ff453a00}}.status-pill.on-air .dot{background:#fff;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.3}}.steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.step-head{align-items:center;gap:12px;display:flex}.step-head h2{font-size:1.125rem}.step-number{background:var(--fill-2);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:750;transition:background-color .3s;display:grid}.step.done .step-number{background:var(--green);color:#002a0d;animation:heart .6s var(--bounce)}.source-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.source-card{border-radius:var(--r-m);background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-2);cursor:pointer;transition:background-color .2s, box-shadow .25s var(--ease), transform .4s var(--spring);align-content:start;gap:6px;padding:16px;font-size:.8125rem;display:grid;position:relative}.source-card:hover{background:var(--fill-2)}.source-card .icon{color:var(--tint);margin-bottom:4px}.source-card strong{color:var(--label);font-size:.9375rem;font-weight:650}.source-card.selected{background:var(--tint-soft);box-shadow:inset 0 0 0 1.5px var(--tint)}.source-card input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.source-card:has(input:disabled){cursor:default;opacity:.6}.source-card:has(input:focus-visible){outline:2px solid var(--tint);outline-offset:2px}.device-picker{justify-items:start;gap:10px;display:grid}.device-picker .field{width:100%}.source-name{overflow-wrap:anywhere;flex:1;align-items:center;gap:8px;min-width:0;font-weight:550;display:flex}.source-name .icon{color:var(--green)}.meter{align-items:center;gap:12px;display:flex}.meter-bar{flex:1;grid-template-columns:repeat(24,1fr);gap:3px;height:26px;display:grid}.meter-bar span{background:var(--fill-3);border-radius:3px;transition:background-color 80ms}.meter-bar span.on{background:var(--green)}.meter-bar span.warm{background:#ffd60a}.meter-bar span.hot{background:var(--red)}.meter-value{text-align:right;font-variant-numeric:tabular-nums;width:56px;color:var(--label-2);font-size:.8125rem}.go-live{border-radius:var(--r-m);background:var(--red);color:#fff;width:100%;min-height:54px;font-size:1.0625rem;font-weight:650;box-shadow:inset 0 1px #fff3,0 16px 40px -14px #ff453acc}.go-live:not(:disabled):hover{background:#ff5c52}.go-live:disabled{background:var(--fill-2);color:var(--label-2);box-shadow:none;opacity:1}.on-air-panel{background:radial-gradient(120% 140% at 0% 0%, #ff453a38, transparent 60%), var(--card);box-shadow:inset 0 0 0 1px #ff453a66}.on-air-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.on-air-head p{color:var(--label-2)}.on-air-badge{background:var(--red);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.8125rem;font-weight:750;display:inline-flex}.on-air-badge .dot{background:#fff;animation:1.4s ease-in-out infinite blink}.faders{grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.settings,.admin{max-width:760px}.settings-form{gap:32px;display:grid}.group{gap:8px;display:grid}.group-title{color:var(--label-3);text-transform:uppercase;letter-spacing:.08em;padding:0 16px;font-size:.6875rem;font-weight:700}.group-card{border-radius:var(--r-l);background:var(--card);box-shadow:var(--glass-edge);display:grid;overflow:hidden}.group-card>*{min-height:50px;padding:6px 18px;position:relative}.group-card>.toggle{padding-block:6px}.group-card>*+:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:18px;right:0}.group-footer{color:var(--label-3);padding:0 16px;font-size:.8125rem;line-height:1.45}.cell{align-items:center;gap:12px;display:flex}.cell>.slider{flex:1;padding:8px 0}.field-cell{justify-content:space-between}.field-cell>span{flex:none}.field-cell input{max-width:260px;box-shadow:none;text-align:right;color:var(--label-2);padding-right:0;background-color:#0000!important}.field-cell input:focus{background-color:var(--fill-3)!important}.field-cell .select{width:auto;max-width:260px;box-shadow:none;color:var(--label-2);background:0 0;justify-content:flex-end;margin-right:-8px;padding:0 8px}.field-cell .select .select-value{flex:0 auto}.field-cell .select:not(:disabled):hover,.field-cell .select.open{background:var(--fill-3)}.role-cell{flex-wrap:wrap;padding-block:10px!important}.cell-label{flex:1 0 auto}.role-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.role-chip{background:var(--fill-3);height:28px;box-shadow:inset 0 0 0 .5px var(--hairline);animation:pop .35s var(--spring);border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:.8125rem;font-weight:550;display:inline-flex}.role-dot{background:var(--role);border-radius:50%;width:9px;height:9px}.role-chip button{width:20px;height:20px;color:var(--label-3);border-radius:50%}.role-chip button:hover{background:var(--fill-2);color:var(--label)}.role-none{color:var(--label-3);font-size:.875rem}.role-cell .select{flex-basis:100%;min-height:34px;margin-top:8px}.role-cell .select-value.placeholder{color:var(--tint-text)}.health{font-size:.9375rem}.health-dot{background:var(--orange);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #ff9f0a2e}.health-dot.ok{background:var(--green);box-shadow:0 0 0 4px #30d1582e}.health-dot.bad{background:var(--red);box-shadow:0 0 0 4px #ff453a2e}.group-card>.disclosure{padding-block:4px 8px;display:block}.group-card .facts div:first-child{border-top:0}.save-bar{bottom:calc(var(--dock) + var(--tabbar) + 20px);z-index:10;background:var(--material-thick);box-shadow:var(--glass-edge), var(--float);opacity:0;visibility:hidden;transition:opacity .25s var(--ease), transform .55s var(--spring), visibility .25s;border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:8px 8px 8px 20px;font-size:.875rem;font-weight:550;display:flex;position:sticky;transform:translateY(20px)scale(.94)}.save-bar.shown{opacity:1;visibility:visible;transform:none}.save-bar span{color:var(--label-2);margin-right:8px}.admin-grid{gap:32px;display:grid}.usage-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid;padding-block:22px!important}.usage-metrics dt{color:var(--label-2);font-size:.75rem}.usage-metrics dd{font:750 2rem/1.1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:4px 0 0}.usage-summary{color:var(--label-2);flex-wrap:wrap;justify-content:space-between;font-size:.75rem}.usage-list{list-style:none;display:contents}.usage-row{align-items:center;gap:16px;display:flex;position:relative;padding:16px!important}.usage-row+.usage-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.admin .facts{display:block}.usage-detail{flex:1;gap:4px;min-width:0;display:grid}.usage-detail>*{overflow-wrap:anywhere}.usage-detail>span{color:var(--label-2);font-size:.8125rem}.usage-detail .usage-track{color:var(--label)}.usage-detail .usage-meta{color:var(--label-3);font-size:.75rem}.usage-audience{font-variant-numeric:tabular-nums;flex:none;justify-items:end;min-width:48px;display:grid}.usage-audience strong{font-size:1.5rem}.usage-audience span{color:var(--label-2);font-size:.75rem}.radio-page{gap:40px}.radio-notes{top:max(12px, env(safe-area-inset-top));z-index:5;gap:8px;margin-block:-20px -8px;display:grid;position:sticky}.radio-notes .note{box-shadow:var(--glass-edge), 0 12px 32px -12px #0009}.radio-notes .note.ok{background:#16301ef0}.radio-notes .note.warn{background:#3a280cf0}.station-banner{--banner-hue:350;isolation:isolate;border-radius:var(--r-l);background:oklch(.2 .05 var(--banner-hue));color:#fff;display:block;position:relative;overflow:hidden;container-type:inline-size}.station-banner.generated{background:radial-gradient(58% 85% at var(--g1x) var(--g1y), oklch(.74 .19 var(--banner-hue) / .95), transparent 72%), radial-gradient(52% 78% at var(--g2x) var(--g2y), oklch(.6 .21 calc(var(--banner-hue) + 48) / .9), transparent 70%), radial-gradient(90% 70% at 30% 115%, oklch(.46 .2 calc(var(--banner-hue) - 42) / .95), transparent 72%), linear-gradient(155deg, oklch(.36 .13 var(--banner-hue)), oklch(.17 .07 calc(var(--banner-hue) + 30)))}.station-banner.generated:after{content:"";z-index:1;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.station-banner img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.station-banner.picture.logo img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000040);width:80%;height:80%;inset:10%}.banner-motif{fill:none;stroke:#ffffff52;stroke-width:1.2px;mix-blend-mode:soft-light;width:100%;height:100%;position:absolute;inset:0}.banner-motif.rings circle{stroke-width:1.4px;opacity:calc(1 - var(--ring) * .16);transform-box:fill-box;transform-origin:50%}.banner-motif.waves path{stroke-width:1.6px;opacity:calc(.95 - var(--wave) * .18)}.banner-motif.bars rect{fill:#ffffff80;stroke:none;transform-box:fill-box;transform-origin:bottom}.banner-shade{z-index:2;border-radius:inherit;background:linear-gradient(#0000,#00000014 45%,#0000008c),radial-gradient(120% 90% at 0 100%,#00000047,#0000 60%);position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #ffffff1a}.station-banner.picture .banner-shade{background:0 0}.banner-name{z-index:3;font:800 clamp(1rem, 7.5cqi, 2.125rem) / 1.12 var(--font-display);letter-spacing:-.05em;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:2;text-shadow:0 2px 18px #00000040;-webkit-box-orient:vertical;padding:0 7cqi 6.5cqi;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.station-banner.card{aspect-ratio:16/10;will-change:transform;transition:transform .6s var(--spring), box-shadow .6s var(--spring), background-size 1.2s var(--ease);transform:translateZ(0);box-shadow:0 22px 44px -24px #000000d9}.station-banner.preview{aspect-ratio:16/10;border-radius:var(--r-m)}@keyframes ring-out{0%{transform:scale(.82)}to{transform:scale(1.12)}}@keyframes wave-drift{to{transform:translate(-80px)}}@keyframes bar-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@keyframes glow-drift{50%{background-position:6% -4%,-5% 6%,4% 3%,0 0}}.station-banner.generated{background-size:100% 100%,100% 100%,100% 100%,100% 100%}.radio-card:hover .station-banner.generated{background-size:112% 112%,112% 112%,112% 112%,100% 100%}.station-banner.generated.live{animation:glow-drift 18s var(--ease) infinite;background-size:112% 112%,112% 112%,112% 112%,100% 100%}.station-banner.live .rings circle,.radio-card:hover .rings circle{animation:ring-out 5.5s var(--ease) infinite alternate;animation-delay:calc(var(--ring) * -.9s)}.station-banner.live .waves path,.radio-card:hover .waves path{animation:wave-drift calc(7s + var(--wave) * 1.6s) linear infinite}.station-banner.live .bars rect,.radio-card:hover .bars rect{animation:bar-bounce calc(1.1s + var(--bar) * .17s) var(--ease) infinite;animation-delay:calc(var(--bar) * -.23s)}.on-air{color:#fff;align-items:center;gap:7px;font-weight:600;display:inline-flex}.on-air-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.on-air-bars i{transform-origin:bottom;width:3px;height:100%;animation:bar-bounce .9s var(--ease) infinite;background:currentColor;border-radius:2px}.on-air-bars i:nth-child(2){animation-duration:1.15s;animation-delay:-.4s}.on-air-bars i:nth-child(3){animation-duration:.8s;animation-delay:-.2s}.radio-shelf{gap:18px}.radio-shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.radio-shelf-head .shelf-title{margin-right:auto}.radio-directory{flex:none;width:180px}.radio-search{flex:0 300px;align-items:center;min-width:0;display:flex;position:relative}.radio-search>.icon{color:var(--label-3);pointer-events:none;position:absolute;left:12px}.radio-search input{border-radius:var(--r-s);width:100%;min-height:40px;padding-left:36px!important}.radio-filters{align-items:center;gap:12px;min-width:0;display:flex}.radio-chips{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;gap:8px;min-width:0;margin:-4px;padding:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.radio-chips::-webkit-scrollbar{display:none}.radio-chip{background:var(--fill-3);min-height:32px;box-shadow:inset 0 0 0 .5px var(--hairline);color:var(--label-2);scroll-snap-align:start;border-radius:999px;flex:none;padding:0 14px;font-size:.8125rem;font-weight:600}.radio-chip:not(:disabled):hover{background:var(--fill-2);color:var(--label)}.radio-chip[aria-pressed=true]{background:var(--label);color:#0b0b0e}.select.radio-region{border-radius:999px;flex:none;width:auto;max-width:220px;min-height:32px;padding:0 12px 0 14px;font-size:.8125rem;font-weight:600}.radio-empty{text-align:center;padding:32px 0}.radio-results{justify-content:space-between;align-items:center;gap:12px;display:flex}.radio-stations{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:30px 20px;list-style:none;display:grid}.radio-card{align-content:start;gap:10px;min-width:0;display:grid;position:relative}.radio-card.skeleton{background:var(--fill-3);aspect-ratio:16/10;border-radius:var(--r-l)}.radio-card-art{position:relative}.radio-card:hover .station-banner.card{transform:translateY(-4px)scale(1.01)translateZ(0);box-shadow:0 30px 54px -24px #000000f2}.radio-card.on .station-banner.card{box-shadow:0 0 0 2px var(--tint), 0 26px 54px -20px oklch(.5 .2 var(--hue) / .8)}.radio-card-art>.on-air{z-index:4;background:#08080c9e;border-radius:999px;padding:5px 10px;font-size:.75rem;position:absolute;top:10px;left:10px}.radio-card-text{min-width:0;padding-inline:2px;display:grid}.radio-card-text h3{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.8em;font-size:1rem;font-weight:650;line-height:1.4;display:-webkit-box;overflow:hidden}.radio-card-text span{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.radio-card.on .radio-card-text h3{color:var(--tint-text)}.radio-card-actions{align-items:center;gap:8px;padding-inline:2px;display:flex}.radio-card-actions .primary{white-space:normal;flex:1;gap:6px;min-width:0;min-height:42px;padding-inline:8px;font-size:.8125rem;line-height:1.2}.radio-card-actions .primary .icon{flex-shrink:0}.radio-card-actions .pill.primary{background:var(--fill-2);color:var(--label);box-shadow:inset 0 0 0 .5px var(--hairline)}.radio-card-actions .pill.primary:not(:disabled):hover,.radio-card.on .radio-card-actions .pill.primary{background:var(--tint-strong);color:#fff}.radio-card-actions .icon-button{background:var(--fill-3);width:42px;height:42px;box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:50%;flex:none;place-items:center;display:grid}.radio-favorite{z-index:4;opacity:0;width:40px;height:40px;transition:opacity .25s var(--ease), transform .4s var(--bounce);border-radius:50%;position:absolute;top:8px;right:8px;transform:scale(.8);box-shadow:inset 0 0 0 .5px #ffffff24;color:#fff!important;background:#0c0c109e!important}.radio-card:hover .radio-favorite,.radio-favorite:focus-visible,.radio-favorite[aria-pressed=true]{opacity:1;transform:none}.radio-favorite[aria-pressed=true]{color:var(--tint-text)!important}.radio-favorite[aria-pressed=true] .icon{fill:currentColor}.now-radio{color:var(--label-2);align-items:center;gap:10px;margin-bottom:10px;display:flex}.radio-custom{border-radius:var(--r-l);background:var(--card);box-shadow:var(--glass-edge);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:20px 32px;padding:24px;display:grid}.radio-custom-intro{align-items:flex-start;gap:14px;display:flex}.radio-custom-icon{background:var(--tint-soft);width:40px;height:40px;color:var(--tint);border-radius:12px;flex:none;place-items:center;display:grid}.radio-custom h2{font:700 1.0625rem/1.3 var(--font-display);letter-spacing:-.015em}.radio-custom-intro p{color:var(--label-2);margin-top:4px;font-size:.875rem;line-height:1.45}.radio-custom-form{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;display:grid}.radio-custom-form input{width:100%;min-width:0}.radio-custom-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.radio-custom-actions .pill,.radio-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.radio-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:18px;display:grid}.radio-form label{min-width:0;color:var(--label-2);gap:6px;font-size:.8125rem;display:grid}.radio-form input{width:100%;min-width:0}.radio-form .radio-url,.radio-actions,.radio-banner-preview{grid-column:1/-1}.radio-actions{flex-wrap:wrap;gap:8px;display:flex}.radio-banner-preview{align-items:center;gap:16px;display:flex}.radio-banner-preview .station-banner{flex:none;width:220px}.radio-banner-preview p{color:var(--label-3);font-size:.8125rem}.radio-admin-row{gap:12px}.radio-admin-thumb{flex:none;width:64px}.radio-admin-thumb .station-banner{border-radius:8px}.radio-admin-thumb .banner-name{display:none}.radio-admin-row>div{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.radio-admin-row span{color:var(--label-2);font-size:.75rem}.admin-form{gap:12px;padding-block:14px!important;display:grid!important}.admin-form.inline{grid-template-columns:1fr auto;align-items:end}.file-field{color:var(--label-2);gap:6px;font-size:.8125rem;display:grid}.file-field input{color:var(--label-2);font-size:.8125rem}.file-field input::file-selector-button{background:var(--fill-2);height:32px;color:var(--label);font:600 .8125rem/1 var(--font);cursor:pointer;border:0;border-radius:999px;margin-right:12px;padding:0 14px}.admin-list{display:contents}.admin-row strong{font-variant-numeric:tabular-nums}.admin-list>li{min-height:56px;padding:6px 18px;position:relative}.admin-list>li+li:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:18px;right:0}.admin-premium{margin-top:2rem}.admin-premium .row-text>*{white-space:normal;overflow-wrap:anywhere}.premium-notice{align-items:center}.premium-notice p{margin:0}.premium-card{border-radius:var(--r-xl);background:var(--card);box-shadow:var(--glass-edge), 0 24px 60px -30px #0009;isolation:isolate;gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.premium-card:before{content:"";z-index:-1;aspect-ratio:1;filter:blur(70px);opacity:.28;background:conic-gradient(from 90deg,#fc8505,#fc1156,#e90088,#c908f7,#fc8505);border-radius:50%;width:70%;animation:24s linear infinite turn;position:absolute;inset:-40% -10% auto auto}.premium-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.premium-badge{color:#fff;background:var(--brand-gradient);border-radius:17px;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 1px #ffffff4d,0 12px 30px -10px #fc1156bf}.premium-copy h2,.premium-vote h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0}.premium-copy h2{font-size:1.375rem;font-weight:750}.premium-vote h3{font-size:1.0625rem}.premium-copy p,.premium-vote-head p{color:var(--label-2);max-width:62ch;margin:4px 0 0;font-size:.9375rem;line-height:1.45}.premium-actions{flex-wrap:wrap;gap:10px;display:flex}.premium-actions .pill{align-items:center;min-height:44px;padding:0 22px;display:inline-flex}.premium-actions .pill.primary,.premium-card .pill.primary{color:#0b0b10;background:#fff;box-shadow:0 12px 30px -12px #fc115699}.premium-vote{gap:16px;width:100%;display:grid}.premium-card .premium-vote{border-top:.5px solid var(--separator);padding-top:24px}.group-card>.premium-cell{padding:20px 18px}.group-card>.premium-tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:16px;display:grid}.premium-tile{border-radius:var(--r-m);background:var(--fill-3);box-shadow:inset 0 0 0 .5px var(--hairline);gap:4px;padding:16px;display:grid;position:relative;overflow:hidden}.premium-tile.on{background:linear-gradient(140deg, #fc115633, #c908f71f 60%, transparent), var(--fill-3);box-shadow:inset 0 0 0 .5px #fc115659}.premium-tile-label{color:var(--label-2);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.premium-tile.on .premium-tile-label{color:#ff9ec0}.premium-tile strong{font-size:1rem;font-weight:650}.premium-tile small{color:var(--label-3);font-size:.8125rem}.group-card>.premium-footer{align-items:center;padding:14px 18px}.premium-progress{gap:8px;display:grid}.premium-progress-label{color:var(--label-2);justify-content:space-between;gap:16px;font-size:.875rem;display:flex}.premium-progress-label strong{color:var(--label);font-variant-numeric:tabular-nums;font-weight:650}.premium-meter{background:var(--fill-3);height:8px;box-shadow:inset 0 0 0 .5px var(--hairline);border-radius:999px;overflow:hidden}.premium-meter>span{border-radius:inherit;background:var(--brand-gradient);transform-origin:0;min-width:8px;height:100%;animation:meter 1.2s .2s var(--out) backwards;transition:width .6s var(--spring);display:block;box-shadow:0 0 16px #fc115680}@keyframes meter{0%{transform:scaleX(0)}}.premium-vote .facts{margin-top:0}.eq-plot svg{animation:1s cubic-bezier(.45,0,.2,1) .15s backwards eq-draw}@keyframes eq-draw{0%{clip-path:inset(-20% 100% -20% 0)}to{clip-path:inset(-20% 0)}}.eq-knob{animation:knob-in .5s var(--bounce) backwards;animation-delay:calc(.18s + var(--band,0) * 62ms)}@keyframes knob-in{0%{opacity:0;scale:.2}}.eq-scale span{animation:fade .5s var(--ease) backwards;animation-delay:calc(.2s + var(--n,0) * 62ms)}.eq-scale span:first-child{--n:0}.eq-scale span:nth-child(2){--n:1}.eq-scale span:nth-child(3){--n:2}.eq-scale span:nth-child(4){--n:3}.eq-scale span:nth-child(5){--n:4}.eq-scale span:nth-child(6){--n:5}.eq-scale span:nth-child(7){--n:6}.eq-scale span:nth-child(8){--n:7}.eq-scale span:nth-child(9){--n:8}.eq-scale span:nth-child(10){--n:9}.eq-scale span:nth-child(11){--n:10}.eq-scale span:nth-child(12){--n:11}.eq-scale span:nth-child(13){--n:12}.eq-scale span:nth-child(14){--n:13}.eq-scale span:nth-child(15){--n:14}.preset-row>li{animation:slide-in .5s var(--out) backwards}.preset-row>li:nth-child(2){animation-delay:40ms}.preset-row>li:nth-child(3){animation-delay:80ms}.preset-row>li:nth-child(4){animation-delay:.12s}.preset-row>li:nth-child(5){animation-delay:.16s}.preset-row>li:nth-child(n+6){animation-delay:.2s}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}}.sound .rack>.panel{animation:rise .6s var(--out) backwards}.sound .rack>.panel:first-child{animation-delay:.35s}.sound .rack>.panel:nth-child(2){animation-delay:.43s}.sound .rack>.panel:nth-child(3){animation-delay:.51s}.sound .rack>.panel:nth-child(n+4){animation-delay:.59s}.radio-stations .radio-card:not(.skeleton){animation:deal .55s var(--out) backwards;animation-delay:calc(80ms + var(--i,0) * 45ms)}@keyframes deal{0%{opacity:0;transform:translateY(16px)scale(.95)}}.radio-chips .radio-chip{animation:slide-in .45s var(--out) backwards}.radio-chips .radio-chip:nth-child(2){animation-delay:30ms}.radio-chips .radio-chip:nth-child(3){animation-delay:60ms}.radio-chips .radio-chip:nth-child(4){animation-delay:90ms}.radio-chips .radio-chip:nth-child(n+5){animation-delay:.12s}.radio-custom{animation:rise .6s .3s var(--out) backwards}.cards>.card{animation:deal .55s var(--out) backwards;animation-delay:calc(60ms + var(--i,0) * 55ms)}.library-shelf .rows.grouped>.row,.listening-history .rows.grouped>.row,.scope-swap>.shelf .rows.grouped>.row{animation:slide-in .5s var(--out) backwards}.scope-swap .rows.grouped>.row:first-child{animation-delay:.15s}.scope-swap .rows.grouped>.row:nth-child(2){animation-delay:.19s}.scope-swap .rows.grouped>.row:nth-child(3){animation-delay:.23s}.scope-swap .rows.grouped>.row:nth-child(4){animation-delay:.27s}.scope-swap .rows.grouped>.row:nth-child(5){animation-delay:.31s}.scope-swap .rows.grouped>.row:nth-child(n+6){animation-delay:.35s}.mix-art>span:not(.mix-art-empty){animation:fan .8s var(--spring) backwards;animation-delay:calc(.1s + var(--at) * 60ms)}@keyframes fan{0%{opacity:0;transform:none}}.mix-art-empty{animation:knob-in .6s .1s var(--bounce) backwards}.recommendation-side>*{animation:rise .55s var(--out) backwards}.recommendation-side>:first-child{animation-delay:.12s}.recommendation-side>:nth-child(2){animation-delay:.2s}.recommendation-side>:nth-child(3){animation-delay:.28s}.recommendation-side>:nth-child(n+4){animation-delay:.36s}.scope-thumb{animation:knob-in .5s var(--bounce) backwards}.settings>.group,.settings-form>.group,.admin-grid>.group{animation:settle .55s var(--out) backwards}.settings-form>.group:first-child{animation-delay:.1s}.settings-form>.group:nth-child(2){animation-delay:.16s}.settings-form>.group:nth-child(3){animation-delay:.22s}.settings-form>.group:nth-child(4){animation-delay:.28s}.settings>.group:nth-last-child(2){animation-delay:.34s}.settings>.group:last-child{animation-delay:.4s}.admin-grid>.group:nth-child(2){animation-delay:80ms}.admin-grid>.group:nth-child(3){animation-delay:.16s}@keyframes settle{0%{opacity:0;transform:translateY(14px)scale(.985)}}.premium-tile{animation:knob-in .5s var(--bounce) backwards}.premium-tile+.premium-tile{animation-delay:80ms}.steps>.step{animation:step-in .6s var(--out) backwards}.steps>.step:nth-child(2){animation-delay:.1s}.steps>.step:nth-child(3){animation-delay:.2s}@keyframes step-in{0%{opacity:0;transform:translate(24px)}}.step-number{animation:knob-in .5s var(--bounce) backwards}.steps>.step:first-child .step-number{animation-delay:.2s}.steps>.step:nth-child(2) .step-number{animation-delay:.3s}.steps>.step:nth-child(3) .step-number{animation-delay:.4s}@media (width<=1240px){.island{grid-template-columns:minmax(0,1fr) minmax(260px,1.6fr) minmax(120px,.7fr)}}@media (width<=1100px){:root{--sidebar:236px}.now{grid-template-columns:minmax(0,1fr);max-width:640px}.now-hero,.now-side{position:static}.up-next{max-height:none}.island{grid-template-columns:minmax(0,1fr) minmax(220px,1.4fr)}.island-side{display:none}}@media (width<=760px){:root{--sidebar:0px;--gutter:16px;--tabbar:calc(62px + env(safe-area-inset-bottom));--dock:76px}.app{padding-left:0}.sidebar{top:0;width:auto;padding:8px 8px 8px 12px;padding-top:max(8px, env(safe-area-inset-top));box-shadow:inset 0 -.5px 0 var(--hairline);border-radius:0;flex-direction:row;align-items:center;gap:4px;position:sticky;inset:auto;overflow:visible}.brand,.find,.primary-nav,.account-text,.nav-indicator{display:none}.places{min-width:0;box-shadow:none;background:0 0;flex:1;grid-template-columns:34px minmax(0,1fr);padding:0}.server-icon .monogram{border-radius:10px;width:34px!important;height:34px!important}.secondary-nav{border:0;margin:0;padding:0;display:flex}.secondary-nav button{border-radius:50%;justify-content:center;width:40px;height:40px;padding:0}.secondary-nav button.active{background:var(--fill-2)}.secondary-nav button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.account{border:0;margin:0;padding:0}.account .monogram,.account .user-avatar{display:none}.content{padding-top:22px}.large-title h1{font-size:2.125rem}.large-title.with-action{grid-template-columns:1fr;align-items:start}.toast{max-width:calc(100% - 24px);left:50%;top:max(12px, env(safe-area-inset-top))}.cookie-actions>button{flex:1}.island{left:8px;right:8px;bottom:calc(var(--tabbar) + 6px);border-radius:18px;gap:4px;height:62px;padding:0 8px 0 4px;display:flex;overflow:hidden}.island-open{flex:1;height:54px}.island-open .artwork.s{width:42px;height:42px}.island-center{display:contents}.island .transport .icon-button:first-child{display:none}.island .progress.compact{width:auto;display:block;position:absolute;bottom:0;left:14px;right:14px}.island .progress.compact>:not(.progress-bar){display:none}.island .progress.compact .progress-bar{height:3px}.island .progress.compact .progress-bar:before,.island .progress.compact .progress-fill{height:2px!important}.island .progress.compact input,.island .progress-knob{display:none}.tabbar{z-index:30;height:var(--tabbar);padding:0 4px env(safe-area-inset-bottom);background:var(--material-thick);-webkit-backdrop-filter:var(--glass);box-shadow:inset 0 .5px 0 var(--hairline);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0}.tabbar button{min-width:0;color:var(--label-3);flex-direction:column;gap:3px;font-size:.625rem;font-weight:550;position:relative}.tabbar button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar button.active{color:var(--tint)}.tabbar button.active .icon{animation:heart .5s var(--bounce)}.tabbar button:not(:disabled):active{transform:scale(.9)}.tabbar .on-air-dot{top:8px;right:calc(50% - 18px)}.now{gap:28px}.now-art{width:min(100%,340px)}.transport.l .icon-button{width:56px;height:56px}.transport.l .play{width:74px;height:74px}.up-next{border-radius:var(--r-l);margin:0 -8px;padding:14px 4px 6px}.queue .row-tools{opacity:1;background:0 0;padding:0;position:static;translate:none}.queue .row-meta,.row-grip{display:none}.panel{border-radius:18px;padding:16px}.rack,.steps,.faders,.source-cards{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.eq-plot{height:190px;margin:0 6px}.eq-scale span:nth-child(2n){visibility:hidden}.field-row{grid-template-columns:minmax(0,1fr);gap:8px}.field-cell{flex-wrap:wrap}.field-cell input,.field-cell .select{max-width:100%}.spotlight{border-radius:0;width:100%;height:100dvh;max-height:none;margin:0}.spotlight-field{padding-top:env(safe-area-inset-top)}.spotlight-field input{font-size:1.125rem!important}.result{flex-wrap:wrap}.result .row-text{flex-basis:calc(100% - 64px)}.result .add{margin-left:64px}.admin-form.inline{grid-template-columns:minmax(0,1fr)}.save-bar{max-width:calc(100% - 8px)}.save-bar span{display:none}.login-features{grid-template-columns:minmax(0,1fr)}.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-metrics>:last-child{grid-column:1/-1}.radio-custom,.radio-custom-form{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.transport.l{gap:6px}.transport.l .icon-button{width:52px;height:52px}.transport.l .play{width:68px;height:68px}.now-controls{padding:0}.now-controls .side{width:40px;height:40px}}@media (width<=600px){.radio-page{gap:28px}.radio-search{flex:100%}.radio-filters{flex-wrap:wrap}.radio-chips{flex:100%}.radio-stations{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 14px}.radio-custom{padding:20px}.radio-form{grid-template-columns:minmax(0,1fr)}.radio-banner-preview{flex-direction:column;align-items:stretch}.radio-banner-preview .station-banner{width:100%}.radio-admin-row{flex-wrap:wrap}.radio-shelf-head .shelf-title{flex-basis:100%}.radio-directory{width:100%}}@media (width<=640px){.premium-card{gap:20px;padding:22px}.premium-hero{grid-template-columns:auto 1fr}.premium-hero>.premium-actions{grid-column:1/-1}.premium-actions .pill{flex:1;justify-content:center}}@media (hover:none){.queue .row-tools{opacity:1;background:0 0;padding:0;position:static;translate:none}.preset-delete,.radio-favorite{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html:not(.ready) #root{opacity:1}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.backdrop i,.login-aura,.app-icon{animation:none!important}.avatar-decoration{display:none}}@media (prefers-reduced-transparency:reduce){:root{--material:#18181d;--material-thick:#18181d;--card:#18181c}.backdrop .ambient,.backdrop .ambient-out{opacity:.4}}@media (forced-colors:active){.slider-track:after,.progress-fill,.switch span:after{background:highlight}}@media (width<=760px){.sidebar{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.sidebar>.bot-select{grid-column:1/-1}}.server-directory-toolbar{flex-wrap:wrap;justify-content:space-between;gap:20px}.server-directory-count{gap:4px;display:grid}.server-directory-count strong{font:650 1.25rem/1.2 var(--font-display);font-variant-numeric:tabular-nums}.server-directory-count>span,.server-directory-detail>span{color:var(--label-2);font-size:.8125rem}.server-directory-search{max-width:340px;color:var(--label-2);flex:220px;align-items:center;gap:8px;display:flex}.server-directory-search input{width:100%;min-width:0}.server-directory-list{scrollbar-gutter:stable;max-height:560px;margin:0;padding:0;list-style:none;overflow-y:auto}.server-directory-row{align-items:center;gap:16px;padding:18px 20px;display:flex}.server-directory-row+.server-directory-row{border-top:.5px solid var(--separator)}.server-directory-icon{background:var(--fill-2);width:48px;height:48px;color:var(--tint-text);border-radius:14px;flex:0 0 48px;place-items:center;font-weight:650;display:grid;position:relative;overflow:hidden}.server-directory-icon img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.server-directory-detail{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.server-directory-detail>strong{font-weight:650}.server-directory-bots{color:var(--label-2);flex-wrap:wrap;gap:4px 16px;margin:3px 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.server-directory-bots li{display:inline}.server-directory-bots .health-dot{vertical-align:middle;width:6px;height:6px;box-shadow:none;margin-right:6px;display:inline-block}.server-directory-footer{color:var(--label-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.8125rem}.server-directory-sort{flex:0 180px}