@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_01ae00{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_01ae00{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_e986a4{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.__variable_e986a4{--font-body:"Instrument Sans","Instrument Sans Fallback"}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ba5fb2a8c88521c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/92eeb95d069020cc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e40af3453d7c920a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/99dcf268bda04fe5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98e207f02528a563-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono Fallback;src:local("Arial");ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.00%;size-adjust:134.59%}.__className_46fe82{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.__variable_46fe82{--font-mono:"IBM Plex Mono","IBM Plex Mono Fallback"} /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-wax:#0a0908;--color-sleeve:#131110;--color-sleeve-lit:#1b1917;--color-sleeve-raised:#232019;--color-groove:#fffaf012;--color-groove-strong:#fffaf021;--color-ink:#f4f1ea;--color-ink-2:#a8a298;--color-ink-3:#6e6960;--color-heat:#ff5c72;--color-signal:#6ee7a8;--text-meta:.6875rem;--text-small:.8125rem;--text-body:.9375rem;--text-lead:1.0625rem;--text-h2:clamp(1.375rem,2.2vw,1.75rem);--text-h1:clamp(2rem,4.2vw,3rem);--text-display:clamp(2.75rem,6.5vw,5rem);--radius-sleeve:10px;--radius-hero:14px;--ease-brand:cubic-bezier(.23,1,.32,1);--container-page:1200px}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:initial;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:initial}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--color-wax);color:var(--color-ink);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;font-size:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}.logo,.page-title,.section-title,h1,h2,h3{font-family:var(--font-display),ui-sans-serif,sans-serif}.catalog,.dur,.kicker,.num,.pl-time{font-family:var(--font-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}::selection{background:rgba(var(--accent),.25)}}@layer components{.shell{max-width:var(--container-page);margin:0 auto;padding:0 24px 48px}.app{grid-template-columns:248px 1fr;gap:8px;height:100dvh;padding:8px;display:grid}body:has(.pl-panel) .app{grid-template-columns:248px minmax(0,1fr) 340px}body:has(.pl-dock) .workspace{background:linear-gradient(180deg,rgb(var(--accent)) 0,var(--color-wax) 420px)}@supports (color:color-mix(in lab,red,red)){body:has(.pl-dock) .workspace{background:linear-gradient(180deg,color-mix(in srgb,rgb(var(--accent)) 9%,var(--color-sleeve)) 0,var(--color-wax) 420px)}}.sidebar{background:var(--color-sleeve);border-radius:14px;flex-direction:column;min-height:0;padding:20px 12px 12px;display:flex;overflow:hidden}.sidebar-logo{font-family:var(--font-display),sans-serif;letter-spacing:-.045em;padding:0 10px 18px;font-size:1.0625rem;font-weight:800}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav a{font-size:var(--text-small);color:var(--color-ink-2);transition:color .16s var(--ease-brand),background .16s var(--ease-brand);border-radius:8px;align-items:center;gap:12px;padding:9px 10px;font-weight:500;display:flex}.sidebar-nav a:hover{color:var(--color-ink);background:var(--color-sleeve-lit)}.sidebar-lib{border-top:1px solid var(--color-groove);flex-direction:column;min-height:0;margin-top:22px;padding-top:18px;display:flex}.sidebar-liked{font-size:var(--text-small);transition:background .16s var(--ease-brand);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;font-weight:500;display:flex}.sidebar-liked:hover{background:var(--color-sleeve-lit)}.liked-icon{width:26px;height:26px;color:var(--color-ink);background:linear-gradient(140deg,var(--color-heat),#7a2f6a);border-radius:6px;flex:none;place-items:center;display:grid}.sidebar-label{font-family:var(--font-mono),monospace;font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.16em;color:var(--color-ink-3);padding:18px 10px 8px}.sidebar-playlists{flex-direction:column;gap:1px;min-height:0;display:flex;overflow-y:auto}.sidebar-playlists a{font-size:var(--text-small);color:var(--color-ink-2);border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.sidebar-playlists a:hover{color:var(--color-ink);background:var(--color-sleeve-lit)}.sidebar-playlists span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-hint{font-size:var(--text-small);color:var(--color-ink-3);text-wrap:pretty;padding:0 10px}.workspace{background:linear-gradient(180deg,var(--color-sleeve) 0,var(--color-wax) 380px);border-radius:14px;flex-direction:column;min-width:0;min-height:0;transition:background .6s;display:flex;position:relative;overflow:hidden;container-type:inline-size}.topbar{z-index:30;background:linear-gradient(#f4f1ea0a,#0000 45%),#0a09084d;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{background:linear-gradient(180deg,color-mix(in srgb,var(--color-ink) 4%,transparent),transparent 45%),color-mix(in srgb,var(--color-wax) 30%,transparent)}}.topbar{-webkit-backdrop-filter:blur(26px)saturate(1.6)brightness(1.05);backdrop-filter:blur(26px)saturate(1.6)brightness(1.05);border-bottom:1px solid #fffaf00d}@supports (color:color-mix(in lab,red,red)){.topbar{border-bottom:1px solid color-mix(in srgb,var(--color-groove) 70%,transparent)}}.topbar-search{flex:0 340px}.topbar-search input{background:var(--color-wax);border:1px solid var(--color-groove);width:100%;color:var(--color-ink);font-size:var(--text-small);transition:border-color .16s var(--ease-brand);border-radius:999px;outline:none;padding:8px 16px}.topbar-search input::placeholder{color:var(--color-ink-3)}.topbar-search input:focus{border-color:var(--color-groove-strong)}.topbar .signin,.topbar .usermenu{margin-left:auto}@property --sb-alpha{syntax:"";inherits:false;initial-value:0}.workspace-scroll{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,250,240,calc(var(--sb-alpha) + .02)) transparent;--sb-alpha:0;flex-direction:column;flex:1;transition:--sb-alpha .8s;display:flex;overflow:clip auto}.pl-panel-queue:hover,.workspace-scroll:hover{--sb-alpha:.08;transition-duration:.3s}.pl-panel-queue.is-scrolling,.workspace-scroll.is-scrolling{--sb-alpha:.11;transition-duration:.15s}.workspace-scroll>*{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--color-groove);color:var(--color-ink-3);font-size:var(--text-meta);letter-spacing:.02em;flex-direction:column;gap:3px;margin-top:auto;padding:14px 10px 4px;display:flex}.pl-panel-queue::-webkit-scrollbar,.workspace-scroll::-webkit-scrollbar{width:10px}.pl-panel-queue::-webkit-scrollbar-track,.workspace-scroll::-webkit-scrollbar-track{background:0 0}.pl-panel-queue::-webkit-scrollbar-corner,.workspace-scroll::-webkit-scrollbar-corner{background:0 0}.pl-panel-queue::-webkit-scrollbar-button,.workspace-scroll::-webkit-scrollbar-button{height:0;display:none}.pl-panel-queue::-webkit-scrollbar-thumb,.workspace-scroll::-webkit-scrollbar-thumb{background:rgba(255,250,240,var(--sb-alpha));background-clip:content-box;border:3px solid #0000;border-radius:99px}.pl-panel-queue::-webkit-scrollbar-thumb:hover,.workspace-scroll::-webkit-scrollbar-thumb:hover{background:rgba(255,250,240,calc(var(--sb-alpha) + .05));background-clip:content-box}.pl-panel{display:none}@media (min-width:901px){.pl-panel{background:var(--color-sleeve);isolation:isolate;border-radius:14px;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.pl-dock{display:none}.pl-panel-backdrop{aspect-ratio:1;object-fit:cover;filter:blur(70px)saturate(1.5);opacity:.3;z-index:-1;pointer-events:none;width:140%;position:absolute;top:-20%;left:-20%}.pl-panel-art{aspect-ratio:1;cursor:pointer;background:var(--color-wax);border:0;border-radius:10px;flex:none;width:100%;padding:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #fffaf01a,0 14px 34px #00000080}.pl-panel-art img{object-fit:cover;width:100%;height:100%;display:block}.pl-panel-meta{min-width:0}.pl-panel-title{font-weight:600;font-size:var(--text-lead);letter-spacing:-.01em;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pl-panel-title:hover{text-decoration:underline}.pl-panel-artist{color:var(--color-ink-2);font-size:var(--text-small);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pl-panel-artist:hover{color:var(--color-ink)}.pl-panel .pl-controls{justify-content:center;gap:14px}.pl-panel-extra{justify-content:center;align-items:center;gap:10px;display:flex}.pl-panel-queue{border-top:1px solid var(--color-groove);scrollbar-width:thin;scrollbar-color:rgba(255,250,240,calc(var(--sb-alpha) + .02)) transparent;--sb-alpha:0;scrollbar-gutter:stable;flex-direction:column;flex:1;gap:2px;min-height:0;padding-top:10px;padding-right:2px;transition:--sb-alpha .8s;display:flex;overflow-y:auto}.pl-panel-queue h3{font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-3);justify-content:space-between;align-items:baseline;margin:0 0 6px;font-weight:600;display:flex}.pl-q-row{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.pl-q-row:hover{background:var(--color-sleeve-lit)}.pl-q-row.current{background:rgb(var(--accent))}@supports (color:color-mix(in lab,red,red)){.pl-q-row.current{background:color-mix(in srgb,rgb(var(--accent)) 14%,var(--color-sleeve))}}.pl-q-main{min-width:0;color:var(--color-ink);font:inherit;font-size:var(--text-small);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.pl-q-main strong{font-weight:500}.pl-q-main span,.pl-q-main strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-q-main span,.pl-q-time{color:var(--color-ink-3);font-size:var(--text-meta)}.pl-q-time{font-variant-numeric:tabular-nums;flex:none}}.hero{isolation:isolate;gap:32px;margin:8px 0 48px}.hero-backdrop{aspect-ratio:1;object-fit:cover;filter:blur(90px)saturate(1.45);opacity:.38;z-index:-1;pointer-events:none;width:70%;max-width:640px;position:absolute;top:-140px;left:-60px}.hero-cover{aspect-ratio:1;border-radius:var(--radius-hero);flex:none;width:clamp(200px,24vw,300px);overflow:hidden;box-shadow:inset 0 0 0 1px #fffaf01a,0 24px 60px #0000008c}.hero-cover img{object-fit:cover;width:100%;height:100%}.hero-info{min-width:0;padding-bottom:6px}.hero-kicker{font-size:var(--text-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-2);margin-bottom:10px;font-weight:600}.hero-title{font-family:var(--font-display),sans-serif;font-size:var(--text-h1);letter-spacing:-.03em;text-wrap:balance;margin:0 0 10px;font-weight:800;line-height:1.02}.hero-meta{color:var(--color-ink-2);font-size:var(--text-small);margin-bottom:20px}.hero-actions{gap:14px}.hero-play{background:var(--color-ink);color:var(--color-wax);font:inherit;font-size:var(--text-small);cursor:pointer;transition:transform .16s var(--ease-brand),opacity .16s var(--ease-brand);border:0;border-radius:999px;align-items:center;gap:9px;padding:11px 22px 11px 18px;font-weight:600;display:inline-flex}.hero-play:hover{opacity:.92}.hero-play:active{transform:scale(.97)}.hero-open{color:var(--color-ink-2);font-size:var(--text-small);font-weight:600}.hero-open:hover{color:var(--color-ink)}@media (max-width:900px){.hero{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:36px}.hero-cover{width:min(62vw,300px)}}.card-grid.dense{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 16px}.section-count{color:var(--color-ink-3);font-size:var(--text-small);font-variant-numeric:tabular-nums}.card.seeall .cover{color:var(--color-ink-2);background:radial-gradient(circle,#191613 0 11%,#0000 11.5%),repeating-radial-gradient(circle,#0d0b0a 0 2px,#14110f 2px 4px);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.card.seeall .cover strong{font-family:var(--font-display),sans-serif;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.card.seeall .cover span{font-size:var(--text-meta);letter-spacing:.1em;text-transform:uppercase}.card.seeall:hover .cover{box-shadow:inset 0 0 0 1px #fffaf029,0 18px 36px #0000009e}.shelf{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:30px 20px;display:grid}.cover-play{cursor:pointer;width:42px;height:42px;color:var(--color-wax);background:rgb(var(--accent));opacity:0;transition:opacity .18s var(--ease-brand),transform .18s var(--ease-brand);z-index:2;border:none;border-radius:999px;place-items:center;padding-left:2px;display:grid;position:absolute;bottom:9px;right:9px;transform:translateY(8px)scale(.95);box-shadow:0 8px 20px #0000008c}.card.playing .cover-play,.card:focus-within .cover-play,.card:hover .cover-play{opacity:1;transform:translateY(0)scale(1)}.cover-play:hover{transform:translateY(0)scale(1.06)}.cover-play:active{transform:translateY(0)scale(.97)}@media (hover:none){.cover-play{opacity:1;transform:none}}.spin{animation:spin .9s linear infinite}.card.playing .title{color:rgb(var(--accent))}.mobile-tabs{display:none}.page-title{font-size:var(--text-h1);letter-spacing:-.04em;text-wrap:balance;margin:28px 0 6px;font-weight:800;line-height:1.02}.page-sub{color:var(--color-ink-2);text-wrap:pretty;margin-bottom:36px}.section{margin-top:56px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.section-title{font-size:var(--text-h2);letter-spacing:-.035em;font-weight:700}.section-link{font-size:var(--text-small);color:var(--color-ink-3);transition:color .16s var(--ease-brand)}.section-link:hover{color:var(--color-ink)}.kicker{font-size:var(--text-meta);text-transform:uppercase;letter-spacing:.16em}.crumbs,.kicker{color:var(--color-ink-3)}.crumbs{font-size:var(--text-small);padding-top:24px}.crumbs a:hover{color:var(--color-ink)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:30px 20px;display:grid}.card{display:block;position:relative}.card-glow{aspect-ratio:1;object-fit:cover;filter:blur(26px)saturate(1.6);opacity:0;width:110%;transition:opacity .35s var(--ease-brand);pointer-events:none;z-index:0;border-radius:18px;position:absolute;top:-5%;left:-5%}.card.playing .card-glow,.card:focus-within .card-glow,.card:hover .card-glow{opacity:.45}.card .cover,.card .meta,.card .title{z-index:1;position:relative}.card .cover{aspect-ratio:1;border-radius:var(--radius-sleeve);background:var(--color-sleeve);transition:transform .28s var(--ease-brand),box-shadow .28s var(--ease-brand);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px #00000080}.card:hover .cover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px #ffffff24,0 18px 36px #0000009e}.card .cover img{object-fit:cover;width:100%;height:100%}.card.artist .cover{border-radius:999px}.card.artist .cover.vinyl{background:radial-gradient(circle,#191613 0 11%,#0000 11.5%),repeating-radial-gradient(circle,#0d0b0a 0 2px,#14110f 2px 4px);overflow:hidden}.card.artist .cover.vinyl .vinyl-label,.vinyl-disc{border-radius:999px;position:absolute;inset:0}.card.artist .cover.vinyl .vinyl-label{object-fit:cover;width:100%;height:100%;box-shadow:inset 0 0 0 1px #fffaf024}.vinyl-disc:before{z-index:1;pointer-events:none;background:repeating-radial-gradient(circle,#0a090824 0 1px,#0000 1px 5px);inset:0}.vinyl-disc:after,.vinyl-disc:before{content:"";border-radius:999px;position:absolute}.vinyl-disc:after{z-index:2;aspect-ratio:1;background:var(--color-wax);width:4.5%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fffaf02e}@keyframes vinyl-spin{to{transform:rotate(1turn)}}.card.artist:hover .vinyl-disc{animation:vinyl-spin 7s linear infinite}@media (prefers-reduced-motion:reduce){.card.artist:hover .vinyl-disc{animation:none}}.card.artist .cover:after{content:"";border-radius:999px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 14px #0a090829}.card.artist .cover:not(.placeholder):before{content:"";aspect-ratio:1;background:var(--color-wax);z-index:1;border-radius:999px;width:9%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff24}.card.artist .cover.placeholder{letter-spacing:-.04em;color:var(--color-ink-3);background:radial-gradient(circle at 50% 50%,var(--color-sleeve-raised) 0 27%,transparent 27.5%),repeating-radial-gradient(circle at 50% 50%,#fffaf008 0 1px,transparent 1px 4px),radial-gradient(circle at 38% 32%,#1d1a17,#0d0c0b 72%);font-size:1.15rem}.card.artist .cover.placeholder:after{box-shadow:inset 0 0 0 1px #ffffff17}.card-grid.artists{grid-template-columns:repeat(auto-fill,minmax(104px,124px));justify-content:start;gap:22px 20px}.card .cover.placeholder{color:var(--color-ink-3);font-family:var(--font-display),sans-serif;background:linear-gradient(150deg,var(--color-sleeve-lit),var(--color-sleeve));place-items:center;font-size:1.6rem;font-weight:800;display:grid}.card .title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:12px;font-weight:600;display:-webkit-box}.card .meta,.card .title{font-size:var(--text-small);overflow:hidden}.card .meta{color:var(--color-ink-3);text-overflow:ellipsis;white-space:nowrap}.card.artist .meta,.card.artist .title{text-align:center}.hero{flex-wrap:wrap;align-items:flex-end;gap:36px;padding:72px 0 28px;display:flex;position:relative}.hero-bg{top:calc(var(--header-h) * -1);z-index:-1;opacity:.5;filter:blur(96px)saturate(160%);pointer-events:none;width:100cqw;height:520px;position:absolute;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero .cover{aspect-ratio:1;border-radius:var(--radius-hero);background:var(--color-sleeve);flex:none;width:clamp(176px,25vw,268px);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 70px #000000a8}.hero.round .cover{border-radius:999px}.hero .cover img{object-fit:cover;width:100%;height:100%}.hero-body{flex:1;min-width:260px}.hero h1{font-size:var(--text-display);letter-spacing:-.045em;text-wrap:balance;margin:10px 0 14px;font-weight:800;line-height:.98}.hero .byline{color:var(--color-ink-2);font-size:var(--text-small)}.hero .byline a{color:var(--color-ink);font-weight:600}.hero .byline a:hover{text-decoration:underline}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions,.track-list{margin-top:26px}.track-row{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;transition:background .16s var(--ease-brand);border-radius:8px;align-items:center;gap:18px;padding:9px 12px;display:flex}.track-row+.track-row{box-shadow:inset 0 1px 0 var(--color-groove)}.track-row:hover,.track-row:hover+.track-row{box-shadow:none}.track-row:hover{background:var(--color-sleeve)}.track-row .num{text-align:right;width:24px;color:var(--color-ink-3);font-size:var(--text-small);flex:none}.track-row .name{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.track-row .dur{color:var(--color-ink-3);font-size:var(--text-small);flex:none}.track-row.active .name,.track-row.active .num{color:rgb(var(--accent))}.track-row.active .name{font-weight:600}.row-actions{opacity:0;transition:opacity .16s var(--ease-brand);align-items:center;gap:2px;display:flex}.track-row.active .row-actions,.track-row:focus-within .row-actions,.track-row:has(.like.on) .row-actions,.track-row:hover .row-actions{opacity:1}.addto-btn,.like,.track-link{cursor:pointer;color:var(--color-ink-3);width:32px;height:32px;transition:color .16s var(--ease-brand),transform .16s var(--ease-brand);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.addto-btn:hover,.like:hover,.track-link:hover{color:var(--color-ink)}.like.on{color:var(--color-heat)}.addto-btn:active,.like:active{transform:scale(.9)}.addto{position:relative}.addto-menu{z-index:30;background:var(--color-sleeve-lit);border:1px solid var(--color-groove-strong);transform-origin:100% 0;min-width:200px;animation:pop .16s var(--ease-brand);border-radius:12px;padding:5px;position:absolute;top:34px;right:0;box-shadow:0 20px 48px #000000a8}@keyframes pop{0%{opacity:0;transform:scale(.95)}}.addto-menu button{text-align:left;width:100%;font-size:var(--text-small);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 11px;display:block}.addto-menu button:hover{background:var(--color-sleeve-raised)}.addto-done,.addto-empty{font-size:var(--text-small);color:var(--color-ink-3);padding:8px 11px}.addto-done{color:var(--color-signal)}.signin{border:1px solid var(--color-groove-strong);font-size:var(--text-small);white-space:nowrap;transition:border-color .16s var(--ease-brand);border-radius:999px;flex:none;padding:7px 16px;font-weight:500}.signin:hover{border-color:var(--color-ink-3)}.usermenu{flex:none;gap:6px}.usermenu,.username{align-items:center;display:flex}.username{font-size:var(--text-small);gap:8px;font-weight:500}.avatar-fallback,.username img{object-fit:cover;background:var(--color-sleeve-raised);width:27px;height:27px;font-size:var(--text-small);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid;box-shadow:0 0 0 1px #ffffff1a}.signout{color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.signout:hover{color:var(--color-ink)}.btn-primary,.play-all{background:var(--color-ink);color:var(--color-wax);font-size:var(--text-small);cursor:pointer;transition:transform .14s var(--ease-brand),opacity .14s var(--ease-brand);border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 24px 11px 20px;font-weight:600;display:inline-flex}.btn-primary:hover,.play-all:hover{opacity:.9}.btn-primary:active,.play-all:active{transform:scale(.97)}.btn-primary:disabled,.play-all:disabled{opacity:.4;cursor:default}.btn-ghost,.follow{border:1px solid var(--color-groove-strong);color:var(--color-ink);font-size:var(--text-small);cursor:pointer;transition:border-color .16s var(--ease-brand),background .16s var(--ease-brand),transform .14s var(--ease-brand);background:0 0;border-radius:999px;padding:10px 22px;font-weight:500}.btn-ghost:hover,.follow:hover{border-color:var(--color-ink-3);background:var(--color-sleeve)}.btn-ghost:active,.follow:active{transform:scale(.97)}.follow.on{background:var(--color-ink);color:var(--color-wax);border-color:var(--color-ink)}.tabs{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.tabs button{border:1px solid var(--color-groove);color:var(--color-ink-2);font-size:var(--text-small);cursor:pointer;transition:color .16s var(--ease-brand),border-color .16s var(--ease-brand);background:0 0;border-radius:999px;padding:8px 16px;font-weight:500}.tabs button:hover{color:var(--color-ink);border-color:var(--color-groove-strong)}.tabs button.on{background:var(--color-ink);color:var(--color-wax);border-color:var(--color-ink);font-weight:600}.tabs button span{opacity:.5;margin-left:7px}.panel-inline{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.panel-inline input{background:var(--color-wax);border:1px solid var(--color-groove);min-width:220px;color:var(--color-ink);font-size:var(--text-small);border-radius:999px;outline:none;flex:1;padding:10px 16px}.panel-inline input:focus{border-color:var(--color-groove-strong)}.row-list{margin-top:8px}.empty{text-align:center;color:var(--color-ink-2);max-width:440px;margin:112px auto}.empty .mark{font-family:var(--font-display),sans-serif;font-size:var(--text-h1);letter-spacing:-.045em;color:var(--color-ink);margin-bottom:10px;font-weight:800}.badge{font-family:var(--font-mono),monospace;font-size:var(--text-meta);border:1px solid var(--color-groove-strong);color:var(--color-ink-3);vertical-align:middle;border-radius:5px;padding:1px 5px}.auth{justify-items:center;padding:clamp(28px,7vh,72px) 20px 56px;display:grid}.auth-card{background:var(--color-sleeve);border:1px solid var(--color-groove);border-radius:var(--radius-hero);width:100%;max-width:404px;padding:30px 28px 26px}.auth-title{font-family:var(--font-display),ui-sans-serif,sans-serif;font-size:var(--text-h2);letter-spacing:-.01em;font-weight:700}.auth-sub{color:var(--color-ink-2);font-size:var(--text-small);margin-top:6px}.auth-sub strong{color:var(--color-ink);font-weight:500}.auth-form{gap:14px;margin-top:22px;display:grid}.auth-field{gap:6px;display:grid}.auth-field label{font-size:var(--text-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);font-weight:600}.auth-field input{background:var(--color-wax);border:1px solid var(--color-groove);width:100%;font-size:var(--text-body);color:var(--color-ink);transition:border-color .16s var(--ease-brand);border-radius:9px;padding:10px 12px}.auth-field input::placeholder{color:var(--color-ink-3)}.auth-field input:focus{border-color:var(--color-ink-3);outline:none}.auth-field input[aria-invalid=true]{border-color:#ff5c7299}@supports (color:color-mix(in lab,red,red)){.auth-field input[aria-invalid=true]{border-color:color-mix(in srgb,var(--color-heat) 60%,transparent)}}.auth-field-note{font-size:var(--text-meta);color:var(--color-ink-3)}.auth-row-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:430px){.auth-row-2{grid-template-columns:1fr}}.auth-pass-wrap{position:relative}.auth-pass-wrap input{padding-right:42px}.auth-pass-toggle{color:var(--color-ink-3);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pass-toggle:hover{color:var(--color-ink)}.auth-submit{justify-content:center;width:100%;margin-top:4px}.auth-actions{gap:10px;margin-top:22px;display:grid}.auth-ghost{justify-content:center;width:100%}.auth-error{border:1px solid #ff5c7273;margin-top:16px}@supports (color:color-mix(in lab,red,red)){.auth-error{border:1px solid color-mix(in srgb,var(--color-heat) 45%,transparent)}}.auth-error{background:#ff5c7217}@supports (color:color-mix(in lab,red,red)){.auth-error{background:color-mix(in srgb,var(--color-heat) 9%,transparent)}}.auth-error{font-size:var(--text-small);border-radius:9px;padding:10px 12px}.auth-notice{border:1px solid #6ee7a866;margin-top:16px}@supports (color:color-mix(in lab,red,red)){.auth-notice{border:1px solid color-mix(in srgb,var(--color-signal) 40%,transparent)}}.auth-notice{background:#6ee7a814}@supports (color:color-mix(in lab,red,red)){.auth-notice{background:color-mix(in srgb,var(--color-signal) 8%,transparent)}}.auth-notice{font-size:var(--text-small);border-radius:9px;padding:10px 12px}.auth-label-row{justify-content:space-between;align-items:baseline;display:flex}.auth-label-row .auth-linklike{font-size:var(--text-meta)}.auth-linklike{cursor:pointer;color:var(--color-ink-2);font-size:var(--text-small);background:0 0;border:none;padding:0;font-family:inherit}.auth-linklike-strong,.auth-linklike:hover{color:var(--color-ink)}.auth-linklike-strong{font-weight:500}.auth-alt{border-top:1px solid var(--color-groove);color:var(--color-ink-2);gap:10px;margin-top:20px;padding-top:18px;display:grid}.auth-alt,.auth-sso{font-size:var(--text-small)}.auth-sso{color:var(--color-ink-3);transition:color .16s var(--ease-brand)}.auth-sso:hover{color:var(--color-ink)}.sidebar-hint a{color:var(--color-ink-2);text-underline-offset:2px;text-decoration:underline}.sidebar-hint a:hover{color:var(--color-ink)}}@layer utilities{.hidden{display:none}.lowercase{text-transform:lowercase}}:root{--accent:244,241,234;--header-h:58px}@media (hover:none){.row-actions{opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr))}}@media (max-width:640px){.shell{padding:0 16px 120px}.site-header .inner{flex-wrap:wrap;gap:12px;padding:10px 16px}.nav{order:3;gap:22px;width:100%}.search-form{flex:140px}.hero{flex-direction:column;align-items:flex-start;gap:24px;padding-top:36px}.hero .cover{width:min(60vw,240px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:22px 14px}}@media (max-width:900px){.app{grid-template-columns:1fr;gap:0;height:auto;min-height:100dvh;padding:0 0 76px}body:has(.pl-dock) .app{padding-bottom:148px}.sidebar{display:none}.workspace{border-radius:0;min-height:100dvh;overflow:visible}.workspace-scroll{padding-top:0;overflow:visible}.topbar{z-index:30;background:#131110e0;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.topbar{background:color-mix(in srgb,var(--color-sleeve) 88%,transparent)}}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:10px 16px}.topbar-search{flex:1}.username-name{display:none}.mobile-tabs{z-index:70;background:#131110eb;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.mobile-tabs{background:color-mix(in srgb,var(--color-sleeve) 92%,transparent)}}.mobile-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-groove);padding:6px 0 max(6px,env(safe-area-inset-bottom))}.mobile-tabs a{font-size:var(--text-meta);color:var(--color-ink-3);flex-direction:column;align-items:center;gap:3px;padding:6px 0;display:flex}.mobile-tabs a.on{color:var(--color-ink)}}@keyframes spin{to{transform:rotate(1turn)}}.pl-dock{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:60;width:min(1100px,calc(100vw - 32px));transition:bottom .35s cubic-bezier(.2,.8,.2,1)}.pl-glass{position:relative;display:flex;align-items:center;gap:16px;padding:10px 16px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(var(--accent),.16),rgba(20,20,22,.72));backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 60px rgba(var(--accent),.18),inset 0 1px 0 rgba(255,255,255,.14);transition:padding .35s cubic-bezier(.2,.8,.2,1)}.pl-glass:before{content:"";position:absolute;inset:0 0 auto 0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none}.pl-dock.expanded .pl-glass{flex-wrap:wrap;padding:18px 20px 14px}.pl-art{width:48px;height:48px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06);border:none;padding:0;cursor:pointer;flex:none;box-shadow:0 0 24px rgba(var(--accent),.45);transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1)}.pl-dock.expanded .pl-art{width:96px;height:96px}.pl-art img{width:100%;height:100%;object-fit:cover}.pl-body{flex:1;min-width:0}.pl-meta{display:flex;flex-direction:column;line-height:1.25}.pl-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-artist{font-size:12.5px;color:var(--text-dim)}.pl-artist:hover,.pl-title:hover{text-decoration:underline}.pl-progress-thin{height:3px;margin-top:8px;border-radius:3px;background:rgba(255,255,255,.12)}.pl-seek{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px}.pl-time{font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.pl-seek input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(to right,rgb(var(--accent)) var(--pct,0),rgba(255,255,255,.14) var(--pct,0));outline:none}.pl-seek input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(var(--accent),.9);cursor:pointer}.pl-controls{display:flex;align-items:center;gap:8px;flex:none}.pl-icon{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:6px;border-radius:8px;line-height:1}.pl-icon:hover{color:var(--text);background:rgba(255,255,255,.07)}.pl-icon[data-on=true]{color:rgb(var(--accent));filter:brightness(1.6)}.pl-play{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#fff;color:#111;font-size:13px;display:grid;place-items:center;box-shadow:0 0 26px rgba(var(--accent),.55)}.pl-play.lg{width:56px;height:56px;font-size:17px}.pl-right{display:flex;align-items:center;gap:4px;flex:none}.pl-vol{width:78px;-webkit-appearance:none;appearance:none;height:3px;border-radius:3px;background:rgba(255,255,255,.16)}.pl-vol::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer}.pl-error{margin-top:6px;text-align:center;font-size:12px;color:#f87171}.pl-full{position:fixed;inset:0;z-index:90;background:#08080a;overflow:auto}.pl-full-bg{position:absolute;inset:-20%;background:radial-gradient(40% 40% at 30% 30%,rgba(var(--accent),.5),transparent 70%),radial-gradient(40% 40% at 70% 60%,rgba(var(--accent),.32),transparent 70%);filter:blur(80px);animation:pl-drift 22s ease-in-out infinite alternate}@keyframes pl-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.12)}}.pl-close{position:absolute;top:18px;right:22px;z-index:2;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer}.pl-full-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:72px 24px 60px;display:grid;grid-template-columns:minmax(260px,440px) 1fr;gap:48px;align-items:start}.pl-full-art{aspect-ratio:1;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.05);box-shadow:0 40px 90px rgba(0,0,0,.6),0 0 90px rgba(var(--accent),.35)}.pl-full-art img{width:100%;height:100%;object-fit:cover}.pl-full-meta h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.pl-full-meta p{color:var(--text-dim);margin:8px 0 22px}.pl-full-meta .pl-controls{margin-top:18px}.pl-queue{margin-top:34px}.pl-queue h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:10px}.pl-queue-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}body:has(.pl-dock) .shell{padding-bottom:140px}@media (max-width:820px){.pl-right{display:none}.pl-full-inner{grid-template-columns:1fr;padding-top:64px}}.pl-queue h3{display:flex;align-items:center;gap:12px}.pl-clear{background:none;border:1px solid rgba(255,255,255,.14);color:var(--text-dim);border-radius:999px;font-size:10.5px;letter-spacing:.06em;padding:2px 10px;cursor:pointer}.pl-clear:hover{color:#fff}.pl-queue-row{display:flex;align-items:center;gap:8px}.pl-queue-play{flex:1;text-align:left;background:none;border:none;cursor:pointer;color:var(--text);font-size:14px;padding:4px 0;line-height:1.3}.pl-queue-play span{display:block;font-size:12px;color:var(--text-dim)}.pl-queue-play:hover{color:rgb(var(--accent));filter:brightness(1.5)}.pl-queue-empty{color:var(--text-faint);font-size:13px}.pl-art{position:relative}.pl-art:after{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(var(--accent),.85);opacity:0;transition:opacity .24s var(--ease-brand,ease);pointer-events:none}.pl-art.spinning:after{opacity:1;animation:groove 3.2s linear infinite}@keyframes groove{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pl-art.spinning:after{animation:none}}body:has(.pl-dock) .shell{padding-bottom:48px}@media (max-width:900px){.pl-dock{bottom:66px;width:calc(100vw - 20px)}}