@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-math-opsz-normal-CbZAXtrh.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-symbols-opsz-normal-d21etpfE.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-ext-opsz-normal-CoJBavOu.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:Bodoni Moda Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-opsz-normal-X2BzlAjV.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}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-math-opsz-italic-CGdm0Lr_.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-symbols-opsz-italic-cRdvdvM-.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-ext-opsz-italic-QSGu6YSm.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:Bodoni Moda Variable;font-style:italic;font-display:swap;font-weight:400 900;src:url(/assets/bodoni-moda-latin-opsz-italic-BCRrlh7t.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}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.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{--canard:#1e5872;--gold:#c9a55c;--slate:#44555c;--canard-hi:color-mix(in oklab, var(--canard) 72%, white);--gold-hi:color-mix(in oklab, var(--gold) 62%, white);--gold-lo:color-mix(in oklab, var(--gold) 68%, black);--ink-0:color-mix(in oklab, var(--slate) 22%, #06090b);--ink-1:color-mix(in oklab, var(--slate) 32%, #080c0e);--ink-2:color-mix(in oklab, var(--slate) 42%, #0c1214);--ink-3:color-mix(in oklab, var(--slate) 54%, #10161a);--mist:color-mix(in oklab, var(--slate) 42%, #e4ecee);--bone:color-mix(in oklab, var(--gold) 11%, #f0eadc);--serif:"Bodoni Moda Variable", "Bodoni 72", Didot, Georgia, serif;--sans:"Fredoka Variable", "Fredoka", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--surface:color-mix(in srgb, var(--ink-1) 82%, transparent);--hairline:color-mix(in srgb, var(--bone) 9%, transparent);--hover:color-mix(in srgb, var(--bone) 7%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);color:var(--bone);background:var(--ink-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}.playback{opacity:.01;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:0}h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.4}img{display:block}a{color:inherit}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:6px}::selection{background:var(--canard);color:var(--bone)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--bone) 18%, transparent) transparent}.app{isolation:isolate;grid-template:"side main panel"minmax(0,1fr)"player player player"/272px minmax(0,1fr) 340px;gap:8px;height:100dvh;padding:8px 8px 0;display:grid;position:relative}.app[data-panel=false]{grid-template-areas:"side main main""player player player"}.sidebar,.main,.panel{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(1.2);border:1px solid var(--hairline);border-radius:14px;min-height:0}.backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.backdrop__layer{animation:backdrop-in 1.6s var(--ease) both;background-position:50%;background-size:cover;position:absolute;inset:0}.backdrop__layer>img,.backdrop__layer>video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease)}.backdrop__layer[data-loaded=true]>img,.backdrop__layer[data-loaded=true]>video{opacity:1}@keyframes backdrop-in{0%{opacity:0}}.backdrop--ambient{z-index:-1;position:fixed}.backdrop--ambient .backdrop__layer{filter:blur(70px)saturate(1.25);opacity:.38;transform:scale(1.25)}.backdrop--ambient:after{content:"";background:radial-gradient(120% 90% at 50% 0%, transparent 0%, var(--ink-0) 85%);position:absolute;inset:0}.backdrop--hero .backdrop__layer>*,.backdrop--stage .backdrop__layer>*{animation:48s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.14)translate(-1.5%,-1%)}}.backdrop--hero:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--ink-1) 20%, transparent) 0%, transparent 35%), linear-gradient(0deg, var(--ink-1) 0%, color-mix(in srgb, var(--ink-1) 55%, transparent) 38%, transparent 75%), linear-gradient(90deg, color-mix(in srgb, var(--canard) 45%, transparent), transparent 60%);position:absolute;inset:0}.backdrop--stage{position:fixed}.backdrop--stage .backdrop__layer{filter:saturate(1.05)brightness(.62)}.backdrop--stage:after{content:"";background:radial-gradient(60% 70% at 28% 50%, color-mix(in srgb, var(--canard) 35%, transparent), transparent 70%), linear-gradient(90deg, color-mix(in srgb, var(--ink-0) 55%, transparent) 0%, color-mix(in srgb, var(--ink-0) 80%, transparent) 100%);position:absolute;inset:0}.stage[data-mode=visual] .backdrop--stage:after{background:radial-gradient(55% 65% at 50% 46%, color-mix(in srgb, var(--canard) 30%, transparent), color-mix(in srgb, var(--ink-0) 78%, transparent) 80%)}.icon-btn{width:34px;height:34px;color:var(--mist);border-radius:50%;place-items:center;transition:color .15s,background-color .15s,transform .15s;display:inline-grid;position:relative}.icon-btn:hover{color:var(--bone)}.icon-btn:active{transform:scale(.94)}.icon-btn[data-active=true]{color:var(--gold)}.transport .icon-btn[data-active=true]:after,.actions .icon-btn[data-active=true]:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px}.icon-btn--lg{width:48px;height:48px}.icon-btn--glass{width:40px;height:40px;color:var(--bone);background:color-mix(in srgb, var(--ink-0) 45%, transparent);-webkit-backdrop-filter:blur(12px)}.icon-btn--glass:hover{background:color-mix(in srgb, var(--ink-0) 70%, transparent)}.play-btn{width:40px;height:40px;color:var(--ink-0);background:var(--bone);transition:transform .15s var(--ease), background-color .2s;border-radius:50%;flex:none;place-items:center;display:inline-grid}.play-btn:hover{background:var(--gold-hi);transform:scale(1.06)}.play-btn:active{transform:scale(.96)}.play-btn__play{margin-left:2px}.play-btn--hero{background:var(--gold);width:60px;height:60px}.play-btn--hero:hover{background:var(--gold-hi)}.ghost-btn{white-space:nowrap;border:1px solid color-mix(in srgb, var(--bone) 28%, transparent);border-radius:999px;flex:none;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.ghost-btn:hover{border-color:var(--gold);color:var(--gold-hi)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.range{--fill:var(--bone);appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.range:hover,.range[data-dragging=true]{--fill:var(--gold)}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--fill) var(--p), color-mix(in srgb, var(--bone) 26%, transparent) var(--p), color-mix(in srgb, var(--bone) 26%, transparent) var(--b,var(--p)), color-mix(in srgb, var(--bone) 14%, transparent) var(--b,var(--p)));border-radius:4px;height:4px}.range::-moz-range-track{background:linear-gradient(90deg, var(--fill) var(--p), color-mix(in srgb, var(--bone) 26%, transparent) var(--p), color-mix(in srgb, var(--bone) 26%, transparent) var(--b,var(--p)), color-mix(in srgb, var(--bone) 14%, transparent) var(--b,var(--p)));border-radius:4px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold-hi);opacity:0;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .15s}.range::-moz-range-thumb{background:var(--gold-hi);opacity:0;border:0;border-radius:50%;width:12px;height:12px;transition:opacity .15s}.range:hover::-webkit-slider-thumb{opacity:1}.range:focus-visible::-webkit-slider-thumb{opacity:1}.range[data-dragging=true]::-webkit-slider-thumb{opacity:1}.range:hover::-moz-range-thumb{opacity:1}.range:focus-visible::-moz-range-thumb{opacity:1}.range[data-dragging=true]::-moz-range-thumb{opacity:1}.range:focus-visible{outline-offset:4px}.sidebar{flex-direction:column;grid-area:side;gap:28px;padding:22px 14px 18px;display:flex;overflow-y:auto}.logo{align-items:center;gap:10px;padding:0 8px;display:inline-flex}.logo-mark{flex:none}.sidebar__nav{gap:2px;display:grid}.sidebar__nav button{width:100%;color:var(--mist);border-radius:8px;align-items:center;gap:14px;padding:10px;font-weight:600;transition:color .15s,background-color .15s;display:flex}.sidebar__nav button:hover{color:var(--bone)}.sidebar__nav button[aria-current=page]{color:var(--bone);background:var(--hover)}.sidebar__nav button[aria-current=page] svg{color:var(--gold)}.sidebar__library{gap:4px;display:grid}.sidebar__library h2{color:var(--mist);padding:0 10px 6px;font-size:13px;font-weight:600}.shelf{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:7px;transition:background-color .15s;display:flex}.shelf:hover,.shelf[aria-current=page]{background:var(--hover)}.shelf img,.shelf__tile{object-fit:cover;border-radius:6px;flex:none;width:48px;height:48px}.shelf__tile{color:var(--gold-hi);background:linear-gradient(140deg, var(--canard) 0%, var(--ink-3) 100%);place-items:center;display:grid}.shelf__text{min-width:0;display:grid}.shelf__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.shelf__sub{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.shelf__live{background:var(--gold);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 20%, transparent);border-radius:50%;flex:none;margin-left:auto}.kbd{min-width:26px;height:26px;font-family:var(--sans);color:var(--bone);background:linear-gradient(180deg, var(--ink-3) 0%, var(--ink-2) 100%);border:1px solid color-mix(in srgb, var(--bone) 14%, transparent);box-shadow:0 2px 0 #00000080, inset 0 1px 0 color-mix(in srgb, var(--bone) 10%, transparent);border-radius:7px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;line-height:1;transition:transform 80ms,box-shadow 80ms,background .15s,color .15s,border-color .15s;display:inline-grid}.kbd[data-wide=true]{min-width:52px;font-size:11.5px}.kbd[data-down=true]{color:var(--ink-0);background:linear-gradient(180deg, var(--gold-hi) 0%, var(--gold) 100%);border-color:var(--gold-hi);box-shadow:0 0 0 #00000080, 0 0 18px color-mix(in srgb, var(--gold) 45%, transparent);transform:translateY(2px)}.kbd-plus{color:var(--mist);font-size:12px}.keys{background:color-mix(in srgb, var(--ink-0) 45%, transparent);border:1px solid var(--hairline);border-radius:12px;margin-top:auto;padding:14px 12px 12px}.keys ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;display:grid}.keys li{color:var(--mist);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.keys__caps{gap:3px;display:inline-flex}.keys__more{border-top:1px solid var(--hairline);width:100%;color:var(--gold);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;font-size:12.5px;font-weight:600;display:flex}.keys__more:hover{color:var(--gold-hi)}.keys__more .kbd{min-width:22px;height:22px}.keys-dialog{z-index:90;background:color-mix(in srgb, var(--ink-0) 70%, transparent);-webkit-backdrop-filter:blur(10px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.keys-dialog__card{background:var(--ink-1);border:1px solid var(--hairline);border-radius:18px;width:min(760px,100%);max-height:calc(100dvh - 48px);padding:26px 28px 30px;overflow-y:auto;box-shadow:0 40px 100px -30px #000c}.keys-dialog__card>header{justify-content:space-between;align-items:center;display:flex}.keys-dialog__card h2{font-family:var(--serif);font-variation-settings:"opsz" 48;font-size:34px;font-weight:500;line-height:1.1}.keys-dialog__hint{color:var(--mist);margin:4px 0 22px;font-size:14px}.keys-dialog__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.keys-dialog__groups h3{color:var(--gold);margin-bottom:12px;font-size:13px;font-weight:700}.keys-dialog__groups dl{gap:12px;margin:0;display:grid}.keys-dialog__groups dl>div{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;display:grid}.keys-dialog__groups dt{align-items:center;gap:4px;display:flex}.keys-dialog__groups dd{color:color-mix(in srgb, var(--bone) 85%, transparent);margin:0;font-size:14px}@media (width<=640px){.keys-dialog__groups{grid-template-columns:minmax(0,1fr)}}.main{scroll-behavior:smooth;grid-area:main;position:relative;overflow:hidden auto}.topbar{z-index:3;align-items:center;gap:16px;height:64px;margin-bottom:-64px;padding:0 24px;display:flex;position:sticky;top:0}.searchbox{width:min(420px,100%);height:42px;color:var(--mist);background:color-mix(in srgb, var(--ink-0) 62%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hairline);border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 14px;transition:border-color .15s,background-color .15s;display:flex}.searchbox:focus-within{border-color:color-mix(in srgb, var(--gold) 70%, transparent);background:color-mix(in srgb, var(--ink-0) 82%, transparent)}.searchbox input{min-width:0;height:100%;font:inherit;color:var(--bone);background:0 0;border:0;outline:0;flex:1}.searchbox input::placeholder{color:var(--mist)}.searchbox input::-webkit-search-cancel-button{display:none}.searchbox .icon-btn{width:28px;height:28px}.view{padding-bottom:48px}.hero{border-radius:14px 14px 0 0;align-items:flex-end;min-height:clamp(340px,46vh,460px);padding:96px 32px 28px;display:flex;position:relative;overflow:hidden}.hero__content{align-items:flex-end;gap:28px;min-width:0;display:flex;position:relative}.hero__cover{aspect-ratio:1;object-fit:cover;outline:1px solid color-mix(in srgb, var(--gold-hi) 55%, transparent);outline-offset:6px;border-radius:4px;flex:none;width:clamp(150px,17vw,232px);height:auto;box-shadow:0 30px 60px -20px #000000a6}.hero__tile{aspect-ratio:1;width:clamp(150px,17vw,232px);color:var(--gold-hi);background:linear-gradient(145deg, var(--canard-hi) 0%, var(--canard) 45%, var(--ink-2) 100%);border-radius:4px;flex:none;place-items:center;display:grid;box-shadow:0 30px 60px -20px #000000a6}.hero__text{gap:14px;min-width:0;padding-bottom:4px;display:grid}.hero__title{font-family:var(--serif);font-variation-settings:"opsz" 96;letter-spacing:-.015em;text-shadow:0 6px 40px #00000059;margin-left:-.04em;font-size:clamp(64px,10.5vw,176px);font-weight:500;line-height:.8}.hero__title--small{font-size:clamp(48px,6.5vw,104px);font-style:italic;line-height:.9}.hero__meta{color:color-mix(in srgb, var(--bone) 78%, transparent);flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-size:15px;display:flex}.hero__meta strong{color:var(--bone);font-weight:700}.hero--liked{background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--canard) 75%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--canard) 25%, transparent), var(--ink-1));min-height:clamp(300px,38vh,380px)}.actions{flex-wrap:wrap;align-items:center;gap:12px 18px;padding:22px 32px 18px;display:flex}.tracks{padding:0 20px;display:grid}.track{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:52px minmax(0,1.4fr) minmax(0,1fr) auto 52px;align-items:center;gap:16px;min-height:60px;padding:6px 12px;transition:background-color .12s;display:grid}.track:hover,.track:focus-visible{background:var(--hover)}.track:focus-visible{outline-offset:-2px}.track__index{place-items:center end;height:24px;display:grid;position:relative}.track__numeral{font-family:var(--serif);font-variation-settings:"opsz" 18;color:var(--gold-lo);letter-spacing:.04em;font-size:17px}.track__hover-icon{color:var(--bone);display:none;position:absolute;right:0}.track:hover .track__numeral{visibility:hidden}.track:hover .track__hover-icon{display:grid}.track__main{min-width:0;display:grid}.track__main .listeners{display:none}.track__title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.track[data-current=true] .track__title{color:var(--gold-hi)}.track__artist{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.track__tags{color:var(--mist);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.track__actions{gap:2px;display:flex}.track__actions .icon-btn:not([data-active=true]),.track__queue{opacity:0}.track:hover .track__actions .icon-btn,.track:focus-within .track__actions .icon-btn,.track__actions .icon-btn:focus-visible{opacity:1}.track__duration{color:var(--mist);text-align:right;font-variant-numeric:tabular-nums;font-size:13.5px}.equalizer{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.equalizer i{background:var(--gold);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}.equalizer i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.equalizer i:nth-child(3){animation-duration:1.1s;animation-delay:-.55s}.equalizer[data-paused=true] i{animation-play-state:paused}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.search-title{font-family:var(--serif);font-variation-settings:"opsz" 48;padding:92px 32px 20px;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.1}.empty{max-width:52ch;color:var(--mist);padding:8px 32px}.panel{flex-direction:column;grid-area:panel;gap:18px;padding:16px;display:flex;overflow-y:auto}.panel__head{justify-content:space-between;align-items:center;display:flex}.panel__head h2{font-size:15px;font-weight:700}.panel__cover{aspect-ratio:1;background:var(--ink-2);border-radius:10px;flex:none;display:grid;position:relative;overflow:hidden}.panel__cover-media{grid-area:1/1;width:100%;height:100%}.panel__cover-media>img,.panel__cover-media>video{object-fit:cover;width:100%;height:100%}.panel__shuffle-cover{opacity:0;transition:opacity .2s;position:absolute;bottom:10px;right:10px}.panel__cover:hover .panel__shuffle-cover,.panel__shuffle-cover:focus-visible{opacity:1}.panel__meta{gap:4px;display:grid}.panel__title{font-family:var(--serif);font-variation-settings:"opsz" 36;font-size:26px;font-weight:600;line-height:1.1}.panel__artist{color:var(--mist);font-weight:500}.panel__tags{color:var(--mist);margin-top:6px;font-size:13px}.panel__link{width:fit-content;color:var(--gold);align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.panel__link:hover{text-decoration:underline}.panel__lyrics{background:linear-gradient(160deg, var(--canard) 0%, color-mix(in srgb, var(--canard) 55%, var(--ink-1)) 100%);border-radius:12px;flex:none;overflow:hidden}.panel__lyrics>header{justify-content:space-between;align-items:center;padding:12px 10px 0 16px;display:flex}.panel__lyrics h3,.panel__queue h3{font-size:15px;font-weight:700}.panel__lyrics .icon-btn{color:color-mix(in srgb, var(--bone) 75%, transparent)}.panel__queue{gap:8px;display:grid}.panel__queue button{text-align:left;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:8px 10px;transition:background-color .12s;display:flex}.panel__queue button:hover{background:var(--hover)}.panel__queue-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.panel__queue-time{color:var(--mist);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.lyrics{height:100%;position:relative}.lyrics__scroller{scrollbar-width:none;overscroll-behavior:contain;height:100%;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 80%,#0000 100%)}.lyrics__scroller::-webkit-scrollbar{display:none}.lyrics__lines{display:grid}.lyric{justify-items:start;display:grid}.lyric[data-stanza=true]{margin-top:.9em}.lyric__section{font-family:var(--sans);color:color-mix(in srgb, var(--gold) 80%, transparent);margin-bottom:.2em;font-size:13px;font-weight:600}.lyric__text{font-family:var(--serif);font-variation-settings:"opsz" 14;transition:color .4s var(--ease), opacity .4s var(--ease), filter .5s var(--ease);cursor:pointer;text-wrap:balance;border-radius:6px;font-style:italic;font-weight:500}.lyric[data-state=static] .lyric__text{cursor:default;color:color-mix(in srgb, var(--bone) 82%, transparent)}.lyric[data-state=future] .lyric__text{color:color-mix(in srgb, var(--bone) 42%, transparent)}.lyric[data-state=past] .lyric__text{color:color-mix(in srgb, var(--bone) 26%, transparent)}.lyric[data-state=future] .lyric__text:hover,.lyric[data-state=past] .lyric__text:hover{color:color-mix(in srgb, var(--bone) 85%, transparent);filter:none}.lyric[data-direction=true] .lyric__text{font-family:var(--sans);letter-spacing:.02em;font-size:.5em;font-style:normal;font-weight:500}.lyric__word{color:#0000;background:linear-gradient(90deg, var(--gold-hi) 0%, var(--gold-hi) calc(var(--p) * 100%), color-mix(in srgb, var(--bone) 50%, transparent) calc(var(--p) * 100%));-webkit-background-clip:text;background-clip:text}.lyrics__source{font-family:var(--sans);color:color-mix(in srgb, var(--bone) 55%, transparent);padding:2.4em 0 40%;font-size:12.5px}.lyrics__status{font-family:var(--serif);color:color-mix(in srgb, var(--bone) 70%, transparent);font-style:italic}.lyrics__status--pulse{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}.lyrics__resume{color:var(--ink-0);background:var(--gold-hi);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0009}.lyrics--panel{height:300px}.lyrics--panel .lyrics__scroller{padding:16px 16px 0}.lyrics--panel .lyric__text{padding:3px 0;font-size:21px;line-height:1.25}.lyrics--panel .lyric[data-state=future] .lyric__text{color:color-mix(in srgb, var(--bone) 55%, transparent)}.lyrics--panel .lyric[data-state=past] .lyric__text{color:color-mix(in srgb, var(--bone) 40%, transparent)}.lyrics--panel.lyrics--empty{text-align:center;place-items:center;height:160px;padding:24px;display:grid}.lyrics--panel .lyrics__source{padding-bottom:60%}.lyrics--stage .lyric__text{letter-spacing:-.005em;padding:.12em 0;font-size:clamp(26px,3.1vw,52px);line-height:1.16}.lyrics--stage .lyric[data-state=future] .lyric__text,.lyrics--stage .lyric[data-state=past] .lyric__text{filter:blur(calc(var(--d) * .35px))}.lyrics--stage .lyrics__scroller{padding:0 4% 0 0;-webkit-mask-image:linear-gradient(#0000 0,#000 18% 72%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 18% 72%,#0000 100%)}.lyrics--stage .lyrics__lines{padding-top:34vh}.lyrics--stage.lyrics--empty{place-items:center start;display:grid}.lyrics--stage .lyrics__status{max-width:22ch;font-size:clamp(22px,2.2vw,32px)}.player{grid-area:player;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px;height:88px;padding:0 12px;display:grid;position:relative}.player__progress-mini{display:none}.player__now{align-items:center;gap:14px;min-width:0;display:flex}.player__cover{background:var(--ink-2);border-radius:6px;flex:none;width:58px;height:58px;position:relative;overflow:hidden}.player__cover img{object-fit:cover;width:100%;height:100%;transition:filter .2s}.player__cover-icon{opacity:0;margin:auto;transition:opacity .2s;position:absolute;inset:0}.player__cover:hover img{filter:brightness(.5)}.player__cover:hover .player__cover-icon{opacity:1}.player__text{min-width:0;display:grid}.player__title{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player__title:hover{text-decoration:underline}.player__artist{color:var(--mist);font-size:13px}.player__center{justify-items:center;display:grid}.player__mobile-play{display:none}.player__extras{justify-content:flex-end;align-items:center;gap:4px;display:flex}.transport{justify-items:center;gap:4px;width:100%;max-width:640px;display:grid}.transport__buttons{align-items:center;gap:14px;display:flex}.seek{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;width:100%;display:grid}.seek__time{color:var(--mist);font-variant-numeric:tabular-nums;font-size:12px}.seek__time:first-child{text-align:right}.volume{align-items:center;gap:4px;width:150px;display:flex}.stage{z-index:50;background:var(--ink-0);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.stage[data-idle=true]{cursor:none}.stage__bar,.stage__controls{z-index:1;transition:opacity .6s var(--ease);position:relative}.stage[data-idle=true] .stage__bar,.stage[data-idle=true] .stage__controls{opacity:0}.stage__bar{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.stage__switch{background:color-mix(in srgb, var(--ink-0) 50%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:4px;display:inline-flex}.stage__switch button{color:var(--mist);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:color .15s,background-color .2s;display:inline-flex}.stage__switch button[aria-pressed=true]{color:var(--ink-0);background:var(--gold-hi)}.stage__tools{gap:8px;display:flex}.stage__body{z-index:1;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,72px);min-height:0;padding:0 clamp(24px,5vw,96px);display:grid;position:relative}.stage[data-mode=visual] .stage__body{grid-template-columns:minmax(0,1fr);justify-items:center}.stage__dial{justify-items:center;gap:18px;min-height:0;display:grid}.stage__meta{text-align:center;justify-items:center;gap:2px;display:grid}.stage__title{font-family:var(--serif);font-variation-settings:"opsz" 60;text-wrap:balance;font-size:clamp(28px,2.6vw,44px);font-weight:500;line-height:1.05}.stage__artist{color:color-mix(in srgb, var(--bone) 70%, transparent);align-items:center;gap:6px;font-weight:500;display:inline-flex}.stage__lyrics{height:100%;min-height:0;position:relative}.stage__lyrics:before{content:"";z-index:-1;background:radial-gradient(70% 60% at 40% 45%, color-mix(in srgb, var(--ink-0) 62%, transparent), transparent 100%);pointer-events:none;position:absolute;inset:0 -12vw 0 -6vw}.stage__controls{justify-items:center;padding:8px 24px 26px;display:grid}.stage__controls .transport{max-width:720px}.transport[data-size=large] .transport__buttons{gap:22px}.transport[data-size=large] .play-btn{background:var(--gold-hi);width:60px;height:60px}.transport[data-size=large] .icon-btn{color:color-mix(in srgb, var(--bone) 80%, transparent)}.transport[data-size=large] .icon-btn[data-active=true]{color:var(--gold-hi)}.transport[data-size=large] .seek__time{color:color-mix(in srgb, var(--bone) 70%, transparent)}.dial{justify-items:center;gap:8px;width:min(48vh,36vw);display:grid;position:relative}.stage[data-mode=visual] .dial{width:min(54vh,70vw)}.dial__frame{aspect-ratio:1;width:100%;position:relative}.dial__face{touch-action:none;cursor:grab;border-radius:50%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial__face:active{cursor:grabbing}.dial__ring{fill:color-mix(in srgb, var(--ink-0) 35%, transparent);stroke:color-mix(in srgb, var(--bone) 22%, transparent);stroke-width:1.5px}.dial__tick{stroke:color-mix(in srgb, var(--bone) 30%, transparent);stroke-width:2px}.dial__tick--hour{stroke:var(--gold);stroke-width:3.5px}.dial__numeral{font-family:var(--serif);font-variation-settings:"opsz" 40;text-anchor:middle;dominant-baseline:central;fill:color-mix(in srgb, var(--bone) 55%, transparent);transition:fill .6s var(--ease);pointer-events:none;font-size:44px;font-weight:500}.dial__numeral[data-passed=true]{fill:var(--gold-hi)}.dial__progress{fill:none;stroke:var(--gold);stroke-width:4px;stroke-linecap:round}.dial__bezel{fill:none;stroke:color-mix(in srgb, var(--gold) 70%, transparent);stroke-width:2px}.dial__cover{aspect-ratio:1;background:var(--ink-2);border-radius:50%;height:auto;margin:auto;position:absolute;inset:0;overflow:hidden}.dial__cover>img,.dial__cover>video{object-fit:cover;width:100%;height:100%;animation:cover-in .9s var(--ease) both}@keyframes cover-in{0%{opacity:0}}.dial__hand line{stroke:var(--gold-hi);stroke-width:4px;stroke-linecap:round}.dial__hand path{fill:url(#dial-gold);stroke:var(--ink-0);stroke-width:2px}.dial__visualizer{pointer-events:none;width:136%;height:136%;position:absolute;inset:-18%}.dial__time{font-family:var(--serif);font-variation-settings:"opsz" 24;font-variant-numeric:tabular-nums lining-nums;color:var(--gold-hi);gap:10px;font-size:18px;display:flex}.dial__time-total{color:color-mix(in srgb, var(--bone) 50%, transparent)}.dial__time-total:before{content:"/";margin-right:10px}.sidebar__logo,.track__title,.player__title,.panel__title a,.hero__meta a{color:inherit;text-decoration:none}.track__title:hover,.player__title:hover,.panel__title a:hover,.hero__meta a:hover{text-decoration:underline}.hero__meta a{color:var(--bone);font-weight:600}.hero__title--track{text-wrap:balance;font-size:clamp(44px,6.4vw,112px);line-height:.92}.track-page__wave{padding:4px 32px 8px}.waveform{cursor:pointer;touch-action:none;align-items:center;gap:2px;height:64px;display:flex}.waveform i{background:color-mix(in srgb, var(--bone) 22%, transparent);border-radius:2px;flex:1;min-width:1px;transition:background-color .2s}.waveform i[data-played=true]{background:var(--gold)}.waveform:hover i:not([data-played=true]){background:color-mix(in srgb, var(--bone) 34%, transparent)}.track-page__body{grid-template-columns:minmax(0,1fr) 240px;gap:40px;padding:28px 32px 12px;display:grid}.track-page__lyrics h2,.section-title{margin-bottom:14px;font-size:22px;font-weight:700}.section-title{margin:0;padding:28px 32px 10px}.lyrics--page{height:auto}.lyrics--page .lyrics__scroller{height:min(560px,62vh)}.lyrics--page .lyric__text{padding:2px 0;font-size:clamp(22px,2vw,30px);line-height:1.25}.lyrics--page>.lyrics__lines .lyric__text{color:color-mix(in srgb, var(--bone) 78%, transparent);cursor:default}.lyrics--page>.lyrics__source{padding:1.6em 0 0}.track-page__facts{align-content:start;gap:18px;display:grid}.track-page__facts h3{color:var(--mist);margin-bottom:4px;font-size:13px;font-weight:600}.empty--flush{padding:0}.panel__links{flex-wrap:wrap;gap:6px 18px;display:flex}button.panel__link{cursor:pointer}.hero--artist{min-height:clamp(360px,48vh,480px)}.hero__title--artist{font-size:clamp(56px,8.4vw,136px);line-height:.88}.artist-avatar{aspect-ratio:1;flex:none;place-items:center;width:clamp(150px,16vw,220px);display:grid;position:relative}.artist-avatar>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.artist-avatar__ring{fill:none;stroke:color-mix(in srgb, var(--gold-hi) 70%, transparent);stroke-width:1.2px}.artist-avatar__tick{stroke:color-mix(in srgb, var(--bone) 45%, transparent);stroke-width:.8px}.artist-avatar__hour{stroke:var(--gold);stroke-width:2px}.artist-avatar>img,.artist-avatar>span{aspect-ratio:1;object-fit:cover;border-radius:50%;grid-area:1/1;width:82%;box-shadow:0 24px 50px -18px #000000b3}.artist-avatar>span{font-family:var(--serif);background:var(--canard);place-items:center;font-size:64px;display:grid}.socials{flex-wrap:wrap;gap:8px;margin-left:6px;display:flex}.socials a{height:36px;color:var(--bone);border:1px solid color-mix(in srgb, var(--bone) 18%, transparent);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.socials a:hover,.socials a:focus-visible{color:var(--bone);border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, transparent)}.socials a svg{color:var(--brand)}.artist__bio{max-width:62ch;font-family:var(--serif);font-variation-settings:"opsz" 18;color:color-mix(in srgb, var(--bone) 82%, transparent);padding:0 32px 8px;font-size:19px;font-style:italic;line-height:1.5}.activity{padding-bottom:8px;scroll-margin-top:64px}.activity__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-right:32px;display:flex}.period{background:color-mix(in srgb, var(--bone) 6%, transparent);border:1px solid var(--hairline);border-radius:999px;margin-top:18px;padding:3px;display:inline-flex}.period button{min-width:48px;height:30px;color:var(--mist);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s;position:relative}.period button:hover{color:var(--bone)}.period button[aria-checked=true]{color:var(--ink-0)}.period__label{position:relative}.period__pill{border-radius:inherit;background:linear-gradient(180deg, var(--gold-hi), var(--gold));position:absolute;inset:0}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 32px 6px;display:flex}.pager button{font-variant-numeric:tabular-nums;min-width:38px;height:38px;color:var(--bone);background:color-mix(in srgb, var(--bone) 6%, transparent);border:1px solid var(--hairline);transition:background-color .15s, border-color .15s, transform .15s var(--ease);border-radius:999px;place-items:center;padding:0 10px;font-size:14px;font-weight:600;display:inline-grid}.pager button:hover:not(:disabled){border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.pager button:active:not(:disabled){transform:scale(.95)}.pager button:disabled{opacity:.35;cursor:default}.pager__page[aria-current=page]{color:var(--ink-0);background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-color:#0000}.pager__gap{text-align:center;min-width:22px;color:var(--mist)}.pager__info{text-align:center;color:var(--mist);font-variant-numeric:tabular-nums;flex-basis:100%;font-size:12.5px}.live-dot{background:#6fd69a;border-radius:50%;flex:none;width:7px;height:7px;position:relative}.live-dot:after{content:"";animation:live-ping 1.8s var(--ease) infinite;border:1.5px solid #6fd69a;border-radius:50%;position:absolute;inset:-3px}@keyframes live-ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.listeners{font-variant-numeric:tabular-nums;color:#b9efcf;background:#6fd69a1f;border:1px solid #6fd69a47;border-radius:999px;flex:none;align-items:center;gap:5px;height:24px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.track__actions .listeners{align-self:center;margin-right:4px}.hero__meta .listeners{height:26px;font-size:13px}.online-now{color:var(--mist);align-items:center;gap:10px;padding:2px 12px;font-size:13px;font-weight:600;display:flex}@media (prefers-reduced-motion:reduce){.live-dot:after{animation:none}}.tabs{scrollbar-width:none;border-bottom:1px solid var(--hairline);gap:4px;margin:0 32px 18px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{height:42px;color:var(--mist);flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.tab:hover,.tab[aria-selected=true]{color:var(--bone)}.tab__count{min-width:22px;height:20px;color:var(--mist);background:color-mix(in srgb, var(--bone) 8%, transparent);border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;display:inline-grid}.tab[aria-selected=true] .tab__count{color:var(--ink-0);background:var(--gold-hi)}.tab__line{background:var(--gold-hi);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.posts{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px;padding:0 32px;display:grid}.post{min-height:0;color:var(--bone);background:color-mix(in srgb, var(--ink-2) 70%, transparent);border:1px solid var(--hairline);transition:border-color .2s, transform .2s var(--ease);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.post:hover,.post:focus-visible{border-color:color-mix(in srgb, var(--brand) 60%, transparent);transform:translateY(-2px)}.post--skeleton{background:linear-gradient(100deg, var(--ink-2) 30%, var(--ink-3) 50%, var(--ink-2) 70%);background-size:300% 100%;height:260px;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.post__media{aspect-ratio:1;background:var(--ink-1);flex:none;display:block;position:relative;overflow:hidden}.post__media img{object-fit:cover;width:100%;height:100%}.post__media[data-network=youtube] img{transform:scale(1.34)}.post__placeholder{width:100%;height:100%;color:var(--brand);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--brand) 38%, var(--ink-2)), var(--ink-1) 75%);place-items:center;display:grid}.post__pinned{color:var(--ink-0);background:var(--gold-hi);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 6px 16px -6px #0009}.post__play{width:36px;height:36px;color:var(--ink-0);background:var(--gold-hi);opacity:0;transition:opacity .2s, transform .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(4px);box-shadow:0 8px 20px -8px #000000b3}.post:hover .post__play,.post:focus-visible .post__play{opacity:1;transform:none}.post__play svg{margin-left:2px}.post__body{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.post__head{color:var(--mist);align-items:center;gap:8px;font-size:12px;display:flex}.post__network{color:var(--bone);align-items:center;gap:6px;font-weight:700;display:inline-flex}.post__network svg{color:var(--brand)}.post__head time{margin-left:auto}.post__title{font-family:var(--serif);font-variation-settings:"opsz" 24;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.post__text{color:color-mix(in srgb, var(--bone) 78%, transparent);-webkit-line-clamp:3;white-space:pre-line;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.post__stats{color:var(--mist);font-variant-numeric:tabular-nums;gap:12px;margin-top:auto;padding-top:4px;font-size:12px;display:flex}.post__stats span{align-items:center;gap:4px;display:inline-flex}.activity__errors{color:var(--mist);padding:14px 32px 0;font-size:12.5px}.sidebar__foot{gap:10px;margin-top:auto;display:grid}.sidebar__foot .keys{margin-top:0}.support-link{color:var(--bone);background:#5865f224;border:1px solid #5865f252;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.support-link:hover{background:#5865f242;border-color:#5865f2}.support-link svg{color:#8b93ff;flex:none}.support-link span{display:grid}.support-link strong{font-size:13.5px}.support-link small{color:var(--mist);font-size:12px}.support{border:1px solid var(--hairline);background:linear-gradient(120deg,#5865f229,#0000 70%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:40px 32px 0;padding:18px 20px;display:flex}.support>svg{color:#8b93ff;flex:none}.support p{flex:1;min-width:220px;font-weight:600}.support p span{color:var(--mist);font-weight:500;display:block}.support a{color:#fff;background:#5865f2;border-radius:999px;align-items:center;height:40px;padding:0 18px;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.support a:hover{background:#4752c4}.shelf__round{border-radius:50%!important}.track__artist:is(a),.player__artist:is(a),.panel__artist:is(a){color:var(--mist);width:fit-content;text-decoration:none}.track__artist:is(a):hover,.player__artist:is(a):hover,.panel__artist:is(a):hover{color:var(--bone);text-decoration:underline}.topbar{justify-content:space-between}.discord-btn{color:#fff;height:40px;transition:background-color .15s, transform .15s var(--ease);background:#5865f2;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:600;display:inline-flex}.discord-btn:hover:not(:disabled){background:#4752c4}.discord-btn:active{transform:scale(.97)}.discord-btn--wide{width:100%;height:48px;font-size:16px}.user-menu{flex:none;align-items:center;gap:8px;display:flex;position:relative}.user-menu--loading{width:120px;height:40px}.panel-btn{height:36px;color:var(--ink-0);background:linear-gradient(180deg, var(--gold-hi), var(--gold));box-shadow:0 6px 18px -8px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.panel-btn:hover{filter:brightness(1.06)}.topbar__end{flex:none;align-items:center;gap:10px;display:flex}.notify-btn{width:40px;height:40px;color:var(--bone);background:color-mix(in srgb, var(--ink-0) 62%, transparent);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(16px);transition:color .15s, border-color .15s, transform .15s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.notify-btn:hover{border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.notify-btn:active{transform:scale(.94)}.notify-btn[data-on=true]{color:var(--gold-hi);border-color:color-mix(in srgb, var(--gold) 45%, transparent)}.notify-btn[data-on=true] svg{animation:bell-ring .9s var(--ease) 1}.notify-btn[aria-busy=true]{opacity:.6}@keyframes bell-ring{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-11deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}.user-menu__trigger{background:color-mix(in srgb, var(--ink-0) 62%, transparent);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:8px;height:40px;padding:4px 12px 4px 4px;display:inline-flex}.user-menu__trigger:hover{border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.user-menu__trigger img{border-radius:50%;width:32px;height:32px}.user-menu__name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:14px;font-weight:600;overflow:hidden}.user-menu__panel{z-index:40;background:var(--ink-1);border:1px solid var(--hairline);border-radius:14px;min-width:240px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px -20px #000c}.user-menu__who{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;margin-bottom:4px;padding:8px 8px 12px;display:flex}.user-menu__who img{border-radius:50%}.user-menu__who span{display:grid}.user-menu__who strong{align-items:center;gap:6px;display:inline-flex}.user-menu__who small{color:var(--mist);font-size:12.5px}.user-menu__panel a,.user-menu__panel button{color:var(--bone);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.user-menu__panel a:hover,.user-menu__panel button:hover{background:var(--hover)}.crown{color:var(--gold-hi);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 60%, transparent));place-items:center;display:inline-grid}.like{justify-content:center;align-items:center;gap:5px;display:inline-flex}.like[data-count=true]{border-radius:999px;width:auto;min-width:34px;padding:0 9px}.like__count{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}.track__actions .like[data-count=true]{opacity:1}.pop{z-index:120;background:var(--ink-1);border:1px solid var(--hairline);border-radius:14px;width:280px;padding:10px;position:fixed;box-shadow:0 24px 60px -20px #000000d9}.pop__title{color:var(--mist);padding:4px 6px 8px;font-size:13px;font-weight:600}.pop__list{gap:2px;max-height:240px;display:grid;overflow-y:auto}.pop__list button{text-align:left;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 6px;display:grid}.pop__list button:hover{background:var(--hover)}.pop__check{width:18px;height:18px;color:var(--ink-0);border:1.5px solid color-mix(in srgb, var(--bone) 35%, transparent);border-radius:5px;place-items:center;display:grid}.pop__check[data-on=true]{background:var(--gold-hi);border-color:var(--gold-hi)}.pop__name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pop__count{color:var(--mist);font-size:12px}.pop__empty{color:var(--mist);padding:8px 6px;font-size:13px}.pop__new{border-top:1px solid var(--hairline);gap:6px;margin-top:8px;padding-top:10px;display:flex}.pop__new input{min-width:0;height:36px;font:inherit;color:var(--bone);background:var(--ink-0);border:1px solid var(--hairline);border-radius:10px;outline:0;flex:1;padding:0 12px;font-size:14px}.pop__new input:focus{border-color:var(--gold)}.pop__new button{width:36px;height:36px;color:var(--ink-0);background:var(--gold-hi);border-radius:10px;place-items:center;display:grid}.pl-cover{aspect-ratio:1;background:var(--ink-2);border-radius:8px;flex:none;width:clamp(150px,17vw,232px);display:grid;overflow:hidden;box-shadow:0 30px 60px -20px #000000a6}.pl-cover[data-count="4"]{grid-template-columns:1fr 1fr}.pl-cover img{object-fit:cover;width:100%;height:100%}.pl-cover--empty{color:var(--gold-hi);background:linear-gradient(145deg, var(--canard-hi) 0%, var(--canard) 45%, var(--ink-2) 100%);place-items:center}.shelf .pl-cover{box-shadow:none;border-radius:6px}.hero--playlist{background:radial-gradient(80% 120% at 0% 0%, color-mix(in srgb, var(--canard) 70%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--canard) 20%, transparent), var(--ink-1));min-height:clamp(300px,40vh,400px)}.hero__title--playlist{font-family:var(--sans);letter-spacing:-.02em;margin-left:0;font-size:clamp(40px,6vw,92px);font-weight:700;line-height:.95}.playlist__description{max-width:60ch;color:color-mix(in srgb, var(--bone) 78%, transparent)}.playlist__owner{align-items:center;gap:8px;display:inline-flex}.playlist__owner img{border-radius:50%}.playlist__private{color:var(--gold-hi);align-items:center;gap:5px;display:inline-flex}.pl-edit{gap:10px;width:min(560px,100%);display:grid}.pl-edit input,.pl-edit textarea{width:100%;font:inherit;color:var(--bone);background:color-mix(in srgb, var(--ink-0) 70%, transparent);border:1px solid var(--hairline);resize:vertical;border-radius:12px;outline:0;padding:10px 14px}.pl-edit input{font-size:28px;font-weight:700}.pl-edit input:focus,.pl-edit textarea:focus{border-color:var(--gold)}.pl-edit__public{color:color-mix(in srgb, var(--bone) 80%, transparent);align-items:center;gap:8px;font-size:14px;display:flex}.pl-edit__public input{width:18px;height:18px;accent-color:var(--gold)}.pl-edit__actions{gap:8px;display:flex}.pl-edit__save{height:36px;color:var(--ink-0);background:var(--gold-hi);border-radius:999px;padding:0 18px;font-weight:700}.confirm{align-items:center;gap:6px;display:inline-flex}.confirm button{height:28px;color:var(--bone);border:1px solid color-mix(in srgb, var(--bone) 22%, transparent);border-radius:999px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s}.confirm button:hover{border-color:color-mix(in srgb, var(--bone) 45%, transparent)}.confirm .confirm__yes{color:var(--ink-0);background:#e8a598;border-color:#0000}.confirm .confirm__yes:hover{background:#f0b6aa}.confirm--inline{background:#c0503c24;border:1px solid #e8a59866;border-radius:999px;gap:10px;padding:4px 4px 4px 14px}.confirm__question{white-space:nowrap;font-size:14px;font-weight:600}.confirm--inline button{height:34px;padding:0 16px;font-size:14px}.reorder .track--reorder{cursor:grab;background:color-mix(in srgb, var(--ink-2) 60%, transparent);grid-template-columns:44px minmax(0,1fr) 52px;margin-bottom:4px}.reorder .track--reorder:active{cursor:grabbing}.reorder .track__index{color:var(--mist)}.sidebar__library-head{justify-content:space-between;align-items:center;padding-right:4px;display:flex}.sidebar__library-head h2{padding-bottom:0}a.shelf{color:var(--bone);text-decoration:none}.empty--action{justify-items:start;gap:14px;display:grid}.toast{pointer-events:auto;align-items:center;gap:14px;display:flex}.toast__action{color:#fff;background:#5865f2;border-radius:999px;flex:none;height:30px;padding:0 12px;font-size:13px;font-weight:700}.install-card{text-align:left;width:100%;color:var(--bone);background:linear-gradient(120deg, color-mix(in srgb, var(--gold) 16%, transparent), color-mix(in srgb, var(--canard) 22%, transparent));border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);transition:border-color .2s, transform .15s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.install-card:hover{border-color:var(--gold-hi)}.install-card:active{transform:scale(.98)}.install-card img{border-radius:9px;flex:none}.install-card span{flex:1;min-width:0;display:grid}.install-card strong{font-size:13.5px}.install-card small{color:var(--mist);font-size:12px}.install-card>svg{color:var(--gold-hi);flex:none}.install-banner{display:none}.install-sheet{z-index:130;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--ink-0) 70%, transparent);-webkit-backdrop-filter:blur(8px);place-items:end center;display:grid;position:fixed;inset:0}.install-sheet__card{background:var(--ink-1);border:1px solid var(--hairline);border-radius:20px;width:min(440px,100%);padding:20px;box-shadow:0 30px 80px -20px #000c}.install-sheet__card header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.install-sheet__card header img{border-radius:14px}.install-sheet__card header div{flex:1}.install-sheet__card h2{font-size:20px;font-weight:700}.install-sheet__card header p,.install-sheet__note{color:var(--mist);font-size:14px}.install-sheet__card ol{gap:12px;margin-bottom:14px;display:grid}.install-sheet__card li{align-items:center;gap:12px;font-size:15px;display:flex}.install-sheet--center{align-items:center}.notify-copy{color:var(--ink-0);background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:999px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.install-sheet__icon{color:#3e9bff;background:var(--ink-2);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}html.is-embed,html.is-embed body{background:0 0}.embed{background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--tint) 75%, var(--ink-0)) 0%, transparent 70%), linear-gradient(135deg, var(--canard) 0%, var(--ink-1) 100%);border-radius:12px;gap:16px;height:100vh;padding:14px;display:flex;overflow:hidden}.embed__cover{aspect-ratio:1;object-fit:cover;border-radius:8px;flex:none;height:100%;max-height:124px;box-shadow:0 10px 24px -10px #0009}.embed__main{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.embed__head{justify-content:space-between;gap:12px;display:flex}.embed__text{min-width:0;display:grid}.embed__title{font-family:var(--serif);font-variation-settings:"opsz" 28;color:var(--bone);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;line-height:1.15;text-decoration:none;overflow:hidden}.embed__title:hover{text-decoration:underline}.embed__artist{color:color-mix(in srgb, var(--bone) 72%, transparent);font-size:14px}.embed__brand{flex:none}.embed__controls{align-items:center;gap:12px;display:flex}.embed__controls .play-btn{background:var(--gold-hi)}.waveform--embed{flex:1;gap:1px;min-width:0;height:34px}.waveform--embed i{min-width:0}.embed__time{color:color-mix(in srgb, var(--bone) 72%, transparent);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.embed__missing{color:var(--mist);padding:24px}@media (width<=420px){.embed__time{display:none}}.toast-region{z-index:80;pointer-events:none;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.toast{color:var(--ink-0);background:var(--bone);white-space:nowrap;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;box-shadow:0 16px 40px -16px #000000b3}.tabbar{display:none}@media (width<=1280px){.app,.app[data-panel=false]{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"side main""player player"}.panel,.player__panel-toggle{display:none}.track{grid-template-columns:44px minmax(0,1fr) auto 48px}.track__tags{display:none}}@media (width<=900px){.app,.app[data-panel=false]{grid-template:"main"minmax(0,1fr)"player""tabbar"/minmax(0,1fr);gap:0;padding:0}.sidebar{display:none}.main{-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0}.topbar{align-items:center;gap:10px;height:auto;margin-bottom:0;padding:14px 16px;position:relative}.topbar .searchbox{flex:1;width:auto;min-width:0}.topbar .discord-btn{width:44px;height:42px;padding:0}.topbar .notify-btn{width:42px;height:42px}.activity__head{padding-right:16px}.period{margin:0 0 4px 16px}.pager{margin:18px 16px 6px}.pager button{min-width:36px;height:36px}.topbar .discord-btn span{display:none}.topbar{padding-top:calc(14px + env(safe-area-inset-top))}.stage__bar{padding-top:calc(12px + env(safe-area-inset-top))}.install-banner{background:linear-gradient(120deg, color-mix(in srgb, var(--canard) 70%, var(--ink-1)), var(--ink-1));border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);border-radius:16px;align-items:center;gap:12px;margin:0 16px 14px;padding:12px;display:flex}.install-banner img{border-radius:11px;flex:none}.install-banner p{min-width:0;color:var(--mist);flex:1;font-size:13px;line-height:1.3;display:grid}.install-banner strong{color:var(--bone);font-size:14.5px}.install-banner__go{height:34px;color:var(--ink-0);background:var(--gold-hi);border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:700}.install-banner .icon-btn{flex:none;width:28px;height:28px}.user-menu__name,.panel-btn span{display:none}.panel-btn{justify-content:center;width:36px;padding:0}.logo{padding:0}.searchbox{width:100%}.hero{border-radius:0;min-height:0;padding:120px 16px 20px}.hero__content{flex-direction:column;align-items:flex-start;gap:20px}.hero__cover,.hero__tile{width:46vw;max-width:220px}.actions{padding:16px}.tracks{padding:0 6px}.track{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:6px 10px}.track__duration,.track__actions .listeners{display:none}.track__main .listeners{width:max-content;margin-top:4px;display:inline-flex}.track__actions .icon-btn[data-active=true],.track__queue{opacity:1}.track__actions .icon-btn:not([data-active=true]):not(.track__queue){opacity:.55}.search-title{padding:16px 16px 12px}.track-page__wave{padding:4px 16px 8px}.tabs{margin:0 16px 14px}.posts{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 16px}.artist__bio{padding:0 16px 8px;font-size:17px}.socials{width:100%;margin:4px 0 0}.actions{flex-wrap:wrap}.support{margin:32px 16px 0}.activity__errors{padding:12px 16px 0}.track-page__body{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px 8px}.section-title{padding:24px 16px 8px}.empty{padding:8px 16px}.player{background:color-mix(in srgb, var(--canard) 70%, var(--ink-1));border-radius:10px;grid-template-columns:minmax(0,1fr) auto;height:auto;margin:0 8px;padding:8px 8px 10px}.player__progress-mini{background:var(--gold-hi);transform-origin:0;height:2px;display:block;position:absolute;bottom:0;left:10px;right:10px}.player__center,.player__extras,.player__like{display:none}.player__mobile-play{display:block}.player__cover{width:44px;height:44px}.tabbar{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--ink-0) 60%, transparent);grid-area:tabbar;grid-template-columns:repeat(4,1fr);display:grid}.tabbar a{text-align:center;text-decoration:none}.tabbar button,.tabbar a{color:var(--mist);padding:10px 0;font-size:13px;font-weight:600}.tabbar [aria-current=page]{color:var(--bone)}.toast-region{bottom:140px}.toast{white-space:normal;text-align:center;max-width:86vw}.stage__bar{padding:12px 14px}.stage__tools .icon-btn:nth-child(2){display:none}.stage__body,.stage[data-mode=visual] .stage__body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:start center;gap:14px;padding:0 18px}.stage[data-mode=visual] .stage__body{grid-template-rows:minmax(0,1fr);align-items:center}.dial{width:min(54vw,26vh);margin-top:4vh}.stage[data-mode=visual] .dial{width:min(70vw,44vh);margin-top:0}.dial__time{display:none}.stage[data-mode=visual] .dial__time{display:flex}.stage__dial{gap:10px}.stage__title{font-size:24px}.stage__lyrics{width:100%}.lyrics--stage .lyric__text{font-size:clamp(24px,6.4vw,34px)}.lyrics--stage .lyrics__lines{padding-top:6vh}.lyrics--stage .lyrics__scroller{-webkit-mask-image:linear-gradient(#0000 0,#000 10% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 10% 78%,#0000 100%)}.backdrop--stage:after{background:linear-gradient(180deg, color-mix(in srgb, var(--ink-0) 45%, transparent), color-mix(in srgb, var(--ink-0) 82%, transparent) 55%)}.stage__controls{padding:4px 16px calc(18px + env(safe-area-inset-bottom))}.transport[data-size=large] .transport__buttons{gap:16px}}.hero__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:13px;font-weight:700}.hero__bio{max-width:54ch;color:color-mix(in srgb, var(--bone) 82%, transparent);margin-top:10px;font-size:15px}.searchbox--page{background:color-mix(in srgb, var(--ink-1) 72%, transparent);border:1px solid var(--hairline);border-radius:999px;width:min(420px,100%);height:44px;padding:0 14px}.albums{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;padding:4px 32px 8px;display:grid}.album-card{min-height:100%;color:inherit;background:color-mix(in srgb, var(--ink-2) 70%, transparent);border:1px solid var(--hairline);transition:border-color .2s, transform .2s var(--ease);border-radius:16px;gap:12px;padding:14px;text-decoration:none;display:grid}.album-card:hover,.album-card:focus-visible,.album-card[data-playing=true]{border-color:color-mix(in srgb, var(--gold) 55%, transparent);transform:translateY(-2px)}.album-card__cover{aspect-ratio:1;object-fit:cover;background:var(--ink-3);border-radius:10px;width:100%;display:block}.album-card__cover--empty{background:linear-gradient(145deg, var(--canard), var(--slate))}.album-card__body{gap:4px;min-width:0;display:grid}.album-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:650;overflow:hidden}.album-card__meta{color:var(--mist);font-size:13px}.album-card__desc{color:color-mix(in srgb, var(--bone) 72%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.album-card__swatches{gap:6px;display:flex}.album-card__swatches i{border:1px solid color-mix(in srgb, var(--bone) 18%, transparent);border-radius:50%;width:14px;height:14px}@media (width<=900px){.albums{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}