@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/libre-franklin-cyrillic-ext-300-normal-BDu0eqW7.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-300-normal-DjoAyveG.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/libre-franklin-cyrillic-300-normal-B1b7hub6.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-300-normal-CsV7ql-g.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/libre-franklin-vietnamese-300-normal-CJGCOrma.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-300-normal-CHSllbW7.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/libre-franklin-latin-ext-300-normal-BlegLLcE.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-300-normal-DwHgQ0Rw.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/libre-franklin-latin-300-normal-CvFvVvhW.woff2)format("woff2"),url(/assets/libre-franklin-latin-300-normal-COr5WftT.woff)format("woff");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}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-cyrillic-ext-400-normal-B9g9xgcO.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-400-normal-D5jvQp33.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-cyrillic-400-normal-BxQnOlOp.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-400-normal-T4bKsRTj.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-vietnamese-400-normal-BejjGN4K.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-400-normal-DVbyimmf.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-latin-ext-400-normal-BlKPGRwu.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-400-normal-CEHJ3Zjr.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/libre-franklin-latin-400-normal-DNAyL8lK.woff2)format("woff2"),url(/assets/libre-franklin-latin-400-normal-B5qoBLOl.woff)format("woff");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}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-cyrillic-ext-500-normal-CEScqsDp.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-500-normal-DNjvXlO5.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-cyrillic-500-normal-DmkkefNM.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-500-normal-BbpetOLr.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-vietnamese-500-normal-RIIoSqy6.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-500-normal-r-ir2lkU.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-latin-ext-500-normal-B0aoLQ4L.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-500-normal-BEjoZNRk.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/libre-franklin-latin-500-normal-Cbta7Jiu.woff2)format("woff2"),url(/assets/libre-franklin-latin-500-normal-BQKhRarp.woff)format("woff");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}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-cyrillic-ext-600-normal-Drvu5lSS.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-600-normal-DzWQ5Djp.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-cyrillic-600-normal-B9QZ7Zqf.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-600-normal-BDh_aE24.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-vietnamese-600-normal-B9bGnPdK.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-600-normal-BRdbLLo3.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-latin-ext-600-normal-CSmGWxVI.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-600-normal-BbCuItST.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/libre-franklin-latin-600-normal-BBKMvfE-.woff2)format("woff2"),url(/assets/libre-franklin-latin-600-normal-DjS29Py2.woff)format("woff");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}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-cyrillic-ext-700-normal-DR5N6Ba7.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-700-normal-CF39TNs6.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-cyrillic-700-normal-CCiRtMb4.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-700-normal-CsIUO3b6.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-vietnamese-700-normal-C4s2DR1-.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-700-normal-tr4w5WCD.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-latin-ext-700-normal-DaqAYsRT.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-700-normal-CccHi4gv.woff)format("woff");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:Libre Franklin;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-latin-700-normal-TBBKpXzk.woff2)format("woff2"),url(/assets/libre-franklin-latin-700-normal-CP58KLQO.woff)format("woff");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}@font-face{font-family:Libre Franklin;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-cyrillic-ext-700-italic-CQHRTqlz.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-ext-700-italic-Bq8_dUyC.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-cyrillic-700-italic-Cq_qEZUs.woff2)format("woff2"),url(/assets/libre-franklin-cyrillic-700-italic-TzGi6UPz.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-vietnamese-700-italic-B4cWQOpy.woff2)format("woff2"),url(/assets/libre-franklin-vietnamese-700-italic-El_FXQx7.woff)format("woff");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:Libre Franklin;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-latin-ext-700-italic-Bh2fCns3.woff2)format("woff2"),url(/assets/libre-franklin-latin-ext-700-italic-CWrolfl7.woff)format("woff");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:Libre Franklin;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/libre-franklin-latin-700-italic-BiCvRCdK.woff2)format("woff2"),url(/assets/libre-franklin-latin-700-italic-DF0xrfTP.woff)format("woff");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{--ink:#fff7ed;--ink-2:#fcfaff;--ink-dim:#fff7edb8;--ink-faint:#fff7ed80;--bg:#170025;--glass-tint:linear-gradient(150deg, #a888ec33, #6e46a014 45%, #ffc49612);--glass-base:#1a062842;--glass-sheen:radial-gradient(120% 70% at 0% 0%, #ffffff1a, transparent 55%);--glass-edge:linear-gradient(160deg, #ffffff6b, #ffffff1a 35%, #ffffff0a 65%, #fff3);--glass-shadow:inset 0 1px 0 #ffffff24, 0 1px 2px #0a001440, 0 24px 60px -24px #080012bf;--surface:#ffffff0d;--surface-hover:#ffffff17;--surface-ring:inset 0 0 0 1px #ffffff12, inset 0 1px 0 #ffffff0f;--surface-active:linear-gradient(150deg, #ffffff2e, #ffffff0f);--surface-active-ring:inset 0 0 0 1px #fff3, inset 0 1px 0 #ffffff38, 0 10px 24px -14px #0009;--noise: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='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--warm:linear-gradient(100deg, #ff986ce6, #e86cbee6 55%, #c860ffe6);--fill:linear-gradient(90deg, #ff9447, #c13fdc);--spotify:#1db954;--apple-music:#fa2d48;--orange:#da6d05;--gold:#f6930a;--danger:#ff7a62;--font:"Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(1rem, 3vw, 4rem);--nav-h:clamp(4.25rem, 6vw, 6.75rem);--r-lg:1.25rem;--r-md:.875rem;--r-sm:.625rem;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:clamp(14px,.42vw + 8.5px,16px)}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:0 0;margin:0;line-height:1.4;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.015em}svg{display:block}img{max-width:100%}.muted{color:var(--ink-dim);font-size:.9375rem}.fade-in{animation:fade-in .35s var(--ease) backwards}@keyframes fade-in{0%{opacity:0;transform:translateY(.4rem)}}.bg{z-index:-1;background:var(--bg);position:fixed;inset:0;overflow:hidden}.bg-blob{opacity:.55;will-change:transform;border-radius:50%;position:absolute}.bg-blob--orange{aspect-ratio:1;background:radial-gradient(closest-side,#cc6b34 0%,#cc6b34f2 30%,#b25c2cb3 50%,#8c482461 68%,#66361a1f 85%,#0000 100%);width:calc(max(53vw,70vh) + 280px);animation:34s ease-in-out infinite drift-a;top:calc(42% - 140px);left:calc(-17vw - 140px)}.bg-blob--purple{aspect-ratio:1;background:radial-gradient(closest-side,#9946a7 0%,#9946a7f2 28%,#be54cdb8 48%,#e65df266 66%,#e65df21f 84%,#0000 100%);width:calc(max(53vw,70vh) + 280px);animation:41s ease-in-out infinite drift-b;top:calc(-30% - 140px);left:calc(2vw - 140px)}.bg-blob--amber{aspect-ratio:1;background:radial-gradient(closest-side,#ff8b20 0%,#ff9632d9 25%,#ffa04999 48%,#fa8c2847 68%,#f4801614 86%,#0000 100%);width:calc(max(40vw,52vh) + 280px);animation:29s ease-in-out infinite drift-c;top:calc(66% - 140px);left:calc(60vw - 140px)}.bg-blob--pink{aspect-ratio:1;opacity:.36;background:radial-gradient(closest-side,#e0549b 0%,#e0549be6 26%,#f06eb48c 50%,#f06eb438 70%,#f06eb40f 86%,#0000 100%);width:calc(max(34vw,46vh) + 280px);animation:37s ease-in-out infinite drift-d;top:calc(-12% - 140px);left:calc(52vw - 140px)}@keyframes drift-a{25%{transform:translate(14vw,-10vh)scale(1.08)}50%{transform:translate(26vw,4vh)scale(.96)}75%{transform:translate(8vw,12vh)scale(1.05)}}@keyframes drift-b{25%{transform:translate(16vw,10vh)scale(.94)}50%{transform:translate(30vw,2vh)scale(1.06)}75%{transform:translate(12vw,-8vh)scale(.98)}}@keyframes drift-c{25%{transform:translate(-14vw,-12vh)scale(1.1)}50%{transform:translate(-30vw,-4vh)scale(.95)}75%{transform:translate(-12vw,6vh)scale(1.04)}}@keyframes drift-d{25%{transform:translate(-16vw,14vh)scale(1.08)}50%{transform:translate(-6vw,30vh)scale(.92)}75%{transform:translate(10vw,16vh)scale(1.05)}}@media (prefers-reduced-motion:reduce){.bg-blob{animation:none}}.glass{isolation:isolate;background:var(--glass-sheen), var(--glass-tint), var(--glass-base);border-radius:var(--r-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(32px)saturate(135%);backdrop-filter:blur(32px)saturate(135%);position:relative}.glass:before{content:"";border-radius:inherit;background:var(--glass-edge);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:after{content:"";border-radius:inherit;background:var(--noise);opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:-1;position:absolute;inset:0}.panel{padding:1.5rem}.panel-title{color:var(--ink-2);font-size:1.125rem;font-weight:700;line-height:1.25}.section-title{font-size:clamp(1.5rem,1.6vw + .5rem,2.125rem);font-weight:700;line-height:1.3}.divider{background:linear-gradient(90deg,#ffffff2e,#ffffff0a);height:1px;margin:1rem 0}.scroll{scrollbar-width:thin;scrollbar-color:#fff7ed38 transparent;overflow-y:auto}.list.scroll{scrollbar-gutter:stable}.spotify-btn{background:var(--spotify);color:#fff;white-space:nowrap;transition:transform .15s var(--ease), filter .15s var(--ease);border-radius:3rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.375rem;font-size:.9375rem;font-weight:700;line-height:1.5rem;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -10px #1db954b3}.spotify-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.spotify-btn--small{padding:.5rem 1.5rem;font-size:.875rem;font-weight:600}.spotify-btn-logo{width:1.125rem;height:1.125rem}.gradient-btn{color:#fff;border-radius:var(--r-sm);background:var(--warm);white-space:nowrap;transition:transform .15s var(--ease), filter .15s var(--ease), box-shadow .2s var(--ease), opacity .2s;justify-content:center;align-items:center;gap:.6rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1.5rem;display:inline-flex;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000001f,0 10px 28px -12px #d55cffb3}.gradient-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff5c,inset 0 -1px #0000001f,0 14px 36px -12px #d55cffd9}.gradient-btn:active:not(:disabled){transform:translateY(0)}.gradient-btn:disabled{opacity:.4;box-shadow:inset 0 1px #fff3}.gradient-btn--lg{border-radius:var(--r-md);padding:1.05rem 2.25rem;font-size:clamp(1.125rem,.9vw + .5rem,1.375rem);font-weight:700}.glass-btn{color:var(--ink);border-radius:var(--r-sm);white-space:nowrap;transition:background .15s var(--ease);background:#ffffff0f;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;line-height:1.5rem;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff1a}.glass-btn:hover{background:#ffffff1c}.icon-btn{color:var(--ink);transition:opacity .15s var(--ease), transform .15s var(--ease);place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){transform:scale(1.06)}.icon-btn:disabled{opacity:.3}.topnav{z-index:20;height:var(--nav-h);padding:0 var(--gutter);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.logo{width:clamp(7.25rem,6vw + 3rem,10.5rem);height:auto;display:block}.topnav-logo{border-radius:.5rem}.topnav-right{align-items:center;display:flex;position:relative}.settings-btn{border-radius:50%;width:2.75rem;height:2.75rem}.settings-btn svg{width:1.875rem;height:1.875rem;transition:transform .3s var(--ease)}.settings-btn:hover{background:#ffffff14}.settings-btn.is-open svg{transform:rotate(45deg)}.demo-flag{left:50%;top:calc(var(--nav-h) / 2);z-index:30;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:help;background:#0000004d;border-radius:1rem;padding:.3rem .75rem;font-size:.6875rem;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff29}.chips{flex-wrap:wrap;gap:.625rem;display:flex}.chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#ffffff1c;border-radius:2rem;align-items:center;gap:.5rem;max-width:100%;padding:.4375rem .625rem .4375rem .875rem;font-size:.8125rem;font-weight:700;line-height:1.25rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff29,0 4px 14px -8px #00000080}.chip-label{text-overflow:ellipsis;overflow:hidden}.chip--sm{padding:.25rem .5rem .25rem .75rem;font-size:.75rem;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff1f}.chip:not(:has(.chip-x)){padding-right:.875rem}.chip--sm:not(:has(.chip-x)){padding-right:.75rem}.chip-x{opacity:.8;border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;transition:background .15s,opacity .15s;display:grid}.chip-x svg{width:.7rem;height:.7rem}.chip-x:hover{opacity:1;background:#ffffff29}.art{object-fit:cover;background:#fff7ed14;border-radius:.3rem;flex:none;width:2.5rem;height:2.5rem;display:block}.art--round{border-radius:50%}.art--genre{background:conic-gradient(from 200deg,#ff9447,#c13fdc,#5a6cff,#ff9447)}.art--liked{background:linear-gradient(135deg,#4b2bd6,#c7d0f4);place-items:center;display:grid}.art--liked svg{color:#fff;width:1rem;height:1rem}.progress{background:#ffffff1f;border-radius:1rem;height:.375rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #00000040}.progress-fill{border-radius:inherit;background:var(--fill);height:100%;transition:width .25s linear;box-shadow:0 0 12px #e86cbe99}.search{z-index:10;position:relative}.landing-search{z-index:5;position:relative}.search-bar{cursor:text;min-height:3rem;transition:box-shadow .2s var(--ease);border-radius:3rem;align-items:center;gap:.75rem;padding:.25rem .375rem .25rem 1rem;display:flex}.search-bar:focus-within{box-shadow:var(--glass-shadow), 0 0 0 3px #e86cbe38}.search-icon{width:1.25rem;height:1.25rem;color:var(--ink);opacity:.85;flex:none}.bar-chips{--fade:2rem;scrollbar-width:none;min-width:0;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);transition:--fade-l .25s var(--ease), --fade-r .25s var(--ease);flex:1;align-items:center;gap:.625rem;padding:.25rem 0;display:flex;overflow-x:auto}.bar-chips::-webkit-scrollbar{display:none}.bar-chips .chips{flex-wrap:nowrap;gap:.5rem;width:max-content}.bar-chips .search-input{flex:1 0 9rem}.search-input{min-width:5rem;height:2.375rem;color:var(--ink);font:500 1rem var(--font);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1}.search-input::placeholder{color:#ffffff8c;font-weight:400}.search-clear{opacity:.6;border-radius:50%;flex:none;width:2.25rem;height:2.25rem}.search-clear:hover{opacity:1;background:#ffffff14}.search-clear svg{width:2.25rem;height:2.25rem}.search-results{border-radius:var(--r-lg);background:var(--glass-sheen), var(--glass-tint), #1a0824e6;-webkit-backdrop-filter:blur(32px)saturate(160%);backdrop-filter:blur(32px)saturate(160%);max-height:min(40rem, var(--room,70dvh));overscroll-behavior:contain;scrollbar-width:thin;padding:.5rem 0 1rem;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.search-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:.75rem 1.25rem .25rem;font-size:.6875rem;font-weight:700}.search-result{border-radius:var(--r-sm);text-align:left;align-items:center;gap:.875rem;width:calc(100% - 1rem);margin:0 .5rem;padding:.5rem .75rem;display:flex}.search-result .art{box-shadow:0 0 0 1px #fff7ed40}.search-result.is-active{background:#ffffff17}.search-result.is-chosen .search-result-name:after{content:" ✓";color:var(--gold)}.search-result-text{flex-direction:column;min-width:0;display:flex}.search-result-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;line-height:1.4;overflow:hidden}.search-result-sub{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.search-status{color:var(--ink-dim);padding:1rem 1.25rem}.search-footer{flex-direction:column;gap:.875rem;padding:.75rem 1.25rem .25rem;display:flex}.search-group+.search-footer,.search-status+.search-footer{margin-top:.75rem}.search-footer .inputs-title{font-size:1.125rem}.search-footer .gradient-btn{align-self:center;margin-top:.75rem}.landing{width:min(64rem, 100% - 2 * var(--gutter));min-height:calc(100dvh - var(--nav-h));transition:padding-top .6s var(--ease);flex-direction:column;margin:0 auto;padding-top:clamp(4rem,20vh,12rem);display:flex}.landing.is-raised{padding-top:clamp(1rem,4vh,2.5rem)}.hero-wrap{transition:grid-template-rows .6s var(--ease), margin-bottom .6s var(--ease), opacity .3s var(--ease);grid-template-rows:1fr;margin-bottom:2rem;display:grid}.hero-wrap>.hero{min-height:0;transition:transform .6s var(--ease), filter .4s var(--ease);overflow:hidden}.landing.is-raised .hero-wrap{opacity:0;pointer-events:none;grid-template-rows:0fr;margin-bottom:0}.landing.is-raised .hero-wrap>.hero{filter:blur(6px);transform:translateY(-1.5rem)scale(.96)}.inputs{flex-direction:column;gap:.875rem;margin-top:2.75rem;display:flex}.inputs-title{font-size:clamp(1.125rem,.6vw + .8rem,1.375rem);font-weight:500;line-height:1.35}.inputs .gradient-btn{align-self:center;margin-top:2.25rem}.continue{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:1rem;width:min(36rem,100%);margin-top:clamp(2.5rem,8vh,5.5rem);padding:1.75rem;display:flex}.continue-title{font-size:clamp(1.25rem,1vw + .75rem,1.75rem);font-weight:700}.continue .chips{justify-content:center}.continue-play{border-radius:2rem;width:10rem;height:2.75rem;margin-top:.25rem}.continue-play svg{width:1rem;height:1.125rem}.loading{min-height:calc(100dvh - var(--nav-h));padding:clamp(4rem, 18vh, 12rem) var(--gutter) 4rem;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.loading-title{text-wrap:balance;font-size:clamp(1.75rem,2.4vw + .75rem,3rem);font-weight:600;line-height:1.2}.loading-playlist{font-size:clamp(2rem,2.8vw + .75rem,3.5rem);font-weight:700;line-height:1.15}.loading-playlist em{font-style:italic}.loading-sub{color:var(--ink-dim);font-size:clamp(1.0625rem,.8vw + .6rem,1.5rem)}.loading .chips{justify-content:center;margin-top:.5rem}.loading-bar{width:min(56rem,100%);margin-top:clamp(2.5rem,8vh,5rem)}.loading-bar .progress-fill{transition:width .45s var(--ease)}.loading-bar.progress{background:#ffffff1a;height:.75rem;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px 2px #0000004d}.starting{flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem;display:flex}.starting h2{font-size:clamp(1.375rem,1vw + .8rem,2rem);font-weight:600}.starting-card{text-align:left;border-radius:var(--r-md);align-items:center;gap:1.25rem;max-width:100%;padding:.875rem 2rem .875rem .875rem;display:flex}.starting-card .art{border-radius:.375rem;width:clamp(4.5rem,5vw + 1rem,6.25rem);height:clamp(4.5rem,5vw + 1rem,6.25rem)}.starting-name{font-size:clamp(1.25rem,1vw + .75rem,1.875rem);font-weight:600;line-height:1.2}.starting-artist{color:var(--ink-dim);margin-top:.25rem;font-size:1.0625rem}.loading-error{flex-direction:column;align-items:center;gap:1.25rem;max-width:36rem;margin-top:1.5rem;font-size:1.125rem;display:flex}.player{--stage-h:max(34rem, calc(100dvh - var(--nav-h) - 1.5rem));--dock-h:4rem;padding:0 var(--gutter) 1.5rem}.player-grid{grid-template-columns:minmax(15rem,20rem) minmax(0,1fr) minmax(15rem,20rem);grid-template-rows:var(--stage-h);grid-template-areas:"left center queue";gap:1.5rem;max-width:112rem;margin:0 auto;display:grid}.left-panel{grid-area:left}.center{grid-area:center}.queue{grid-area:queue}.left-panel,.queue{flex-direction:column;min-height:0;display:flex}.list{flex-direction:column;gap:.625rem;min-height:0;margin:0 -.5rem;padding:.25rem .5rem .5rem;display:flex}.queue .panel-title{margin-bottom:1.125rem}.card-row{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--surface-ring);text-align:left;transition:background .15s var(--ease), transform .15s var(--ease);flex:none;align-items:center;gap:.75rem;padding:.625rem;display:flex}button.card-row:hover:not(:disabled){background:var(--surface-hover)}.card-row.is-current,.card-row.is-active{background:var(--surface-active);box-shadow:var(--surface-active-ring)}.card-row-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.card-row-name{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.card-row-sub{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.3;overflow:hidden}.card-row--playlist .card-row-name{font-weight:700}.left-panel--out{gap:1.5rem}.likes-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.likes-empty{color:var(--ink-dim);font-size:.875rem}.service-toggle{background:#0003;border-radius:2rem;flex:none;padding:.1875rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.service-option{width:1.875rem;height:1.625rem;color:var(--ink-dim);transition:background .2s var(--ease), color .2s var(--ease);border-radius:2rem;place-items:center;display:grid}.service-option svg{width:.9375rem;height:.9375rem}.service-option:hover{color:var(--ink)}.service-option.is-active{color:#fff;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff29}.service-option--spotify.is-active{color:var(--spotify)}.service-option--apple.is-active{color:var(--apple-music)}.left-welcome{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--surface-ring);animation:rise .4s var(--ease) backwards;flex:none;padding:1rem 2.75rem 1.125rem 1.125rem;position:relative}.left-welcome.is-closing{pointer-events:none}@keyframes welcome-out{to{opacity:0;transform:translateY(-6px)scale(.98)}}.left-welcome-close{opacity:.6;border-radius:50%;width:1.75rem;height:1.75rem;position:absolute;top:.5rem;right:.5rem}.left-welcome-close:hover{opacity:1;background:#ffffff1a}.left-welcome-close svg{width:1.75rem;height:1.75rem}.left-welcome h2{font-size:1.125rem;font-weight:700;line-height:1.3}.left-welcome p{color:var(--ink-dim);margin-top:.375rem;font-size:.875rem;line-height:1.45}.left-welcome .left-benefits{margin-top:1.125rem}.left-welcome .left-benefits h3{margin-bottom:.625rem;font-size:1rem}.left-benefits h3{margin-bottom:.875rem;font-size:1.125rem;font-weight:600}.left-benefits ul{color:var(--ink-dim);flex-direction:column;gap:.625rem;margin:0;padding:0;font-size:.875rem;line-height:1.45;list-style:none;display:flex}.left-benefits li{padding-left:1.125rem;position:relative}.left-benefits li:before{content:"";background:var(--warm);border-radius:50%;width:.375rem;height:.375rem;position:absolute;top:.55em;left:0}.left-likes{flex-direction:column;flex:1;min-height:0;display:flex}.left-likes .card-row-text{flex:1;min-width:0}.left-likes .card-row{gap:.5rem}.left-likes .card-row .art{margin-right:.25rem}.panel-toast{z-index:2;border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .3s var(--ease) backwards;background:#1e0a28e0;align-items:center;gap:.75rem;padding:.625rem .625rem .625rem 1rem;font-size:.875rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:inset 0 0 0 1px #ffffff29,0 12px 32px -12px #0009}.panel-toast.is-closing{pointer-events:none;animation:welcome-out .2s var(--ease) forwards}.panel-toast-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--ink-dim);flex:1;overflow:hidden}.panel-toast-text b{color:var(--ink);font-weight:600}.panel-toast-undo{color:#fff;background:var(--warm);transition:filter .15s var(--ease);border-radius:1rem;flex:none;padding:.3rem .75rem;font-size:.8125rem;font-weight:700}.panel-toast-undo:hover{filter:brightness(1.1)}.left-likes .list{flex:1;margin-bottom:-.5rem;overflow-y:auto}.profile{align-items:center;gap:.75rem;display:flex}.avatar{object-fit:cover;border-radius:50%;width:2.25rem;height:2.25rem;box-shadow:0 0 0 2px #ffffff2e}.avatar--letter{background:var(--orange);place-items:center;font-size:1.125rem;font-weight:700;display:grid}.profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.library-head{justify-content:space-between;align-items:center;margin:1.25rem 0 1rem;display:flex}.left-panel .list{flex:1}.playlist-view{flex-direction:column;flex:1;min-height:0;display:flex}.playlist-bar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.back-btn{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--surface-ring);color:var(--ink-2);transition:background .15s var(--ease);align-items:center;gap:.375rem;padding:.5rem .875rem .5rem .625rem;font-size:.9375rem;font-weight:500;display:inline-flex}.back-btn:hover{background:#ffffff24}.back-chevron{width:1.125rem;height:1.125rem;rotate:90deg}.playlist-title{color:var(--ink-2);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:1.25rem 0 1rem;font-size:1.25rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.analyze-btn{border-radius:1rem;flex:none;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.card-row--song .art{width:2.75rem;height:2.75rem}.card-row--song .card-row-name{font-size:.9375rem}.card-row--song .card-row-sub{font-size:.875rem}.rundown-btn{flex:none;margin-top:1rem;padding:.75rem 1.5rem;font-size:1.0625rem}.center{min-width:0;min-height:0;position:relative}.center-scroll{height:calc(100% - 1.5rem);padding:calc(var(--dock-h) - 1.5rem) 1.125rem 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff7ed33 transparent;margin:1.5rem -1.125rem 0;overflow-y:auto}.search-dock{z-index:10;position:absolute;top:0;left:0;right:0}.search-dock:before{content:"";-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-composite:source-in;opacity:0;transition:opacity .25s var(--ease);pointer-events:none;z-index:-1;position:absolute;inset:50% 0 -1.75rem;-webkit-mask-image:linear-gradient(#000 45%,#0000),linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(#000 45%,#0000),linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.center:has(.center-scroll[data-fade-top]) .search-dock:before{opacity:1}.center-scroll .glass{box-shadow:inset 0 1px #ffffff24,0 1px 2px #0a001440,0 14px 28px -18px #080012bf}.center-panel{flex-direction:column;height:100%;min-height:30rem;padding:0;display:flex}@media (width>=1200px){.center{margin-bottom:-1.5rem}.center-scroll{padding-bottom:1.5rem}}.search--player .search-results{max-height:min(calc(var(--stage-h) - 6rem), var(--room,100dvh))}.add-lists-open{z-index:3;border-radius:2rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;line-height:1.25rem;position:absolute;top:1rem;right:1rem}.source-pill{z-index:3;white-space:nowrap;text-overflow:ellipsis;background:#0000002e;border-radius:2rem;max-width:45%;padding:.4rem .875rem;font-size:.8125rem;font-weight:600;position:absolute;top:1rem;left:3.75rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.stage{flex:1;grid-template:"skip art like"minmax(0,1fr)"info info info""ctrl ctrl ctrl"/1fr auto 1fr;place-items:center;row-gap:1.25rem;min-height:0;padding:3.5rem 1.5rem 2rem;display:grid;position:relative;container-type:size}.stage-empty{margin:auto}.art-stack{aspect-ratio:1;grid-area:art;width:clamp(10rem,min(100cqw - 16rem,100cqh - 15rem),30rem);position:relative}.art-stack-top,.art-stack-under{border-radius:.5rem;position:absolute;inset:0}.art-stack-top{animation:art-in .45s var(--ease) backwards;transition:transform .5s cubic-bezier(.34,1.4,.64,1);display:block;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 30px 60px -20px #000000b3}.art-stack-top img{object-fit:cover;width:100%;height:100%;display:block}.art-stack-under{object-fit:cover;opacity:.45;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff24}.art-stack-under--1{transform:translateY(-2.3%)scale(.979)}.art-stack-under--2{opacity:.3;transform:translateY(-4.2%)scale(.958)}.art-stack-under--3{opacity:.18;transform:translateY(-5.9%)scale(.937)}@keyframes art-in{0%{opacity:.5;transform:translateY(-2.3%)scale(.979)}}.swipe{aspect-ratio:1;color:#fff7ed61;width:clamp(3.5rem,9cqw,6rem);transition:color .2s var(--ease), transform .2s var(--ease), filter .2s var(--ease);border-radius:50%;place-items:center;display:grid}.swipe svg{width:100%;height:100%}.swipe--skip{grid-area:skip}.swipe--like{grid-area:like}@media (pointer:coarse){.search-input{font-size:max(16px,1rem)}}@media (hover:hover){.swipe--skip:hover{color:#ff5f57;filter:drop-shadow(0 0 18px #ff504680);transform:scale(1.06)}.swipe--like:hover{color:#3ddc84;filter:drop-shadow(0 0 18px #3ddc8480);transform:scale(1.06)}}.swipe:active{transform:scale(.96)}.media-info{z-index:1;text-align:center;flex-direction:column;grid-area:info;align-items:center;width:min(27rem,100%);min-width:0;display:flex;position:relative}.media-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1.125rem,.7vw + .75rem,1.375rem);font-weight:600;line-height:1.25;overflow:hidden}.media-artist{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:.25rem;font-size:1rem;font-weight:500;overflow:hidden}.media-progress{width:100%;margin-top:1rem}.volume{z-index:6;position:absolute;top:1rem;left:1rem}.volume-btn{width:2.25rem;height:2.25rem;color:var(--ink-dim);transition:color .15s var(--ease), background .15s var(--ease);border-radius:50%}.volume-btn:hover,.volume-btn.is-open{color:var(--ink);background:#ffffff1a}.volume-btn svg,.volume-mute svg{width:1.25rem;height:1.25rem}.volume-pop{transform-origin:top;width:2.25rem;animation:drop-in .18s var(--ease) backwards;border-radius:1.125rem;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem 0 .375rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0}.volume-pop.is-closing{pointer-events:none;animation:.16s both drop-out}.volume-track{cursor:pointer;touch-action:none;border-radius:1rem;width:1.75rem;height:7.5rem;position:relative}.volume-track:before,.volume-fill{content:"";border-radius:1rem;width:.25rem;position:absolute;bottom:0;left:50%;translate:-50%}.volume-track:before{background:#ffffff29;top:0}.volume-fill{background:linear-gradient(#d55cff,#ff986c)}.volume-thumb{width:.875rem;height:.875rem;transition:scale .15s var(--ease);background:#fff7ed;border-radius:50%;position:absolute;left:50%;translate:-50% 50%;box-shadow:0 1px 4px #0006}.volume-track:hover .volume-thumb,.volume-track:focus-visible .volume-thumb{scale:1.2}.volume-track:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.volume-mute{width:1.875rem;height:1.875rem;color:var(--ink-dim);border-radius:50%}.volume-mute:hover{color:var(--ink);background:#ffffff1a}.media-progress.is-missing{opacity:.35}.media-note{color:var(--ink-faint);margin-top:.4rem;font-size:.75rem}.media-controls{grid-area:ctrl;align-items:center;gap:1.75rem;display:flex}.media-controls .icon-btn{border-radius:50%;width:2.75rem;height:2.75rem}.media-controls .icon-btn:hover:not(:disabled){background:#ffffff14}.media-controls svg{width:1.75rem;height:1.25rem}.media-controls .media-play{background:#ffffff1f;width:3.5rem;height:3.5rem;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff38,0 10px 24px -12px #0009}.media-controls .media-play:hover:not(:disabled){background:#fff3}.media-controls .media-play svg{width:1.125rem;height:1.3rem}.stage-end{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:34rem;margin:auto;padding:2rem;display:flex}.stage-end h2{text-wrap:balance;font-size:clamp(1.5rem,1.4vw + .75rem,2.125rem);font-weight:700}.stage-end p{color:var(--ink-dim)}.stage-end-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.add-lists{flex-direction:column;flex:1;min-height:0;padding:clamp(1.5rem,2.5vw,2.25rem);display:flex;position:relative}.add-group{flex-direction:column;gap:.875rem;margin-top:2rem;display:flex}.add-group h3{color:var(--ink-2);font-size:1.0625rem;font-weight:600}.add-group--grow{flex:1;min-height:0}.add-songs{scrollbar-width:thin;gap:1rem;margin-bottom:-12rem;padding-bottom:12rem;display:flex;overflow:auto visible}.add-song{flex-direction:column;flex:none;gap:.3rem;width:9.5rem;display:flex}.add-song-cover{position:relative}.service-link{width:1.75rem;height:1.75rem;color:var(--ink-dim);transition:color .15s var(--ease), background .15s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.service-link:hover,.service-link:focus-visible{background:#ffffff14}.service-link--spotify:hover,.service-link--spotify:focus-visible{color:var(--spotify)}.service-link--apple:hover,.service-link--apple:focus-visible{color:var(--apple-music)}.service-link svg{width:1.125rem;height:1.125rem}.unlike-btn{opacity:.6;width:1.75rem;height:1.75rem;transition:opacity .15s var(--ease), background .15s var(--ease);border-radius:50%;flex:none}.unlike-btn:hover,.unlike-btn:focus-visible{opacity:1;background:#ffffff1f}.unlike-btn svg{width:1.75rem;height:1.75rem}.add-song-cover .unlike-btn{opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14041ea6;position:absolute;top:.375rem;right:.375rem}.add-song:hover .unlike-btn,.add-song-cover .unlike-btn:focus-visible{opacity:1}@media (hover:none){.add-song-cover .unlike-btn{opacity:1}}.add-song-art{border-radius:.5rem;width:9.5rem;height:9.5rem;box-shadow:0 0 0 1px #ffffff1f}.add-song-name{white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-size:.875rem;font-weight:600;overflow:hidden}.add-song-artist{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.3rem;font-size:.8125rem;overflow:hidden}.add-actions{z-index:3;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.5rem;display:flex;position:relative}.add-error{color:var(--danger);margin-right:auto;font-size:.875rem}.add-done{color:var(--ink-dim);margin-top:1.25rem;font-size:1.125rem}.select{position:relative}.select-btn{border-radius:var(--r-sm);text-align:left;background:#ffffff0f;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem .5rem .875rem;font-size:.875rem;font-weight:500;transition:background .15s;display:flex;box-shadow:inset 0 0 0 1px #ffffff29}.select-btn:hover{background:#ffffff1a}.select-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.select-chevron{width:1.125rem;height:1.125rem;transition:transform .2s var(--ease);flex:none;transform:rotate(180deg)}.select.is-open .select-chevron{transform:none}.select-menu{z-index:5;border-radius:var(--r-sm);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#2c163af0;max-height:15rem;padding:.375rem;position:absolute;top:calc(100% + .375rem);left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff24,0 20px 40px -16px #000000b3}.select-option{text-align:left;border-radius:.4rem;align-items:center;gap:.4rem;width:100%;padding:.5rem .625rem;font-size:.875rem;display:flex}.select-option:hover,.select-option.is-selected{background:#ffffff1a}.select-option--new{color:#ffc27a;font-weight:600}.select-option--new svg{width:.875rem;height:.875rem}.select--compact .select-btn{padding:.375rem .5rem .375rem .75rem;font-size:.8125rem}.new-playlist{z-index:6;background:var(--glass-sheen), var(--glass-tint), #1e0a28d9;flex-direction:column;gap:.75rem;width:min(24rem,90%);padding:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.new-playlist label{font-weight:600}.new-playlist input{font:500 1rem var(--font);color:var(--ink);border-radius:var(--r-sm);background:#ffffff12;border:0;outline:none;padding:.65rem .85rem;box-shadow:inset 0 0 0 1px #fff3}.new-playlist input:focus{box-shadow:inset 0 0 0 1px #ffffff4d,0 0 0 3px #e86cbe40}.new-playlist-actions{justify-content:flex-end;gap:.625rem;margin-top:.25rem;display:flex}.below{flex-direction:column;gap:1.5rem;min-width:0;margin-top:1.5rem;padding-bottom:1rem;display:flex}.overview{gap:clamp(1rem,3vw,3rem);padding:1.75rem;display:flex}.overview-text{flex-direction:column;flex:1;gap:.875rem;min-width:0;display:flex}.overview-text p{color:#fff7ede0;font-size:1.0625rem;line-height:1.65}.overview-img{aspect-ratio:.94;object-fit:cover;border-radius:var(--r-sm);width:clamp(6rem,18vw,15rem);height:auto;box-shadow:0 0 0 2px var(--gold), 0 18px 40px -18px #000000b3;flex:none;align-self:flex-start}.genres,.suggestions{flex-direction:column;gap:.875rem;padding:1.75rem;display:flex}.genres-lede{color:var(--ink-dim);font-size:1rem;font-weight:400;line-height:1.5}.genre-cards{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin-top:.375rem;display:grid}.genre-card{isolation:isolate;clip-path:inset(0 round var(--r-md));border-radius:var(--r-md);text-align:left;min-height:14rem;transition:transform .2s var(--ease);background:#ffffff0a;flex-direction:column;gap:1rem;padding:1.125rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f6930abf,inset 0 1px #ffffff26}.genre-card:hover{transform:translateY(-3px)}.genre-card-bg{object-fit:cover;opacity:.35;filter:blur(10px)saturate(1.2);z-index:-1;width:120%;max-width:none;height:120%;position:absolute;inset:-10%}.genre-card:before{content:"";z-index:-1;background:linear-gradient(#12041c73,#12041c9e);position:absolute;inset:0}.genre-card-head{flex-direction:column;display:flex}.genre-card-name{font-size:1.5rem;font-weight:700;line-height:1.15}.genre-card-pct{color:var(--ink-dim);margin-top:.15rem;font-size:1.125rem}.genre-card-blurb{color:#ffffffd9;-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.tag-row{flex-wrap:wrap;gap:.625rem;display:flex}.tag{background:var(--warm);transition:filter .15s, transform .15s var(--ease);border-radius:2rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600;box-shadow:inset 0 1px #ffffff47,0 8px 20px -12px #d55cffb3}.tag:hover{filter:brightness(1.1);transform:translateY(-1px)}.rundown{min-height:100dvh;padding:4.5rem var(--gutter) 3rem;position:relative}.rundown-close{left:var(--gutter);opacity:.85;border-radius:50%;width:2.75rem;height:2.75rem;position:absolute;top:1.25rem}.rundown-close:hover{background:#ffffff14}.rundown-close svg{width:2.75rem;height:2.75rem}.rundown-grid{--g:1rem;gap:var(--g);flex-direction:column;max-width:120rem;margin:0 auto;display:flex}.r-row{gap:var(--g);display:grid}.r-row--top{grid-template-columns:1073fr 788fr}.r-row--mid{grid-template-columns:798fr 450fr 593fr}.r-row--bottom{grid-template-columns:798fr 587fr 456fr}.r-title{place-items:center;min-height:clamp(7rem,11vw,13rem);display:grid}.r-title h1{letter-spacing:-.02em;font-size:clamp(3rem,6.4vw,8rem);font-weight:700;line-height:1}.r-stats{gap:var(--g);grid-template-columns:repeat(3,1fr);display:grid}.r-stat{flex-direction:column;justify-content:center;gap:.75rem;min-width:0;padding:1.25rem clamp(1rem,1.5vw,2rem);display:flex}.r-stat-num{font-size:clamp(2rem,3.3vw,4rem);font-weight:700;line-height:1}.r-stat-text{color:#fff7ede6;font-size:clamp(.875rem,1.05vw,1.375rem);line-height:1.2}.r-left{gap:var(--g);flex-direction:column;min-width:0;display:flex}.r-tabs{grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid}.r-tab{border-radius:var(--r-md);opacity:.55;white-space:nowrap;transition:opacity .2s var(--ease);padding:.75rem .5rem;font-size:clamp(1rem,1.2vw,1.5rem);font-weight:700}.r-tab.is-active,.r-tab:hover{opacity:1}.r-tab.is-active{box-shadow:var(--glass-shadow), inset 0 0 0 1px #fff3}.r-genres{flex:1;padding:1.25rem 1.5rem 1.5rem;position:relative}.list-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.r-genres h2{font-size:clamp(1.25rem,1.2vw + .5rem,1.75rem);font-weight:700}.r-genres h2 span{color:var(--ink-dim);font-weight:400}.expand-btn{opacity:.55;border-radius:50%;flex:none;width:2.25rem;height:2.25rem}.expand-btn:hover{opacity:1;background:#ffffff14}.expand-btn svg{width:1.375rem;height:1.375rem}.bars{flex-direction:column;gap:.375rem;margin-top:.875rem;display:flex}.bar-row{align-items:center;gap:.625rem;height:clamp(2.25rem,2.6vw,3.125rem);display:flex}.bar{transform-origin:0;min-width:.5rem;height:100%;animation:grow .8s var(--ease) backwards;border-radius:.375rem;flex:0 auto;box-shadow:inset 0 0 0 1px #fff3,inset 0 1px #ffffff4d,0 8px 20px -12px #0009}@keyframes grow{0%{transform:scaleX(0)}}.bar--blue{background:linear-gradient(90deg,#1775e4bf,#051cc980)}.bar--red{background:linear-gradient(90deg,#ff4e4ebf,#ff000080)}.bar--orange{background:linear-gradient(90deg,#ffb84dd9,#ffae0099)}.bar--yellow{background:linear-gradient(90deg,#f0ff49d9,#ebff0099)}.bar--teal{background:linear-gradient(90deg,#81fff0d9,#00ebcf99)}.bar-label{white-space:nowrap;flex-direction:column;flex:none;min-width:0;font-size:clamp(.875rem,.6vw + .5rem,1.125rem);line-height:1.2;display:flex}.bar-label b{font-weight:700}.bar-label span{color:var(--ink-dim);text-overflow:ellipsis;font-weight:500;overflow:hidden}.r-ambience{aspect-ratio:1;min-width:0;padding:clamp(1rem,1.5vw,1.75rem)}.ambience{border-radius:var(--r-md);width:100%;height:100%;transition:background .6s var(--ease);background:#ffffff0f;flex-direction:column;justify-content:space-between;padding:1rem 1.125rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.ambience-title{text-shadow:0 1px 12px #00000040;font-size:clamp(1.125rem,.8vw + .6rem,1.5rem);font-weight:600}.ambience-name{text-shadow:0 1px 12px #00000040;font-size:1rem;font-weight:400}.r-moods{gap:var(--g);grid-template-columns:repeat(3,1fr);min-width:0;display:grid}.r-mood{min-width:0;padding:0;overflow:hidden}.wave{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.wave-path{animation:wave-rise 1s var(--ease) backwards;transform-origin:bottom}@keyframes wave-rise{0%{transform:scaleY(0)}}.wave-drift{animation:5s linear infinite wave-drift}.wave-drift--back{opacity:.45;animation-duration:7.5s;animation-direction:reverse}@keyframes wave-drift{to{transform:translate(-186px)}}.wave--red .wave-path{fill:#dc4a55}.wave--yellow .wave-path{fill:#dba54a}.wave--blue .wave-path{fill:#4e5be0}.r-mood:nth-child(2) .wave-drift{animation-delay:-1.7s}.r-mood:nth-child(3) .wave-drift{animation-delay:-3.3s}.r-mood-text{text-align:center;flex-direction:column;align-items:center;padding:1rem .5rem 0;display:flex}.r-mood-text h3{font-size:clamp(1.125rem,1.6vw,2.125rem);font-weight:700;line-height:1.4}.r-mood-text span{color:var(--ink-dim);font-size:clamp(.875rem,.8vw,1.125rem)}.r-lists{gap:var(--g);grid-template-columns:1fr 1fr;min-width:0;display:grid}.list-card{flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1.125rem 1.125rem;display:flex}.list-card h3{white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;font-weight:600;overflow:hidden}.list-card-items,.modal-list-items{flex-direction:column;gap:.375rem;display:flex}.stat-row{border-radius:var(--r-sm);background:var(--surface);min-height:2.75rem;box-shadow:var(--surface-ring);align-items:center;gap:.75rem;min-width:0;padding:.4375rem .75rem .4375rem .4375rem;font-size:.9375rem;display:flex}.stat-row .art{width:2rem;height:2rem}.stat-row-main{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.stat-row-by{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;max-width:40%;overflow:hidden}.r-big{flex-direction:column;justify-content:center;min-width:0;padding:1.5rem clamp(1.25rem,2.5vw,3rem);display:flex}.r-big h2{font-size:clamp(1.75rem,3.2vw,4rem);font-weight:700;line-height:1.15}.r-big p{font-size:clamp(1.5rem,2.9vw,3.5rem);font-weight:300;line-height:1.2}.r-new{text-align:center;align-items:center}.r-new h2{font-size:clamp(2rem,3.9vw,5rem)}@media (width>=1200px) and (height>=600px){.rundown{flex-direction:column;height:100dvh;padding-bottom:2rem;display:flex}.rundown-grid{flex:1;grid-template-rows:minmax(0,1fr) minmax(0,2.05fr) minmax(0,1fr);width:100%;min-height:0;display:grid}.r-row,.r-left,.r-stats,.r-lists,.r-title{min-height:0}.r-genres{flex-direction:column;min-height:0;display:flex;overflow:hidden}.bars{flex:1;min-height:0}.bar-row{flex:1 1 0;height:auto;min-height:0;max-height:3.125rem}.r-ambience{aspect-ratio:auto}.list-card{min-height:0;overflow:hidden}.list-card-items{flex:1;min-height:0}.list-card .stat-row{flex:1 1 0;min-height:0;max-height:2.75rem;padding-block:.25rem}.list-card .stat-row .art{aspect-ratio:1;width:auto;height:min(2rem,100%)}}.r-big-sub{color:var(--ink-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:clamp(.8125rem,.5vw + .5rem,1.0625rem);line-height:1.3;display:-webkit-box;overflow:hidden}.rundown-loading,.rundown-note{left:50%;bottom:max(1.5rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#14041eb3;border-radius:2rem;padding:.7rem 1.25rem;font-size:.9375rem;position:fixed;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}.settings{background:var(--glass-sheen), var(--glass-tint), #240e30d9;flex-direction:column;gap:.375rem;width:15.5rem;padding:.75rem 1rem 1rem;display:flex;position:absolute;top:calc(100% + .625rem);right:0}.settings-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.settings-head h2{font-size:1.25rem;font-weight:700}.settings-head .icon-btn{border-radius:50%;width:2rem;height:2rem}.settings-head .icon-btn:hover{background:#ffffff14}.settings-head svg{opacity:.7;width:2rem;height:2rem}.setting-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9375rem;font-weight:500;display:flex}.setting-toggle input{opacity:0;pointer-events:none;position:absolute}.switch{width:2.375rem;height:1.375rem;transition:background .2s var(--ease);background:#ffffff29;border-radius:1rem;flex:none;position:relative;box-shadow:inset 0 1px 2px #0000004d}.switch:after{content:"";width:1rem;height:1rem;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 3px #0000004d}.setting-toggle input:checked+.switch{background:var(--warm)}.setting-toggle input:checked+.switch:after{transform:translate(1rem)}.setting-toggle input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:2px}.settings .divider{margin:.5rem 0}.settings-link{text-align:left;color:var(--ink-dim);padding:.4rem 0;font-size:.9375rem;font-weight:500}.settings-link:hover{color:var(--ink)}.setting-seg{flex-direction:column;gap:.5rem;padding:.375rem 0 .25rem;font-size:.9375rem;display:flex}.seg{background:#00000038;border-radius:2rem;padding:.1875rem;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.seg-option{white-space:nowrap;color:var(--ink-dim);transition:background .2s var(--ease), color .2s var(--ease);border-radius:2rem;flex:1;padding:.3rem .25rem;font-size:.75rem;font-weight:600}.seg-option:hover{color:var(--ink)}.seg-option.is-active{color:#fff;background:var(--warm);box-shadow:inset 0 1px #ffffff47}.settings-section{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.75rem;font-weight:700}.settings-note{color:var(--ink-dim);font-size:.8125rem;line-height:1.35}.settings-dev-login{align-items:center;gap:.5rem;display:inline-flex}.settings-dev-login svg{width:1.125rem;height:1.125rem;color:var(--spotify)}.settings-link--danger{color:var(--danger)}.settings-link--danger:hover{color:#ff9d8a}.credits{color:var(--ink-faint);font-size:.75rem;line-height:1.4}.credits-link{font:inherit;color:var(--ink-dim);text-underline-offset:2px;text-decoration:underline}.credits-link:hover{color:var(--ink)}.player-credits{text-align:center;padding:1.25rem 0 .25rem}.privacy{background:var(--glass-sheen), var(--glass-tint), #1e0a28d9;flex-direction:column;width:min(36rem,100%);max-height:min(42rem,100dvh - 2rem);padding:1.5rem 1.5rem .5rem;display:flex}.privacy-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.privacy-head h2{font-size:1.5rem;font-weight:700}.privacy-head .icon-btn svg{opacity:.7;width:2.25rem;height:2.25rem}.privacy-body{min-height:0;color:var(--ink-dim);padding:0 .25rem 1.25rem 0;font-size:.9375rem;line-height:1.55}.privacy-body h3{color:var(--ink);margin:1.125rem 0 .25rem;font-size:1rem;font-weight:700}.privacy-lede{color:var(--ink)}.privacy-updated{color:var(--ink-faint);margin-top:1.25rem;font-size:.8125rem}.modal-scrim{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a001280;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.alert{text-align:center;-webkit-backdrop-filter:blur(40px)saturate(160%);backdrop-filter:blur(40px)saturate(160%);color:#ffffffe0;background:#2e2836d9;border-radius:1rem;flex-direction:column;align-items:center;gap:.875rem;width:24rem;max-width:100%;padding:2rem 1.25rem 1.25rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;display:flex;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff1f,0 40px 90px -20px #0009}.alert-icon{color:#1ed760;background:#121212;border-radius:.875rem;place-items:center;width:3.75rem;height:3.75rem;margin-bottom:.5rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.alert-icon svg{width:2.25rem;height:2.25rem}.alert h2{text-wrap:balance;font-size:1.1875rem;font-weight:700;line-height:1.35}.alert p{color:#ffffffb3;font-size:.9375rem;line-height:1.45}.alert-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;margin-top:.75rem;display:grid}.alert-btn{background:#ffffff14;border-radius:.5rem;height:2.5rem;font-size:.9375rem;font-weight:500}.alert-btn:hover{background:#ffffff24}.alert-btn--primary{color:#fff;background:#0a7cff}.alert-btn--primary:hover{background:#2a8dff}.stats-modal{transform-origin:0 0;flex-direction:column;gap:1.5rem;width:min(96rem,100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1.5rem clamp(1rem,2.5vw,2.5rem) 2rem;display:flex}.modal-scrim--bare{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.rundown-grid,.rundown-close{transition:opacity .4s var(--ease), scale .5s var(--ease), visibility .4s}.rundown.is-expanded .rundown-grid,.rundown.is-expanded .rundown-close{opacity:0;visibility:hidden;scale:.97}.stats-modal-head{justify-content:center;padding-inline:3rem;display:flex;position:relative}.stats-modal-close{position:absolute;top:50%;right:-.5rem;translate:0 -50%}.stats-tabs{border-bottom:1px solid #ffaad759;gap:clamp(1.25rem,3.5vw,3rem);display:flex}.stats-tab{color:#f096cd99;white-space:nowrap;transition:color .2s var(--ease);padding:.25rem 0 .375rem;font-size:clamp(1.0625rem,1.2vw + .4rem,1.5rem);font-weight:700;position:relative}.stats-tab:hover{color:#ffb9e1d9}.stats-tab.is-active{color:#ffb8da}.stats-tab:after{content:"";height:2px;transition:transform .3s var(--ease);background:#ffb8da;border-radius:1px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.stats-tab.is-active:after{transform:scaleX(1)}.stats-cols{min-height:0;transition:opacity .25s var(--ease);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.75rem);display:grid;overflow-y:auto}.stats-cols.is-stale{opacity:.5}.stats-cols h3{margin-bottom:.75rem;font-size:1.375rem;font-weight:700}.stats-cols .modal-list-items{gap:.875rem}.stats-cols .stat-row{min-height:2.875rem;font-size:1rem}.stats-cols .stat-row .art{width:1.875rem;height:1.875rem}.stat-row--text{padding-left:.75rem}.toast{z-index:60;left:50%;bottom:max(1.5rem, env(safe-area-inset-bottom));background:var(--glass-sheen), var(--glass-tint), #1e0a28d1;align-items:center;gap:.75rem;width:max-content;max-width:calc(100% - 2rem);padding:.625rem .5rem .625rem 1.125rem;font-size:.9375rem;display:flex;position:fixed;transform:translate(-50%)}.toast .icon-btn{border-radius:50%;flex:none;width:2rem;height:2rem}.toast .icon-btn svg{opacity:.6;width:2rem;height:2rem}.toast-action{flex:none;padding:.3rem .875rem;font-size:.8125rem}@keyframes screen-in{0%{opacity:0;transform:scale(.985)}}@keyframes crossfade{0%{opacity:0;filter:blur(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.player,.rundown,.screen-in{animation:screen-in .5s var(--ease) backwards}.crossfade-in{animation:crossfade .45s var(--ease) backwards}.rise-in{animation:rise .5s var(--ease) backwards}.reveal-line{padding-bottom:.08em;display:block;overflow:hidden}.reveal-line>span{animation:line-up .75s var(--ease) backwards;display:inline-block}@keyframes line-up{0%{opacity:0;transform:translateY(105%)}40%{opacity:1}}.landing{position:relative}.hero{letter-spacing:-.02em;text-align:center;font-size:clamp(2rem,2.4vw + .9rem,3.25rem);font-weight:500;line-height:1.2}.grow-in .search-bar{animation:bar-grow .6s 1.1s var(--ease) backwards}@keyframes bar-grow{0%{opacity:0;transform:scaleY(.05)}35%{opacity:1}}.search-results{transform-origin:top;animation:drop-in .22s var(--ease) backwards}.search-results.is-closing{pointer-events:none;animation:.2s both drop-out}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)scale(.99)}}@keyframes drop-out{to{opacity:0;transform:translateY(-4px)scale(.995)}}.chip{animation:chip-in .32s var(--ease) backwards}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}}@media (hover:hover){.stage:has(.swipe--like:hover) .art-stack-top{transform:translate(6%)rotate(8deg)}.stage:has(.swipe--skip:hover) .art-stack-top{transform:translate(-6%)rotate(-8deg)}}.stage.is-exiting .art-stack .art-stack-top{transform:none}.art-ghost{object-fit:cover;z-index:3;pointer-events:none;border-radius:.5rem;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 30px 60px -20px #000000b3}.art-ghost--right{animation:.5s cubic-bezier(.4,0,.2,1) both fly-right}.art-ghost--left{animation:.45s cubic-bezier(.4,0,.2,1) both fly-left}@keyframes fly-right{0%{transform:translate(4%)rotate(5deg)}to{opacity:0;transform:translate(70%,-3%)rotate(22deg)}}@keyframes fly-left{0%{transform:translate(-4%)rotate(-5deg)}to{opacity:0;transform:translate(-70%,-6%)rotate(-20deg)}}.stage-dim{border-radius:var(--r-lg);opacity:0;pointer-events:none;z-index:2;transition:opacity .35s var(--ease);background:#08001273;position:absolute;inset:0}.stage.is-dim .stage-dim{opacity:1}.stamp{z-index:4;text-align:center;letter-spacing:.02em;text-transform:uppercase;color:#fff7edcc;text-shadow:0 6px 40px #00000059;pointer-events:none;animation:stamp 1.5s var(--ease) both;font-size:clamp(1.75rem,7.5cqw,4.5rem);font-weight:700;line-height:1.1;position:absolute;top:50%;left:-12%;right:-12%}@keyframes stamp{0%{opacity:0;filter:blur(8px);transform:translateY(-50%)scale(1.08)}18%{opacity:1;filter:blur();transform:translateY(-50%)scale(1)}72%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(.98)}}.media-text{width:100%;min-width:0;animation:crossfade .4s var(--ease) backwards;flex-direction:column;align-items:center;display:flex}.below>*{animation:rise .5s var(--ease) backwards}.below>:nth-child(2){animation-delay:80ms}.below>:nth-child(3){animation-delay:.16s}.rundown .r-row{animation:rise .6s var(--ease) backwards}.rundown .r-row--mid{animation-delay:80ms}.rundown .r-row--bottom{animation-delay:.16s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.wave-drift{animation:none!important}}@property --fade-t{syntax:"<length>";inherits:false;initial-value:0}@property --fade-b{syntax:"<length>";inherits:false;initial-value:0}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}.list.scroll,.stats-cols.scroll,.add-songs.scroll{--fade:2.5rem;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--fade-t), #000 calc(100% - var(--fade-b)), transparent);transition:--fade-t .25s var(--ease), --fade-b .25s var(--ease), --fade-l .25s var(--ease), --fade-r .25s var(--ease)}.add-songs.scroll{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent)}[data-fade-top]{--fade-t:var(--fade)}[data-fade-bottom]{--fade-b:var(--fade)}[data-fade-left]{--fade-l:var(--fade)}[data-fade-right]{--fade-r:var(--fade)}@media (width<=1199px){.player-grid{grid-template-columns:minmax(0,1fr) minmax(15rem,18.5rem);grid-template-rows:var(--stage-h) auto;grid-template-areas:"center queue""left left";row-gap:1.5rem}.left-panel{max-height:none}.left-panel:not(.left-panel--out):not(.is-detail){grid-template-columns:1fr auto;grid-template-areas:"profile rundown""head head""list list";align-items:center;display:grid}.left-panel .profile{grid-area:profile}.left-panel .library-head{grid-area:head}.left-panel .list{grid-area:list;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid;overflow:visible}.left-panel .rundown-btn{grid-area:rundown;margin-top:0}.playlist-view .list{grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));max-height:26rem;overflow-y:auto}.left-panel--out{flex-direction:row;align-items:center;gap:2rem;padding:1.75rem}.left-welcome{flex:1}.left-benefits,.left-likes{flex:1;margin:0}.left-likes .list{max-height:14rem}.r-row--top{grid-template-columns:1fr}.r-row--mid{grid-template-columns:1fr 1.32fr}.r-left{grid-column:1/-1}.r-row--bottom{grid-template-columns:1fr 1fr}.r-lists{grid-column:1/-1}.r-title h1{font-size:clamp(3rem,11vw,7rem)}.r-stat-num{font-size:clamp(2rem,5vw,3.5rem)}.r-stat-text{font-size:clamp(.875rem,1.8vw,1.25rem)}.r-tab{font-size:clamp(1rem,2vw,1.375rem)}.r-mood-text h3{font-size:clamp(1.125rem,2.6vw,1.75rem)}.r-big h2{font-size:clamp(1.5rem,4.5vw,3rem)}.r-big p{font-size:clamp(1.375rem,4vw,2.75rem)}.r-new h2{font-size:clamp(1.75rem,5.5vw,3.75rem)}}@media (width<=860px){.player-credits{grid-area:credits;padding:.5rem 0 1.5rem}.search-input{font-size:max(16px,1rem)}.stage{overflow:clip}.search-results{max-height:var(--room,70dvh)}.panel-toast{left:auto;right:auto;bottom:max(1rem, env(safe-area-inset-bottom));margin-top:1rem;position:sticky}.stats-cols{grid-template-columns:minmax(0,1fr);gap:1.5rem}.stats-modal{padding-top:1.25rem}.stats-modal-head{justify-content:flex-start;padding-inline:0 2.75rem}.stats-modal-close{right:-.25rem}.player{padding-bottom:3rem}.player-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"search""center""queue""left""below""credits";row-gap:1rem}.center,.center-scroll{display:contents}.search-dock{grid-area:search;margin:-.625rem 0;padding:.625rem 0;position:sticky}.search-dock:before{opacity:1;top:0}.center-panel{grid-area:center;height:auto;min-height:0}.below{grid-area:below;margin-top:0}.center-panel{flex:none}.stage{grid-template:"art art art""info info info""skip ctrl like"/auto 1fr auto;row-gap:1.125rem;padding:3.5rem 1.25rem 1.5rem;container-type:inline-size}.art-stack{width:min(100cqw - 1rem,24rem)}.swipe{width:3.25rem}.media-controls{gap:.75rem}.stamp{font-size:clamp(1.5rem,9cqw,2.75rem)}.queue{padding:1.125rem 0 1rem}.queue .panel-title{margin-bottom:.75rem;padding:0 1.25rem}.queue .list{scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;margin:0;padding:.25rem 1.25rem .5rem;scroll-padding:1.25rem;overflow:auto hidden}.queue .card-row{scroll-snap-align:start;width:13.5rem}.queue .list.scroll,.left-likes .list.scroll{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);scrollbar-gutter:auto}.left-likes .list{max-height:none;margin:0 calc(-1 * var(--panel-pad-x,1.75rem));padding:.25rem var(--panel-pad-x,1.75rem) .5rem;scrollbar-width:none;flex-direction:row;flex:none;display:flex;overflow:auto hidden}.left-likes .card-row{flex:none;width:15rem}.left-panel:not(.left-panel--out){grid-template-columns:1fr;grid-template-areas:"profile""head""list""rundown"}.left-panel .rundown-btn{justify-self:stretch;margin-top:1rem}.left-panel .list,.playlist-view .list{grid-template-columns:minmax(0,1fr)}.left-panel--out{flex-direction:column;align-items:stretch;gap:1.75rem}.overview{gap:1rem;padding:1.25rem}.overview-text p{font-size:1rem}.genres,.suggestions{padding:1.25rem}.genre-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.genre-card{min-height:0;padding:1rem .875rem}.genre-card-name{font-size:1.25rem}.genre-card-blurb{-webkit-line-clamp:5}.add-group{margin-top:1.5rem}.add-actions>*{flex:auto}.rundown{padding-top:4rem}.rundown-grid{--g:.75rem}.r-title{min-height:6.5rem}.r-title h1{font-size:clamp(2.75rem,14vw,5rem)}.r-stat{gap:.5rem;padding:1rem .875rem}.r-stat-num{font-size:clamp(1.625rem,7vw,2.5rem)}.r-stat-text{font-size:.8125rem}.r-tab{padding:.625rem .25rem;font-size:.9375rem}.r-row--mid{grid-template-columns:1fr}.r-ambience{aspect-ratio:auto;height:14rem}.r-moods{height:15rem}.r-row--bottom{grid-template-columns:1fr 1fr}.r-lists{grid-template-columns:1fr}.r-big{padding:1.25rem 1rem}.r-big h2,.r-new h2{font-size:clamp(1.25rem,6vw,2rem)}.r-big p{font-size:clamp(1.125rem,5.4vw,1.75rem)}}@media (width<=640px){.demo-flag{display:none}.topnav .spotify-btn{padding:.4375rem 1rem;font-size:.8125rem}.gradient-btn--lg{width:100%}.bar-chips .search-input{flex-basis:5rem}.continue{padding:1.5rem 1.25rem}.source-pill{max-width:55%}}