:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#090b10;--color-surface-1:#10131a;--color-surface-2:#171b24;--color-surface-3:#202633;--color-overlay:#04060ac7;--color-text:#f7f8fb;--color-text-muted:#a4adbd;--color-text-subtle:#747f91;--color-border:#ffffff17;--color-border-strong:#ffffff2e;--color-accent:#8b7cff;--color-accent-hover:#9d91ff;--color-accent-pressed:#7464e8;--color-accent-soft:#8b7cff26;--color-accent-contrast:#fff;--color-info:#57b8ff;--color-success:#48d597;--color-warning:#f2bd5c;--color-danger:#ff6b78;--font-display:"Space Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:clamp(1.75rem, 3vw, 2.5rem);--text-3xl:clamp(2.25rem, 5vw, 4rem);--text-display:clamp(3rem, 7vw, 6rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;--shadow-1:0 8px 24px #0003;--shadow-2:0 18px 54px #00000057;--shadow-3:0 28px 90px #0000007a;--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.38s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--header-height:4.5rem;--content-max:90rem;--page-gutter:clamp(1rem, 3vw, 2rem);--section-gap:clamp(3rem, 7vw, 6rem);--focus-ring:0 0 0 3px #8b7cff61}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}
.ui-page-header{justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:clamp(2rem,5vw,4rem);display:flex}.ui-page-header__copy{min-width:0;max-width:52rem}.ui-page-header__copy .eyebrow{margin-bottom:var(--space-3)}.ui-page-header__copy h1{margin-bottom:var(--space-3);font:700 var(--text-3xl) / 1.02 var(--font-display)}.ui-page-header__copy>p:last-child{max-width:65ch;color:var(--color-text-muted);font-size:var(--text-md);margin-bottom:0}.ui-page-header__action{align-items:center;gap:var(--space-3);flex:none;display:flex}.ui-empty-state{justify-items:center;gap:var(--space-3);max-width:42rem;padding:clamp(3rem, 8vw, 6rem) var(--space-5);text-align:center;margin-inline:auto;display:grid}.ui-empty-state__icon{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);width:3.5rem;height:3.5rem;color:var(--color-accent);font-size:var(--text-xl);box-shadow:var(--shadow-1);place-items:center;display:grid}.ui-empty-state--danger .ui-empty-state__icon{border-color:color-mix(in srgb, var(--color-danger) 34%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--color-surface-2));color:var(--color-danger)}.ui-empty-state .eyebrow{margin:0}.ui-empty-state h1,.ui-empty-state h2{font:700 var(--text-2xl) / 1.1 var(--font-display);margin:0}.ui-empty-state>p:not(.eyebrow){max-width:55ch;color:var(--color-text-muted);margin:0}.ui-empty-state__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ui-button--md{min-height:2.75rem}.ui-button[href]{text-decoration:none}@media (max-width:639px){.ui-page-header{align-items:stretch;gap:var(--space-4);flex-direction:column}.ui-page-header__action{align-self:stretch}.ui-page-header__action>.ui-button{width:100%}.ui-empty-state{padding-inline:0}.ui-empty-state__actions{width:100%}.ui-empty-state__actions>.ui-button{flex:12rem}}
.desktop-navigation a,.mobile-navigation__panel a{position:relative}.desktop-navigation a[aria-current=page]{color:var(--color-text)}.desktop-navigation a[aria-current=page]:after{border-radius:var(--radius-pill);background:var(--color-accent);content:"";height:2px;position:absolute;bottom:-.72rem;left:0;right:0}.mobile-navigation__panel a[aria-current=page]{background:var(--color-accent-soft);color:var(--color-text)}.search-trigger,.header-icon-button,.profile-trigger{transition:color var(--duration-fast) var(--ease-standard), background var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.search-trigger:active,.header-icon-button:active,.profile-trigger:active{transform:scale(.97)}.global-search{animation:animeke-search-backdrop-in var(--duration-normal) var(--ease-standard)}.global-search__dialog{transform-origin:50% 15%;animation:animeke-search-dialog-in var(--duration-normal) var(--ease-standard)}.global-search__input-row{gap:var(--space-2)}.global-search__clear,.global-search__close{border-radius:var(--radius-sm);flex:none;padding:.45rem .55rem}.global-search__clear{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700}.global-search__clear:hover,.global-search__close:hover{background:var(--color-surface-3);color:var(--color-text)}.global-search__result{transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard)}.global-search__result[aria-selected=true]{transform:translate(.2rem)}@keyframes animeke-search-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes animeke-search-dialog-in{0%{opacity:0;transform:translateY(-.5rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:639px){.global-search__input-row{align-items:center}.global-search__clear,.desktop-navigation a[aria-current=page]:after{display:none}}@media (prefers-reduced-motion:reduce){.global-search,.global-search__dialog{animation:none}.global-search__result[aria-selected=true],.search-trigger:active,.header-icon-button:active,.profile-trigger:active{transform:none}}
.home-discovery-intro{gap:var(--space-8);margin-top:var(--section-gap);padding:0 var(--space-1);grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);align-items:end;display:grid}.home-discovery-intro h2,.home-section-heading h2{margin:var(--space-2) 0 0}.home-discovery-intro>p,.home-section-heading p{color:var(--color-text-muted);margin:0;line-height:1.65}.home-section-heading{align-items:end}.home-section-heading>div{max-width:44rem}.featured-theme__identity{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.featured-theme__identity>span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-1) 72%, transparent);color:var(--color-text-subtle);font-size:var(--text-xs);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.28rem .55rem;font-weight:700}@media (max-width:760px){.home-discovery-intro{gap:var(--space-3);grid-template-columns:1fr}.home-section-heading{align-items:start}}.featured-theme--playing{gap:var(--space-3);min-height:0;padding:var(--space-4);background:var(--color-surface-1);display:grid}.featured-theme__player{border-radius:calc(var(--radius-lg) - var(--space-1));min-width:0;overflow:hidden}.featured-theme--playing .theme-playback-surface{margin:0}.featured-theme--playing .theme-playback-surface__layout{max-width:none}.featured-theme__player-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}@media (max-width:639px){.featured-theme--playing{padding:var(--space-2)}.featured-theme__player-actions{align-items:stretch}.featured-theme__player-actions .ui-button{flex:auto}}.featured-theme.featured-theme--playing{grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%;display:grid}.featured-theme.featured-theme--playing .featured-theme__player{grid-column:1/-1;justify-self:stretch;width:100%;max-width:none}.featured-theme.featured-theme--playing .theme-playback-surface,.featured-theme.featured-theme--playing .theme-playback-surface__layout,.featured-theme.featured-theme--playing .theme-playback-surface__video-column,.featured-theme.featured-theme--playing .theme-playback-surface__frame{width:100%;max-width:none}.featured-theme.featured-theme--playing .theme-playback-surface__layout{display:block}.featured-theme.featured-theme--playing .featured-theme__player-actions{grid-column:1/-1;width:100%}.featured-theme:not(.featured-theme--playing) .featured-theme__actions{align-items:center;gap:var(--space-2);flex-wrap:nowrap;grid-template-columns:none;display:flex}.featured-theme:not(.featured-theme--playing) .featured-theme__watch{flex:0 auto;grid-column:auto;width:auto;min-width:0}.featured-theme:not(.featured-theme--playing) .featured-theme__favorite,.featured-theme:not(.featured-theme--playing) .featured-theme__playlist{flex:0 auto;width:auto;min-width:0}@media (max-width:760px){.featured-theme:not(.featured-theme--playing) .featured-theme__actions .ui-button,.featured-theme:not(.featured-theme--playing) .featured-theme__favorite,.featured-theme:not(.featured-theme--playing) .featured-theme__playlist .add-to-playlist__trigger{white-space:nowrap;width:auto;min-width:0;min-height:2.65rem;padding-inline:.75rem}}@media (max-width:430px){.featured-theme:not(.featured-theme--playing) .featured-theme__actions{gap:.35rem}.featured-theme:not(.featured-theme--playing) .featured-theme__actions .ui-button,.featured-theme:not(.featured-theme--playing) .featured-theme__favorite,.featured-theme:not(.featured-theme--playing) .featured-theme__playlist .add-to-playlist__trigger{min-height:2.5rem;font-size:var(--text-xs);padding-inline:.55rem}}.homepage-anime-section .anime-card__media{aspect-ratio:46/61;place-items:stretch center;display:grid}.homepage-anime-section .anime-card__poster-link{justify-content:center;width:100%;height:100%;display:flex}.homepage-anime-section .anime-card__poster{width:var(--artwork-adaptive-width,100%);aspect-ratio:auto;height:100%}.homepage-anime-section .anime-card__poster .artwork__image{object-fit:fill}.homepage-anime-section .anime-card__poster,.homepage-anime-section .anime-card__poster .artwork__image{transform-origin:50%}.theme-rail .theme-card__thumbnail-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.theme-rail .theme-card__thumbnail-link:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent);outline:none}.theme-rail .theme-card__badge{z-index:2;pointer-events:none}.theme-rail .theme-card__play{z-index:3}.homepage-membership-section{gap:var(--space-5);margin-top:clamp(var(--space-8), 8vw, 6rem);padding-top:clamp(var(--space-7), 6vw, 4.5rem);border-top:1px solid var(--color-border);display:grid}.homepage-membership-section__heading{margin-bottom:0}.homepage-membership-section__heading p{max-width:44rem}.homepage-membership-section__grid{align-items:start}.homepage-membership-section__note{color:var(--color-text-subtle);font-size:var(--text-sm);text-align:center;margin:0}
.browse-page{gap:var(--space-5)}.browse-page__header{padding-bottom:var(--space-2)}.browse-page__header>span{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-1);font-size:var(--text-sm);padding:.45rem .75rem;font-weight:700}.browse-filters{gap:var(--space-5);padding:clamp(var(--space-4), 2.5vw, var(--space-6));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 48%, transparent), transparent 38%), var(--color-surface-1)}.browse-filters__heading,.browse-filters__active,.browse-results-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.browse-filters__heading h2,.browse-results-heading h2{margin:var(--space-1) 0 0;font-size:var(--text-xl)}.browse-filters__heading>p,.browse-results-heading>span{color:var(--color-text-subtle);font-size:var(--text-sm);margin:0}.browse-filter-groups{gap:var(--space-3);grid-template-columns:1.15fr .85fr 1fr;display:grid}.browse-filter-group{align-content:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;padding:var(--space-4);background:color-mix(in srgb, var(--color-surface-2) 78%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.browse-filter-group:first-child{grid-template-columns:1fr}.browse-filter-group legend{padding:0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:800}.browse-type-filter{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);background:var(--color-surface-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.browse-type-filter button{border-radius:calc(var(--radius-md) - var(--space-1));min-height:2.35rem;color:var(--color-text-muted);cursor:pointer;font:700 var(--text-sm) / 1 var(--font-body);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0}.browse-type-filter button:hover{color:var(--color-text)}.browse-type-filter button[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-text)}.browse-type-filter button:focus-visible,.browse-filter-chips button:focus-visible{box-shadow:var(--focus-ring);outline:none}.browse-filter select{background-color:var(--color-surface-1);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard)}.browse-filter select:hover:not(:disabled){border-color:var(--color-border-strong);background-color:var(--color-surface-2)}.browse-filters__active{padding-top:var(--space-1);align-items:center}.browse-filters__active>span{color:var(--color-text-subtle);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.browse-filter-chips{gap:var(--space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.browse-filter-chips button{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--color-accent) 34%, var(--color-border));border-radius:var(--radius-pill);background:var(--color-accent-soft);min-height:2.25rem;color:var(--color-text);cursor:pointer;font:700 var(--text-xs) / 1 var(--font-body);padding:0 .75rem;display:inline-flex}.browse-filter-chips button span{color:var(--color-text-muted);font-size:1rem}.browse-filters[aria-busy=true]{opacity:.82}.browse-results-heading{margin-top:var(--space-3);padding-inline:var(--space-1)}.browse-theme-row{gap:var(--space-4);transition:border-color var(--duration-normal) var(--ease-standard), background var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);grid-template-columns:7.5rem auto minmax(0,1fr) auto;overflow:hidden}.browse-theme-row:hover,.browse-theme-row:focus-within{border-color:var(--color-border-strong);background:color-mix(in srgb, var(--color-surface-2) 76%, var(--color-surface-1))}.browse-theme-row__artwork-link{aspect-ratio:16/9;border-radius:var(--radius-md);width:7.5rem;text-decoration:none;display:block;overflow:hidden}.browse-theme-row__artwork{width:100%;height:100%}.browse-theme-row__artwork .artwork__image{object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}.browse-theme-row:hover .browse-theme-row__artwork .artwork__image,.browse-theme-row:focus-within .browse-theme-row__artwork .artwork__image{transform:scale(1.035)}.browse-theme-row__context{align-items:center}.browse-theme-row__context a:first-child{color:var(--color-text-muted)}.browse-theme-row__actions{align-items:center;gap:var(--space-2);grid-template-columns:auto auto auto;display:grid}@media (max-width:1040px){.browse-filter-groups{grid-template-columns:1fr 1fr}.browse-filter-group:first-child{grid-column:1/-1;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);align-items:end}.browse-theme-row{grid-template-columns:6.5rem auto minmax(0,1fr)}.browse-theme-row__artwork-link{width:6.5rem}.browse-theme-row__actions{grid-column:3;justify-self:start}}@media (max-width:700px){.browse-filters__heading,.browse-results-heading{align-items:start;gap:var(--space-2);flex-direction:column}.browse-filter-groups{grid-template-columns:1fr}.browse-filter-group,.browse-filter-group:first-child{grid-column:auto;grid-template-columns:1fr 1fr}.browse-filter-group:first-child .browse-type-filter{grid-column:1/-1}.browse-filters__active{flex-wrap:wrap;align-items:flex-start}.browse-filter-chips{flex-basis:100%;order:3}.browse-theme-row{grid-template-columns:6rem minmax(0,1fr);align-items:start}.browse-theme-row__artwork-link{width:6rem}.browse-theme-row>.badge{margin:var(--space-2);position:absolute}.browse-theme-row__body{grid-column:2}.browse-theme-row__actions{grid-column:1/-1;justify-self:stretch;width:100%}}@media (max-width:480px){.browse-filter-group,.browse-filter-group:first-child{grid-template-columns:1fr}.browse-filter-group:first-child .browse-type-filter{grid-column:auto}.browse-theme-row{gap:var(--space-3);padding:var(--space-3);grid-template-columns:5.25rem minmax(0,1fr)}.browse-theme-row__artwork-link{width:5.25rem}.browse-theme-row__actions{grid-template-columns:auto auto minmax(0,1fr)}.browse-filters__reset{width:auto;min-height:2.25rem}}@media (prefers-reduced-motion:reduce){.browse-theme-row,.browse-theme-row__artwork .artwork__image{transition:none}.browse-theme-row:hover .browse-theme-row__artwork .artwork__image,.browse-theme-row:focus-within .browse-theme-row__artwork .artwork__image{transform:none}}@media (min-width:1041px){.browse-theme-row{min-height:0;padding-block:var(--space-3);grid-template-columns:7.5rem 8rem minmax(0,1fr) auto}.browse-theme-row>.badge{text-align:center;justify-self:stretch;width:8rem}.browse-theme-row__body{align-self:center}.browse-theme-row__actions{white-space:nowrap;justify-self:end}}@media (min-width:701px) and (max-width:1040px){.browse-theme-row{padding-block:var(--space-3);grid-template-columns:6.5rem 7.25rem minmax(0,1fr) auto}.browse-theme-row>.badge{text-align:center;justify-self:stretch;width:7.25rem}.browse-theme-row__actions{grid-column:4;justify-self:end}}.browse-theme-row>.badge{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;align-items:center;min-height:1.8rem;padding-inline:.65rem;display:inline-flex}.browse-theme-row__body h3{line-height:1.2}.browse-theme-row__body>p,.browse-theme-row__context{line-height:1.35}@media (max-width:700px){.browse-theme-row>.badge{justify-self:start;width:auto}}.browse-theme-row{grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:center}.browse-theme-row__details{align-items:center;gap:var(--space-4);grid-template-columns:8rem minmax(0,1fr);min-width:0;display:grid}.browse-theme-row__details>.badge{border-radius:var(--radius-pill);white-space:nowrap;justify-content:center;justify-self:start;align-items:center;width:8rem;min-height:1.8rem;padding-inline:.65rem;display:inline-flex}.browse-theme-row__body{min-width:0}.browse-theme-row__actions{white-space:nowrap;grid-column:3;place-self:center end}@media (max-width:1040px){.browse-theme-row{grid-template-columns:6.5rem minmax(0,1fr) auto}.browse-theme-row__artwork-link{width:6.5rem}.browse-theme-row__details{gap:var(--space-3);grid-template-columns:7.25rem minmax(0,1fr)}.browse-theme-row__details>.badge{width:7.25rem}.browse-theme-row__actions{grid-column:3}}@media (max-width:760px){.browse-theme-row{grid-template-columns:6rem minmax(0,1fr);align-items:start}.browse-theme-row__artwork-link{width:6rem}.browse-theme-row__details{grid-column:2;grid-template-columns:6.5rem minmax(0,1fr);align-items:start}.browse-theme-row__details>.badge{width:6.5rem;margin:0;position:static}.browse-theme-row__actions{grid-column:1/-1;justify-self:stretch;width:100%}}@media (max-width:560px){.browse-theme-row{gap:var(--space-3);grid-template-columns:5.25rem minmax(0,1fr)}.browse-theme-row__artwork-link{width:5.25rem}.browse-theme-row__details{gap:var(--space-2);grid-template-columns:1fr}.browse-theme-row__details>.badge{width:auto;min-width:5.75rem}}.browse-theme-row__artwork-link{aspect-ratio:auto;gap:var(--space-2);width:7.5rem;display:grid}.browse-theme-row__artwork{aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden}.browse-theme-row__artwork-badge{justify-self:center;width:fit-content;display:inline-flex}.browse-theme-row__artwork-badge>.badge{white-space:nowrap;justify-content:center;align-items:center;min-height:1.8rem;padding-inline:.65rem}.browse-theme-row__details{display:block}@media (max-width:1040px){.browse-theme-row__artwork-link{width:6.5rem}}@media (max-width:760px){.browse-theme-row__artwork-link{width:6rem}.browse-theme-row__details{grid-column:2}}@media (max-width:560px){.browse-theme-row__artwork-link{width:5.25rem}.browse-theme-row__artwork-badge{min-width:0;max-width:100%}.browse-theme-row__artwork-badge>.badge{min-width:0;max-width:100%;padding-inline:.5rem}}.browse-theme-row__context{align-items:baseline;gap:.25rem var(--space-3);flex-wrap:wrap;display:flex}.browse-theme-row__context a{flex-basis:100%}@media (max-width:760px){.browse-theme-row__context{align-items:baseline;gap:.25rem var(--space-3);flex-wrap:wrap;display:flex}.browse-theme-row__context a{flex-basis:100%}.browse-theme-row__context span,.browse-theme-row__context span:last-child{text-align:left;text-overflow:clip;white-space:normal;grid-column:auto;justify-self:auto;min-width:0;overflow:visible}}@media (max-width:560px){.browse-theme-row__context{gap:.2rem var(--space-2)}}
.seasons-page{gap:var(--section-gap);display:grid}.seasons-hero{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:end;display:grid}.seasons-hero h1{max-width:12ch;margin-bottom:0}.seasons-hero>p{max-width:42rem;margin:0}.season-wheel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--color-surface-2),var(--color-surface-1));box-shadow:var(--shadow-1);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.season-wheel__track{gap:var(--space-3);min-width:0;padding:var(--space-3) 42%;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.season-wheel__track::-webkit-scrollbar{display:none}.season-wheel__item{scroll-snap-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-1) 86%,transparent);color:var(--color-text-muted);text-align:center;flex:0 0 clamp(9rem,16vw,12rem);gap:.15rem;transition:transform .16s,border-color .16s,background .16s,color .16s;display:grid}.season-wheel__item span{font-size:var(--text-sm);font-weight:700}.season-wheel__item strong{color:var(--color-text);font:800 clamp(1.35rem,3vw,2rem)/1 var(--font-display)}.season-wheel__item small{color:var(--color-text-subtle)}.season-wheel__item:hover,.season-wheel__item:focus-visible{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));color:var(--color-text);transform:translateY(-2px)}.season-wheel__item--active{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border));background:var(--color-accent-soft);color:var(--color-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent),var(--shadow-1);transform:scale(1.04)}.season-wheel__arrow{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-surface-1);width:2.8rem;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.season-wheel__arrow:hover,.season-wheel__arrow:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft)}.season-selection-summary{justify-content:space-between;align-items:end;gap:var(--space-5);padding:0 var(--space-1);display:flex}.season-selection-summary h2{margin:0 0 var(--space-1);font-size:clamp(2rem,5vw,3.25rem)}.season-selection-summary p{margin:0}@media (max-width:760px){.seasons-hero{gap:var(--space-3);grid-template-columns:1fr}.season-wheel{padding:var(--space-3);grid-template-columns:minmax(0,1fr)}.season-wheel__arrow{display:none}.season-wheel__track{padding-inline:35%}.season-selection-summary{flex-direction:column;align-items:start}}@media (max-width:520px){.season-wheel__track{padding-inline:28%}.season-wheel__item{padding:var(--space-3);flex-basis:8.5rem}}@media (prefers-reduced-motion:reduce){.season-wheel__item{transition:none}}.season-wheel__item{isolation:isolate;position:relative;overflow:hidden}.season-wheel__item>:not(.season-wheel__emoji){z-index:1;position:relative}.season-wheel__emoji{z-index:0;pointer-events:none;opacity:.22;filter:saturate(1.05);-webkit-user-select:none;user-select:none;font-size:clamp(5.25rem,10vw,7.5rem);line-height:1;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)scale(1)}.season-wheel__name{font-size:var(--text-sm);font-weight:700}@media (prefers-reduced-motion:reduce){.season-wheel__emoji{transition:none}}.season-wheel__item{--season-accent:var(--color-accent);--season-tint:var(--color-accent-soft);border-color:color-mix(in srgb, var(--season-accent) 28%, var(--color-border));background:linear-gradient(145deg, color-mix(in srgb, var(--season-tint) 42%, var(--color-surface-1)), var(--color-surface-1) 72%)}.season-wheel__item--winter{--season-accent:#79c9ff;--season-tint:#173a54}.season-wheel__item--spring{--season-accent:#ff8fbd;--season-tint:#54253b}.season-wheel__item--summer{--season-accent:#ffc84d;--season-tint:#554018}.season-wheel__item--fall{--season-accent:#e98a43;--season-tint:#542e18}.season-wheel__emoji{opacity:.8;filter:saturate(1.08);font-size:clamp(7rem,14vw,10.5rem);transform:translate(-50%,-50%)rotate(-4deg)scale(1)}.season-wheel__item:hover,.season-wheel__item:focus-visible{border-color:color-mix(in srgb, var(--season-accent) 72%, var(--color-border));background:linear-gradient(145deg, color-mix(in srgb, var(--season-tint) 58%, var(--color-surface-1)), var(--color-surface-1) 76%)}.season-wheel__item--active{border-color:color-mix(in srgb, var(--season-accent) 82%, var(--color-border));background:linear-gradient(145deg, color-mix(in srgb, var(--season-tint) 72%, var(--color-surface-1)), var(--color-surface-1) 78%);box-shadow:0 0 0 1px color-mix(in srgb, var(--season-accent) 28%, transparent), var(--shadow-1)}.season-wheel__item>:not(.season-wheel__emoji){text-shadow:0 1px 4px #000000b8}.season-wheel__emoji{font-size:clamp(10rem,20vw,15rem);transform:translate(-50%,-50%)rotate(-4deg)scale(1)}.season-wheel__item:hover .season-wheel__emoji,.season-wheel__item:focus-visible .season-wheel__emoji{transform:translate(-50%,-50%)rotate(-2deg)scale(1.035)}.season-wheel__item--active .season-wheel__emoji{transform:translate(-50%,-50%)rotate(0)scale(1.07)}@media (max-width:520px){.season-wheel__emoji{font-size:10.5rem}}.season-wheel__emoji{place-items:center;width:112%;height:112%;font-size:8.75rem;line-height:1;display:grid}@media (min-width:900px){.season-wheel__emoji{font-size:9.5rem}}@media (max-width:520px){.season-wheel__emoji{width:118%;height:118%;font-size:8rem}}.season-wheel__item .season-wheel__emoji{place-items:center;width:112%;height:112%;font-size:9.5rem;line-height:1;display:grid}@media (max-width:520px){.season-wheel__item .season-wheel__emoji{width:118%;height:118%;font-size:8.5rem}}.season-wheel__item .season-wheel__emoji{opacity:.65;width:auto;height:auto;font-size:8.55rem;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.season-wheel__item:hover .season-wheel__emoji,.season-wheel__item:focus-visible .season-wheel__emoji{opacity:.72;transform:translate(-50%,-50%)rotate(-2deg)scale(1.035)}.season-wheel__item--active .season-wheel__emoji{opacity:.76;transform:translate(-50%,-50%)rotate(0)scale(1.07)}@media (max-width:520px){.season-wheel__item .season-wheel__emoji{width:auto;height:auto;font-size:7.65rem}}.season-wheel__item small{border-radius:var(--radius-pill);color:#ffffffe0;font-size:var(--text-xs);text-shadow:none;-webkit-backdrop-filter:blur(6px);background:#080a10ad;border:1px solid #ffffff24;justify-self:center;padding:.22rem .5rem;font-weight:700;line-height:1.2}
.anime-detail-hero{isolation:isolate;align-items:end;gap:clamp(var(--space-5), 4vw, var(--space-8));min-height:clamp(28rem,46vw,36rem);margin-top:calc(var(--space-3) * -1);margin-bottom:clamp(var(--space-7), 7vw, var(--space-9));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 5vw, var(--space-8));background:var(--color-surface-1);grid-template-columns:clamp(11rem,19vw,14rem) minmax(0,1fr);position:relative;overflow:hidden}.anime-detail-hero__backdrop.artwork{z-index:-3;border-radius:inherit;background:var(--color-surface-2);width:100%;height:100%;position:absolute;inset:0}.anime-detail-hero__backdrop .artwork__image{object-fit:cover}.anime-detail-hero__backdrop .artwork__fallback{font:800 clamp(12rem, 34vw, 28rem) / 1 var(--font-display);opacity:.18}.anime-detail-hero__scrim{z-index:-2;background:linear-gradient(90deg,#07090ff0 0%,#07090fd1 34%,#07090f7a 68%,#07090f94 100%),linear-gradient(#07090f38 0%,#0000 48%,#07090ff5 100%);position:absolute;inset:0}.anime-detail-hero__poster{aspect-ratio:46/61;border-radius:var(--radius-lg);width:100%;min-height:0;box-shadow:var(--shadow-3);border:1px solid #ffffff1f}.anime-detail-hero__content{max-width:47rem;padding-bottom:var(--space-2)}.anime-detail-hero__content .eyebrow{margin-bottom:var(--space-3)}.anime-detail-hero__content h1{max-width:14ch;margin:0 0 var(--space-3);letter-spacing:-.045em;font-size:clamp(2.4rem,5vw,4.75rem);line-height:.98}.anime-detail-hero__content>p:not(.eyebrow):not(.detail-series-link):not(.detail-studios){max-width:62ch;margin:var(--space-4) 0 var(--space-5);color:color-mix(in srgb, var(--color-text) 82%, var(--color-text-muted));font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.7}.anime-detail-hero .detail-series-link{margin-bottom:var(--space-3)}.anime-detail-hero .detail-studios{margin:0 0 var(--space-3)}.anime-detail-hero .detail-anime-favorite{min-height:2.75rem}@media (max-width:760px){.anime-detail-hero{align-items:end;gap:var(--space-4);min-height:30rem;padding:var(--space-5);grid-template-columns:8.5rem minmax(0,1fr)}.anime-detail-hero__scrim{background:linear-gradient(#07090f57 0%,#07090fd1 42%,#07090ffa 100%),linear-gradient(90deg,#07090f80,#0000)}.anime-detail-hero__content h1{max-width:none;font-size:clamp(2rem,8vw,3.25rem)}}@media (max-width:560px){.anime-detail-hero{align-content:end;gap:var(--space-3);min-height:31rem;margin-inline:calc(var(--page-gutter) * -.35);padding:var(--space-4);grid-template-columns:6.75rem minmax(0,1fr)}.anime-detail-hero__poster{align-self:start}.anime-detail-hero__content h1{font-size:clamp(1.85rem,9vw,2.7rem)}.anime-detail-hero__content>p:not(.eyebrow):not(.detail-series-link):not(.detail-studios){font-size:var(--text-sm);grid-column:1/-1}}@media (max-width:420px){.anime-detail-hero{grid-template-columns:1fr;min-height:34rem}.anime-detail-hero__poster{width:6.5rem}}@media (prefers-reduced-motion:reduce){.anime-detail-hero__backdrop .artwork__image{transition:none}}
.series-detail{gap:clamp(var(--space-7), 6vw, var(--space-9))}.series-detail__header{max-width:58rem;padding-top:clamp(var(--space-6), 6vw, var(--space-9));position:relative}.series-detail__header h1{letter-spacing:-.045em;max-width:15ch;font-size:clamp(2.8rem,6vw,5.75rem);line-height:.96}.series-detail__header>p:not(.eyebrow){color:var(--color-text-muted);line-height:1.7}.series-navigator{gap:var(--space-4);display:grid}.series-navigator__heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.series-navigator__heading h2{margin:var(--space-1) 0 0}.series-navigator__heading>span,.series-navigator__overflow{color:var(--color-text-subtle);font-size:var(--text-sm)}.series-navigator__composite{--series-panel-gap:.35rem;gap:var(--series-panel-gap);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:clamp(24rem,46vw,36rem);padding:var(--series-panel-gap);background:var(--color-surface-1);box-shadow:var(--shadow-2);display:flex;overflow:hidden}.series-navigator__panel{isolation:isolate;border-radius:calc(var(--radius-xl) - .35rem);background:var(--color-surface-2);min-width:0;transition:flex-grow .42s var(--ease-standard), filter .26s var(--ease-standard);outline:none;flex:1 1 0;position:relative;overflow:hidden}.series-navigator__composite[data-active=true] .series-navigator__panel{filter:brightness(.68)saturate(.78);flex-grow:.62}.series-navigator__composite[data-active=true] .series-navigator__panel[data-active=true]{filter:none;flex-grow:3.2}.series-navigator__panel:focus-visible{box-shadow:inset 0 0 0 3px var(--color-accent)}.series-navigator__poster{width:100%;height:100%;position:absolute;inset:0}.series-navigator__poster .artwork__image{object-fit:cover;transition:transform .52s var(--ease-standard)}.series-navigator__panel[data-active=true] .series-navigator__poster .artwork__image{transform:scale(1.025)}.series-navigator__panel-scrim{z-index:1;background:linear-gradient(#0000 34%,#05070c4d 62%,#05070cf0 100%),linear-gradient(90deg,#05070c47,#0000 55%);position:absolute;inset:0}.series-navigator__panel-copy{inset:auto var(--space-4) var(--space-4);z-index:2;text-shadow:0 2px 12px #000000b8;gap:.2rem;min-width:0;display:grid;position:absolute}.series-navigator__panel-copy span{color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:850}.series-navigator__panel-copy strong{font:750 clamp(1rem, 2vw, 1.55rem) / 1.12 var(--font-display);text-overflow:ellipsis;overflow:hidden}.series-navigator__panel-copy small{color:#ffffffb8}.series-navigator__overflow{margin:0}.series-detail__installments{gap:clamp(var(--space-7), 6vw, var(--space-9))}.series-installment{border-top-color:var(--color-border-strong)}@media (max-width:900px){.series-navigator__composite{height:clamp(22rem,56vw,30rem)}.series-navigator__composite[data-active=true] .series-navigator__panel[data-active=true]{flex-grow:2.5}}@media (max-width:700px){.series-navigator__heading{align-items:start;gap:var(--space-2);flex-direction:column}.series-navigator__composite{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(13rem,72vw);grid-auto-flow:column;height:24rem;display:grid;overflow:auto hidden}.series-navigator__panel,.series-navigator__composite[data-active=true] .series-navigator__panel,.series-navigator__composite[data-active=true] .series-navigator__panel[data-active=true]{filter:none;scroll-snap-align:start;flex:none}.series-navigator__panel-copy strong{white-space:normal}}@media (max-width:480px){.series-detail__header h1{font-size:clamp(2.45rem,13vw,4rem)}.series-navigator__composite{grid-auto-columns:minmax(12rem,80vw);height:22rem}}@media (prefers-reduced-motion:reduce){.series-navigator__panel,.series-navigator__poster .artwork__image{transition:none}}.series-rating{gap:var(--space-3);padding:var(--space-4) clamp(var(--space-4), 3vw, var(--space-5));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);box-shadow:var(--shadow-2);display:grid}.series-rating__summary,.series-rating__signin{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.series-rating__scoreline{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:.15rem 0;display:flex}.series-rating__summary h2{margin:0;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1}.series-rating__summary h2 span,.series-rating__summary p,.series-rating__signin p{color:var(--color-text-muted)}.series-rating__summary p,.series-rating__signin p{margin:0}.series-rating__tag{border:1px solid color-mix(in srgb, currentColor 45%, transparent);background:color-mix(in srgb, currentColor 13%, transparent);min-height:1.65rem;font:800 var(--text-xs) / 1 var(--font-display);letter-spacing:.035em;border-radius:999px;align-items:center;padding:.22rem .58rem;display:inline-flex}.series-rating__tag--trash{color:#ef4444}.series-rating__tag--bad{color:#f97316}.series-rating__tag--mid{color:#eab308}.series-rating__tag--good{color:#84cc16}.series-rating__tag--great{color:#22c55e}.series-rating__tag--peak{color:#3b82f6}.series-rating__yours{align-items:baseline;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface-2);white-space:nowrap;border-radius:999px;padding:.48rem .7rem;display:flex}.series-rating__yours span{color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.series-rating__yours strong{font-size:var(--text-sm)}.series-rating__interaction{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.series-rating__interaction-copy{gap:.12rem;min-width:max-content;display:grid}.series-rating__interaction-copy span{color:var(--color-text-subtle);font-size:var(--text-xs)}.series-rating__scores{grid-template-columns:repeat(10,minmax(2rem,1fr));gap:.32rem;display:grid}.series-rating__score{border:1px solid color-mix(in srgb, var(--rating-color) 60%, var(--color-border-strong));border-radius:var(--radius-md);background:color-mix(in srgb, var(--rating-color) 10%, var(--color-surface-2));min-height:2.25rem;color:var(--color-text);font:800 var(--text-xs) / 1 var(--font-display);cursor:pointer;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.series-rating__score--1{--rating-color:#ef4444}.series-rating__score--2{--rating-color:#f0523f}.series-rating__score--3{--rating-color:#f97316}.series-rating__score--4{--rating-color:#f59e0b}.series-rating__score--5{--rating-color:#eab308}.series-rating__score--6{--rating-color:#a3c61a}.series-rating__score--7{--rating-color:#84cc16}.series-rating__score--8{--rating-color:#4ade80}.series-rating__score--9{--rating-color:#22c55e}.series-rating__score--10{--rating-color:#3b82f6}.series-rating__score:hover:not(:disabled),.series-rating__score:focus-visible{border-color:var(--rating-color);background:color-mix(in srgb, var(--rating-color) 20%, var(--color-surface-2));box-shadow:0 0 0 2px color-mix(in srgb, var(--rating-color) 24%, transparent);outline:none;transform:translateY(-1px)}.series-rating__score[aria-pressed=true]{border-color:var(--rating-color);background:var(--rating-color);color:#081018;box-shadow:0 0 0 2px color-mix(in srgb, var(--rating-color) 28%, transparent)}.series-rating__score:disabled,.series-rating__remove:disabled{cursor:wait;opacity:.62}.series-rating__remove{color:var(--color-text-subtle);font:inherit;font-size:var(--text-xs);text-underline-offset:.2em;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.series-rating__message{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}@media (max-width:850px){.series-rating__interaction{grid-template-columns:1fr}.series-rating__remove{justify-self:start}}@media (max-width:700px){.series-rating__summary,.series-rating__signin{flex-direction:column;align-items:stretch}.series-rating__yours{align-self:start}.series-rating__scores{grid-template-columns:repeat(10,minmax(0,1fr));gap:.24rem}.series-rating__score{min-width:0;padding-inline:.2rem}.series-rating__signin .ui-button{align-self:start}}@media (max-width:420px){.series-rating{padding:var(--space-3)}.series-rating__scores{grid-template-columns:repeat(10,minmax(0,1fr));gap:.18rem}.series-rating__score{min-height:2.1rem;padding-inline:0;font-size:.7rem}}
.homepage-rated-series{gap:var(--space-4);margin-top:var(--section-gap);display:grid}.rated-series-page{gap:clamp(var(--space-6), 5vw, var(--space-9));display:grid}.rated-series-page__header{max-width:48rem}.rated-series-page__header h1{margin-bottom:var(--space-4)}.rated-series-list{gap:var(--space-3);display:grid}.rated-series-list--home{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.rated-series-card{gap:var(--space-4);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-1) 90%, transparent);box-shadow:var(--shadow-1);transition:border-color .16s var(--ease-standard), transform .16s var(--ease-standard);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.rated-series-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.rated-series-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.rated-series-card__rank{color:var(--color-text-subtle);font:800 var(--text-lg) / 1 var(--font-display)}.rated-series-card__copy{min-width:0}.rated-series-card__copy>strong{font:750 var(--text-lg) / 1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rated-series-card__copy p{color:var(--color-text-subtle);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 0;display:-webkit-box;overflow:hidden}.series-rating-badge{border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 10%, var(--color-surface-2));border:1px solid;grid-template-columns:auto auto;align-items:baseline;gap:.08rem .45rem;min-width:7.5rem;padding:.5rem .7rem;display:grid}.series-rating-badge strong{font-size:var(--text-lg)}.series-rating-badge>span{font-size:var(--text-xs);text-transform:uppercase;font-weight:850}.series-rating-badge small{color:var(--color-text-subtle);grid-column:1/-1;font-size:.7rem}.series-rating-badge--peak{color:#5da9ff}.series-rating-badge--great{color:#55c987}.series-rating-badge--good{color:#8bcf66}.series-rating-badge--mid{color:#e2bf55}.series-rating-badge--bad{color:#e8844d}.series-rating-badge--trash{color:#e05c5c}.rated-series-empty{padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1)}@media (max-width:560px){.rated-series-card{grid-template-columns:auto minmax(0,1fr)}.rated-series-card .series-rating-badge{grid-column:2;justify-self:start}}
@media (max-width:650px){.theme-row__actions{grid-column:1/-1;justify-content:flex-start;width:100%}.theme-row>.badge{justify-self:start;width:max-content}}
.contribution-page{gap:var(--section-gap);display:grid}.contribution-page__header{max-width:52rem}.contribution-page__header h1{margin-bottom:var(--space-4)}.contribution-page__header .ui-button{margin-top:var(--space-3)}.contribution-form{gap:var(--space-5);max-width:58rem;padding:clamp(var(--space-4), 4vw, var(--space-6));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);display:grid}.contribution-form fieldset{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin:0;display:grid}.contribution-form legend{padding-inline:.4rem;font-weight:800}.contribution-form label{gap:var(--space-2);min-width:0;font-weight:700;display:grid}.contribution-form label small,.contribution-form fieldset>p{color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:400}.contribution-form input,.contribution-form select,.contribution-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);width:100%;min-width:0;color:var(--color-text);font:inherit;padding:.75rem .85rem}.contribution-form textarea{resize:vertical}.contribution-form input:focus,.contribution-form select:focus,.contribution-form textarea:focus{box-shadow:var(--focus-ring);outline:none}.contribution-form__grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contribution-alert{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-2)}.contribution-alert p{margin-bottom:var(--space-3)}.contribution-alert--error{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border))}.contribution-alert--success{border-color:color-mix(in srgb, var(--color-success) 55%, var(--color-border))}.contribution-confirm{flex-direction:row;grid-template-columns:none;align-items:center;gap:var(--space-2)!important;display:flex!important}.contribution-confirm input{width:auto}.contribution-stats{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.contribution-stats>div{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);gap:.25rem;display:grid}.contribution-stats span{color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.contribution-stats strong{font:800 var(--text-xl) / 1.1 var(--font-display)}.contribution-history{gap:var(--space-3);display:grid}.contribution-history__item{justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);align-items:center;display:flex}.contribution-history__item h2{font-size:var(--text-lg);margin:.45rem 0 .2rem}.contribution-history__item p{margin:0}.contribution-history__item time{color:var(--color-text-subtle);font-size:var(--text-sm);flex:none}.contribution-status{background:var(--color-surface-3);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:850;display:inline-flex}.contribution-status--applied{color:var(--color-success)}.contribution-status--rejected{color:var(--color-danger)}.contribution-status--approved{color:var(--color-accent)}.contribution-empty{padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}@media (max-width:700px){.contribution-form__grid{grid-template-columns:1fr}.contribution-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.contribution-history__item{flex-direction:column;align-items:flex-start}}.contribution-searchable-select{gap:var(--space-2);display:grid}.contribution-field-help{margin:.25rem 0 var(--space-3);color:var(--color-text-subtle);font-size:var(--text-sm)}.contribution-studio-picker{gap:var(--space-3);margin-top:var(--space-2);display:grid}.contribution-studio-picker__list{gap:var(--space-2);display:grid}.contribution-studio-picker__row{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);grid-template-columns:minmax(0,1fr) minmax(8rem,.35fr);align-items:end;display:grid}.contribution-studio-picker__choice{flex-direction:row;align-items:center;gap:var(--space-3)!important;display:flex!important}.contribution-studio-picker__choice input{width:auto}.contribution-studio-picker__choice span{gap:.15rem;display:grid}@media (max-width:700px){.contribution-studio-picker__row{grid-template-columns:1fr}}.catalog-synopsis-source{color:var(--color-text-subtle);font-size:var(--text-sm);margin-top:-.6rem;font-style:italic}.catalog-contribution-attribution{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-1);width:fit-content;max-width:100%;color:var(--color-text-subtle);font-size:var(--text-xs);flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;padding:.55rem .75rem;display:flex}.catalog-contribution-attribution strong{color:var(--color-text);font-size:var(--text-sm)}.contribution-combobox{gap:var(--space-2);display:grid;position:relative}.contribution-combobox__results{z-index:20;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-1);max-height:20rem;padding:.35rem;position:absolute;top:calc(100% - 1.45rem);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0000003d}.contribution-combobox__results button{border-radius:var(--radius-sm);width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;gap:.15rem;padding:.65rem .7rem;display:grid}.contribution-combobox__results button:hover,.contribution-combobox__results button:focus-visible{background:var(--color-surface-3);outline:none}.contribution-combobox__results small,.contribution-combobox__results>span,.contribution-combobox__selected{color:var(--color-text-subtle)}.catalog-contribution-attribution{justify-content:space-between;gap:var(--space-3)}.catalog-contribution-attribution__people{flex-wrap:wrap;align-items:center;gap:.35rem .7rem;display:flex}.catalog-contributor{gap:.05rem;display:inline-grid}.catalog-contributor small{color:var(--color-text-subtle);font-size:.68rem}.contributor-recognition{border:1px solid var(--color-border-strong);background:var(--color-surface-2);width:fit-content;font-size:var(--text-xs);border-radius:999px;align-items:center;padding:.3rem .55rem;font-weight:800;display:inline-flex}.contribution-guidelines{max-width:58rem;padding:var(--space-4);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-1)}.contribution-guidelines p{color:var(--color-text-subtle);margin:.35rem 0 0}.contribution-detail-panel{gap:var(--space-3);max-width:58rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);display:grid}.contribution-proposal-list{gap:var(--space-2);margin:0;display:grid}.contribution-proposal-list>div{gap:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr);padding:.6rem 0;display:grid}.contribution-proposal-list dt{font-weight:800}.contribution-proposal-list dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.contribution-event-history{gap:var(--space-2);display:grid}.contribution-event-history article{padding:var(--space-3);border-left:3px solid var(--color-border-strong);background:var(--color-surface-2);gap:.2rem;display:grid}.contribution-event-history span{color:var(--color-text-subtle);font-size:var(--text-sm)}.contribution-detail-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:700px){.contribution-proposal-list>div{grid-template-columns:1fr}}.contribution-page__header{gap:var(--space-3);display:grid}.contribution-page__header>p,.contribution-page__header>h1{margin-bottom:0}.contribution-page__header .contributor-recognition{margin-top:var(--space-1)}.contribution-page__header-actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:560px){.contribution-page__header-actions{flex-direction:column;align-items:stretch}.contribution-page__header-actions .ui-button{width:100%}}
.contribution-review-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;overflow:hidden}.contribution-review-table__head,.contribution-review-table__row{gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(8rem,.7fr) repeat(2,minmax(0,1fr));display:grid}.contribution-review-table__head{background:var(--color-surface-3)}.contribution-review-table__row{border-top:1px solid var(--color-border)}.contribution-review-table__row span{overflow-wrap:anywhere;white-space:pre-wrap}.contribution-moderation-actions{gap:var(--space-3);display:grid}.contribution-moderation-actions form{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.contribution-moderation-actions input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);min-width:0;color:var(--color-text);flex:18rem;padding:.65rem .8rem}.contribution-event-list{gap:var(--space-3);display:grid}.contribution-event-list article{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-border-strong);background:var(--color-surface-2);border-radius:0 var(--radius-md) var(--radius-md) 0;gap:.25rem;display:grid}.contribution-event-list span{color:var(--color-text-subtle);font-size:var(--text-sm)}@media (max-width:700px){.contribution-review-table__head{display:none}.contribution-review-table__row{grid-template-columns:1fr}.contribution-review-table__row span:before{color:var(--color-text-subtle);text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.contribution-review-table__row span:nth-child(2):before{content:"Submitted base"}.contribution-review-table__row span:nth-child(3):before{content:"Proposed"}}.contribution-apply-help{color:var(--color-text-subtle);font-size:var(--text-sm)}.contributor-access-form{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.contributor-access-form label{gap:.35rem;display:grid}.contributor-access-form select,.contributor-access-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);width:100%;color:var(--color-text);padding:.65rem .8rem}.contributor-access-form__reason{grid-column:1/-1}.contributor-access-history{margin-top:var(--space-4)}.contributor-access-history summary{cursor:pointer;margin-bottom:var(--space-3);font-weight:700}@media (max-width:700px){.contributor-access-form{grid-template-columns:1fr}.contributor-access-form__reason{grid-column:auto}}
.theme-playback-page{gap:clamp(var(--space-4), 3vw, var(--space-6))}.theme-playback-page__back{border-radius:var(--radius-pill);min-height:2.25rem;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);align-items:center;gap:.35rem;padding:0 .7rem;display:inline-flex}.theme-playback-page__back:hover{background:var(--color-surface-1)}.theme-playback-page__content{gap:clamp(var(--space-5), 4vw, var(--space-8));padding:clamp(var(--space-4), 3vw, var(--space-6));border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 30%, transparent), transparent 42%), var(--color-surface-1);box-shadow:var(--shadow-1);grid-template-columns:minmax(0,1fr) minmax(17rem,23rem);align-items:stretch;display:grid;position:relative}.theme-playback-page__main{align-items:center;min-width:0;display:flex}.theme-playback-page__heading{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.theme-playback-page__heading>.badge{border-radius:var(--radius-pill);white-space:nowrap;align-self:start;margin-top:.2rem}.theme-playback-page__heading h1{max-width:15ch;margin:.2rem 0 .45rem;font-size:clamp(2.35rem,5vw,4.6rem)}.theme-playback-page__artist{color:var(--color-text-muted)}.theme-playback-page__user-actions{margin-top:var(--space-4);flex-wrap:wrap}.theme-playback-page__facts{margin-top:var(--space-4)}.theme-playback-page__facts span{background:color-mix(in srgb, var(--color-surface-2) 78%, transparent)}.theme-playback-page__anime{align-self:stretch;align-items:center;gap:var(--space-4);border-color:color-mix(in srgb, var(--color-border-strong) 70%, transparent);background:color-mix(in srgb, var(--color-surface-2) 74%, transparent);grid-template-columns:5.75rem minmax(0,1fr)}.theme-playback-page__poster{width:5.75rem}.theme-playback-page__anime>div{min-width:0}.theme-playback-page__anime a{font-size:var(--text-md);line-height:1.25}.theme-navigation{gap:clamp(var(--space-5), 5vw, var(--space-8));padding-top:var(--space-2)}.theme-navigation__steps{gap:var(--space-3)}.theme-navigation__step{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 18%, transparent), transparent 55%), var(--color-surface-1);align-content:center;min-height:6.75rem;position:relative;overflow:hidden}.theme-navigation__step--previous{padding-left:clamp(var(--space-4), 3vw, var(--space-6))}.theme-navigation__step--next{padding-right:clamp(var(--space-4), 3vw, var(--space-6))}.theme-navigation__step strong{font-size:var(--text-md)}.theme-navigation__related{gap:var(--space-3)}.theme-navigation__related-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.theme-navigation__related-list{gap:var(--space-2)}.theme-navigation__related-list a{min-height:5.6rem;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-surface-1) 88%, transparent);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);align-content:center}.theme-navigation__related-list a:hover{background:var(--color-surface-2);transform:translateY(-1px)}.theme-comments{margin-top:var(--space-2)}@media (max-width:900px){.theme-playback-page__content{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 15rem}.theme-playback-page__heading h1{font-size:clamp(2.1rem,6vw,3.6rem)}.theme-playback-page__anime{grid-template-columns:1fr;align-content:start}.theme-playback-page__poster{width:5rem}}@media (max-width:700px){.theme-playback-page__content{padding:var(--space-4);grid-template-columns:1fr}.theme-playback-page__anime{grid-template-columns:5rem minmax(0,1fr);align-items:center}.theme-playback-page__heading{gap:var(--space-2);grid-template-columns:1fr}.theme-playback-page__heading>.badge{width:fit-content;margin:0}.theme-playback-page__heading h1{max-width:none}.theme-navigation__related-heading{flex-direction:column;align-items:start}}@media (max-width:520px){.theme-playback-page{gap:var(--space-3)}.theme-playback-page__back{padding-inline:.45rem}.theme-playback-page__content{gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-3)}.theme-playback-page__heading h1{margin-top:.1rem}.theme-playback-page__user-actions{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.theme-playback-page__user-actions .add-to-playlist__trigger{width:100%}.theme-navigation__step{min-height:5.75rem}.theme-navigation__related-list a{min-height:0}}@media (prefers-reduced-motion:reduce){.theme-playback-page__back,.theme-navigation__related-list a{transition:none}}
.theme-playback-page .theme-comments{width:100%;margin:var(--space-2) 0 0;padding:clamp(var(--space-4), 3vw, var(--space-6));border-color:color-mix(in srgb, var(--color-border-strong) 66%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--color-accent-soft) 10%, transparent), transparent 42%), color-mix(in srgb, var(--color-surface-1) 94%, transparent)}.theme-playback-page .theme-comments__header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);align-items:center}.theme-playback-page .theme-comments__header h2{letter-spacing:-.035em;margin-bottom:.2rem;font-size:clamp(1.55rem,3vw,2.15rem)}.theme-playback-page .theme-comments__header p:last-child{color:var(--color-text-muted)}.theme-playback-page .theme-comments__sort select{border-color:var(--color-border);background:var(--color-surface-1);min-width:8.5rem}.theme-playback-page .theme-comments__composer{gap:var(--space-3);padding:var(--space-4);border-color:color-mix(in srgb, var(--color-accent) 24%, var(--color-border));background:color-mix(in srgb, var(--color-surface-2) 88%, transparent);box-shadow:inset 0 1px #ffffff0a}.theme-playback-page .theme-comments textarea{border-color:var(--color-border);background:color-mix(in srgb, var(--color-surface-1) 82%, transparent);min-height:6.5rem;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.theme-playback-page .theme-comments textarea:focus,.theme-playback-page .theme-comments__sort select:focus,.theme-playback-page .theme-comment__report select:focus{border-color:color-mix(in srgb, var(--color-accent) 66%, var(--color-border));box-shadow:var(--focus-ring);outline:none}.theme-playback-page .theme-comments__signin,.theme-playback-page .theme-comments__empty{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-2) 74%, transparent);color:var(--color-text-muted)}.theme-playback-page .theme-comments__signin{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);text-align:left;display:flex}.theme-playback-page .theme-comments__signin strong,.theme-playback-page .theme-comments__empty strong{color:var(--color-text);font-size:var(--text-md);margin-bottom:.2rem;display:block}.theme-playback-page .theme-comments__signin p,.theme-playback-page .theme-comments__empty p{color:var(--color-text-muted);margin:0;line-height:1.5}.theme-playback-page .theme-comments__empty{padding:clamp(var(--space-5), 5vw, var(--space-8))}.theme-playback-page .theme-comments__message{border:1px solid var(--color-border);background:var(--color-surface-2)}.theme-playback-page .theme-comments__message--success{border-color:color-mix(in srgb, var(--color-success) 32%, var(--color-border));background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface-2));color:color-mix(in srgb, var(--color-success) 78%, white)}.theme-playback-page .theme-comments__message--error{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-2));color:color-mix(in srgb, var(--color-danger) 72%, white)}.theme-playback-page .theme-comments__list{margin-top:var(--space-4)}.theme-playback-page .theme-comment{gap:var(--space-3);padding:var(--space-5) var(--space-1);border-top-color:color-mix(in srgb, var(--color-border) 78%, transparent);grid-template-columns:2.75rem minmax(0,1fr)}.theme-playback-page .theme-comment__avatar{border:1px solid color-mix(in srgb, var(--color-border-strong) 76%, transparent);background:var(--color-surface-3);width:2.75rem;height:2.75rem;box-shadow:var(--shadow-1)}.theme-playback-page .theme-comment__content header{gap:.35rem .5rem}.theme-playback-page .theme-comment__content header strong{color:var(--color-text)}.theme-playback-page .theme-comment__body{color:color-mix(in srgb, var(--color-text) 91%, var(--color-text-muted));margin:.65rem 0 .7rem}.theme-playback-page .theme-comment__actions{gap:var(--space-1)}.theme-playback-page .theme-comment__actions button{border-radius:var(--radius-sm);min-height:2rem;color:var(--color-text-subtle);transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);padding:0 .55rem}.theme-playback-page .theme-comment__actions button:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.theme-playback-page .theme-comment__actions button:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-playback-page .theme-comment__edit,.theme-playback-page .theme-comment__report{margin-top:var(--space-3)}.theme-playback-page .theme-comment__report{gap:var(--space-3);padding:var(--space-4);border-color:color-mix(in srgb, var(--color-danger) 18%, var(--color-border));background:color-mix(in srgb, var(--color-surface-2) 90%, transparent)}.theme-playback-page .theme-comments[aria-busy=true] .theme-comments__list{opacity:.62;transition:opacity var(--duration-fast) var(--ease-standard)}.theme-playback-page .theme-comments__more{margin-top:var(--space-4)}@media (max-width:639px){.theme-playback-page .theme-comments{width:100%;padding:var(--space-4)}.theme-playback-page .theme-comments__header{align-items:stretch;gap:var(--space-3)}.theme-playback-page .theme-comments__sort,.theme-playback-page .theme-comments__sort select{width:100%}.theme-playback-page .theme-comments__signin{flex-direction:column;align-items:stretch}.theme-playback-page .theme-comments__signin .ui-button{width:100%}.theme-playback-page .theme-comment{gap:var(--space-2);padding-block:var(--space-4);grid-template-columns:2.35rem minmax(0,1fr)}.theme-playback-page .theme-comment__avatar{width:2.35rem;height:2.35rem}.theme-playback-page .theme-comment__actions button{min-height:2.5rem;padding-inline:.65rem}.theme-playback-page .theme-comments__composer>div,.theme-playback-page .theme-comment__edit>div,.theme-playback-page .theme-comment__report>div{gap:var(--space-2)}}@media (max-width:430px){.theme-playback-page .theme-comments{padding-inline:var(--space-3)}.theme-playback-page .theme-comment{grid-template-columns:2rem minmax(0,1fr)}.theme-playback-page .theme-comment__avatar{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){.theme-playback-page .theme-comments textarea,.theme-playback-page .theme-comment__actions button,.theme-playback-page .theme-comments__list{transition:none}}
.account-page{gap:clamp(var(--space-5), 4vw, var(--space-8))}.account-page__header{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 5vw, var(--space-8));background:radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 52%, transparent), transparent 46%), var(--color-surface-1);position:relative;overflow:hidden}.account-page__header h1{max-width:15ch;margin:var(--space-1) 0 var(--space-2);letter-spacing:-.045em;font-size:clamp(2.5rem,6vw,5rem);line-height:.98}.account-page__header>p:last-child{color:var(--color-text-muted);margin:0}.account-membership{gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 4vw, var(--space-7));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 32%, transparent), transparent 42%), var(--color-surface-1);box-shadow:var(--shadow-1);display:grid}.account-membership__heading{justify-content:space-between;align-items:start;gap:var(--space-5);display:flex}.account-membership__heading h2{margin:var(--space-1) 0 var(--space-2);font-size:clamp(1.8rem,4vw,3rem)}.account-membership__heading p{max-width:48rem;color:var(--color-text-muted);margin:0}.account-membership__recognitions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-membership__recognition,.account-membership__billing-status{border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));border-radius:var(--radius-pill);background:var(--color-accent-soft);min-height:2rem;color:var(--color-text);font-size:var(--text-xs);align-items:center;padding:0 .7rem;font-weight:800;display:inline-flex}.account-membership__billing{align-items:center;gap:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:color-mix(in srgb, var(--color-surface-2) 78%, transparent);grid-template-columns:minmax(0,1fr) auto;display:grid}.account-membership__billing>div:first-child{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-membership__billing>p{color:var(--color-text-muted);font-size:var(--text-sm);grid-column:1;margin:0}.account-membership__billing form{grid-area:1/2/span 2}.account-membership__usage-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.account-membership__usage{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;padding:var(--space-4);background:var(--color-surface-2);gap:.25rem;display:grid}.account-membership__usage>span,.account-membership__capabilities span{color:var(--color-text-subtle);font-size:var(--text-xs);letter-spacing:.055em;text-transform:uppercase;font-weight:800}.account-membership__usage>strong{font:780 clamp(1.6rem, 4vw, 2.35rem) / 1 var(--font-display);margin-top:.1rem}.account-membership__usage>small{color:var(--color-text-muted)}.account-membership__capabilities{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.account-membership__capabilities>div{min-width:0;padding:var(--space-4);border-left:1px solid var(--color-border);gap:.35rem;display:grid}.account-membership__capabilities>div:first-child{border-left:0}.account-membership__capabilities strong{overflow-wrap:anywhere}.account-panel{border-radius:var(--radius-lg);padding:clamp(var(--space-4), 3vw, var(--space-5));background:color-mix(in srgb, var(--color-surface-1) 92%, transparent);align-items:flex-start}.account-panel>div{min-width:0}.account-panel h2{font-size:var(--text-lg)}.account-panel p{color:var(--color-text-muted);line-height:1.6}@media (max-width:760px){.account-membership__heading{flex-direction:column}.account-membership__recognitions{justify-content:flex-start}.account-membership__usage-grid,.account-membership__capabilities{grid-template-columns:1fr}.account-membership__capabilities>div{border-top:1px solid var(--color-border);border-left:0}.account-membership__capabilities>div:first-child{border-top:0}}@media (max-width:560px){.account-page__header{padding:var(--space-5)}.account-page__header h1{font-size:clamp(2.35rem,12vw,3.6rem)}.account-membership{gap:var(--space-4);padding:var(--space-4)}.account-membership__billing{grid-template-columns:1fr}.account-membership__billing>p,.account-membership__billing form{grid-area:auto/1}.account-membership__billing form .ui-button{width:100%}}.membership-plan-grid{align-items:start;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.membership-plan-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);min-width:0;box-shadow:var(--shadow-1);overflow:hidden}.membership-plan-card__artwork{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--color-accent) 34%,transparent),transparent 32%),linear-gradient(145deg,var(--color-accent-soft),var(--color-surface-2));background-position:50%;background-size:cover;place-items:center;min-height:clamp(9rem,16vw,12rem);display:grid}.membership-plan-card__artwork--image{background-image:linear-gradient(to top,color-mix(in srgb,var(--color-surface-1) 12%,transparent),transparent 45%),var(--membership-artwork)}.membership-plan-card__artwork>span{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--color-accent) 40%,var(--color-border));background:color-mix(in srgb,var(--color-surface-1) 78%,transparent);width:4.25rem;font:800 2rem/1 var(--font-display);box-shadow:var(--shadow-2);border-radius:50%;place-items:center;display:grid}.membership-plan-card__artwork--image>span{display:none}.membership-plan-card__content{gap:var(--space-4);padding:var(--space-5);display:grid}.membership-plan-card__heading{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.membership-plan-card__heading h3{font-size:var(--text-xl);margin:0}.membership-plan-card__heading .eyebrow{margin-bottom:var(--space-1)}.membership-plan-card__capacity{border:1px solid color-mix(in srgb,var(--color-accent) 36%,var(--color-border));border-radius:var(--radius-pill);background:var(--color-accent-soft);font-size:var(--text-xs);white-space:nowrap;flex:none;padding:.35rem .6rem;font-weight:800}.membership-plan-card__capacity--full{border-color:var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted)}.membership-plan-card__price{align-items:baseline;gap:.3rem;margin:0;display:flex}.membership-plan-card__price strong{font:800 clamp(1.75rem,4vw,2.45rem)/1 var(--font-display)}.membership-plan-card__price span,.membership-plan-card__description{color:var(--color-text-muted)}.membership-plan-card__description{min-height:3.2em;margin:0;line-height:1.55}.membership-plan-card form,.membership-plan-card__cta{width:100%}.membership-plan-card__perks{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.membership-plan-card__perks li{color:var(--color-text-muted);padding-left:1.5rem;line-height:1.45;position:relative}.membership-plan-card__perks li:before{content:"✓";color:var(--color-accent);font-weight:900;position:absolute;left:0}@media (max-width:980px){.membership-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.membership-plan-grid{grid-template-columns:1fr}.membership-plan-card__artwork{min-height:10rem}.membership-plan-card__content{padding:var(--space-4)}}.account-page .membership-plans-panel{justify-content:stretch;align-items:stretch;gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.membership-plans-panel__heading{gap:var(--space-2);width:100%;display:grid}.membership-plans-panel__heading h2,.membership-plans-panel__heading p{margin:0}.membership-plans-panel__heading p{max-width:48rem}.membership-plan-grid{gap:clamp(var(--space-4), 2vw, var(--space-5));grid-template-columns:repeat(4,minmax(15rem,1fr))}.membership-plan-card__artwork{aspect-ratio:16/7;min-height:0}.membership-plan-card__content{gap:var(--space-3)}.membership-plan-card__description{min-height:0}@media (max-width:900px){.membership-plan-grid{grid-template-columns:repeat(2,minmax(16rem,1fr))}}@media (max-width:620px){.membership-plan-grid{grid-template-columns:minmax(0,1fr)}.membership-plan-card__artwork{aspect-ratio:16/7;min-height:0}}.membership-plan-card--current{border-color:color-mix(in srgb, var(--color-accent) 58%, var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent), var(--shadow-1)}.membership-plan-card__cta--status{cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;display:inline-flex}@media (max-width:1180px){.membership-plan-grid{grid-template-columns:repeat(2,minmax(16rem,1fr))}}.account-controls-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.account-controls-actions form{margin:0}@media (max-width:560px){.account-controls-actions{flex-direction:column;align-items:stretch}.account-controls-actions .ui-button,.account-controls-actions form,.account-controls-actions form .ui-button{width:100%}}.membership-plan-card__change{gap:.65rem;display:grid}.membership-plan-card__change-result{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.membership-plan-card__cta:disabled{cursor:not-allowed;opacity:.62}.membership-change-modal{z-index:1200;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000ad;place-items:center;display:grid;position:fixed;inset:0}.membership-change-modal__panel{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(44rem,100%);max-height:min(88vh,52rem);padding:clamp(var(--space-5), 5vw, var(--space-6));background:var(--color-surface-1);box-shadow:var(--shadow-3);display:grid;position:relative;overflow-y:auto}.membership-change-modal__panel h2,.membership-change-modal__panel p{margin:0}.membership-change-modal__panel h2{padding-right:2rem;font-size:clamp(1.7rem,4vw,2.35rem)}.membership-change-modal__close{aspect-ratio:1;border:1px solid var(--color-border);background:var(--color-surface-2);width:2.3rem;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:1rem;right:1rem}.membership-change-modal__effective{color:var(--color-text-muted)}.membership-change-modal__plans{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}.membership-change-modal__plans article{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface-2);gap:.45rem;display:grid}.membership-change-modal__plans article>span{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.membership-change-modal__plans article>strong{font-size:var(--text-lg)}.membership-change-modal__plans article p{font-size:1.35rem;font-weight:800}.membership-change-modal__plans article small{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.membership-change-modal__arrow{color:var(--color-text-muted);align-self:center;font-size:1.5rem}.membership-change-modal__billing-note{gap:var(--space-2);border:1px solid color-mix(in srgb, var(--color-accent) 28%, var(--color-border));border-radius:var(--radius-lg);padding:var(--space-4);background:color-mix(in srgb, var(--color-accent-soft) 72%, var(--color-surface-2));display:grid}.membership-change-modal__billing-note p,.membership-change-modal__fine-print{color:var(--color-text-muted);line-height:1.55}.membership-change-modal__error{border-radius:var(--radius-md);padding:var(--space-3);background:color-mix(in srgb, #d33 14%, var(--color-surface-2))}.membership-change-modal__confirm{width:100%}.membership-change-modal__fine-print{font-size:var(--text-xs);text-align:center}@media (max-width:620px){.membership-change-modal{align-items:end;padding:0}.membership-change-modal__panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:92vh;padding:var(--space-5) var(--space-4)}.membership-change-modal__plans{grid-template-columns:1fr}.membership-change-modal__arrow{justify-self:center;transform:rotate(90deg)}}.account-membership__billing-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.membership-cancel-change{gap:.55rem;display:grid}.membership-change-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.account-membership__billing-actions{flex-wrap:wrap;grid-area:1/2/span 2;align-self:center;align-items:stretch;gap:.75rem;display:flex}.account-membership__billing-actions>form,.account-membership__billing-actions>.membership-cancel-change{align-items:stretch;margin:0;display:flex}.account-membership__billing-actions .ui-button{justify-content:center;align-items:center;height:2.75rem;min-height:2.75rem;display:inline-flex}@media (max-width:560px){.account-membership__billing-actions{flex-direction:column;grid-area:auto/1;align-self:stretch;align-items:stretch}.account-membership__billing-actions>form,.account-membership__billing-actions>.membership-cancel-change,.account-membership__billing-actions .ui-button{width:100%}}
.admin-membership-artwork-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.admin-membership-artwork-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-1);min-width:0;overflow:hidden}.admin-membership-artwork-card__preview{border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--color-accent) 34%, transparent), transparent 32%), linear-gradient(145deg, var(--color-accent-soft), var(--color-surface-2));background-position:50%;background-size:cover;place-items:center;min-height:11rem;display:grid}.admin-membership-artwork-card__preview>span{aspect-ratio:1;border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-surface-1) 80%, transparent);width:4.5rem;font:800 2rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.admin-membership-artwork-card__body{gap:var(--space-5);padding:var(--space-5);display:grid}.admin-membership-artwork-card__body h2{margin-bottom:var(--space-2)}.admin-membership-artwork-card__remove{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;background:0 0;padding:.7rem .9rem}.admin-membership-artwork-card__remove:hover{border-color:var(--color-danger);color:var(--color-text)}@media (max-width:980px){.admin-membership-artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.admin-membership-artwork-grid{grid-template-columns:1fr}}
.library-page{gap:clamp(var(--space-6), 6vw, var(--section-gap))}.library-page>.page-header{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 5vw, var(--space-8));background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 44%, transparent), transparent 48%), var(--color-surface-1);position:relative;overflow:hidden}.library-page>.page-header h1{letter-spacing:-.045em;font-size:clamp(2.6rem,6vw,5rem);line-height:.98}.library-section{gap:var(--space-4)}.library-section .section-heading{align-items:end}.library-section .section-heading h2{font-size:clamp(1.55rem,3vw,2.2rem)}.library-section .section-heading p{color:var(--color-text-subtle);font-size:var(--text-sm)}.library-section__empty{padding:clamp(var(--space-5), 5vw, var(--space-7));background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 16%, transparent), transparent 55%), var(--color-surface-1);border-style:dashed}.library-section__empty a{margin-top:var(--space-1);display:inline-flex}.library-theme-grid{gap:clamp(var(--space-3), 2.5vw, var(--space-5))}.playlists-page{gap:clamp(var(--space-6), 6vw, var(--section-gap))}.playlists-page>.page-header{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 5vw, var(--space-8));background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 44%, transparent), transparent 48%), var(--color-surface-1);position:relative;overflow:hidden}.playlists-page>.page-header h1{letter-spacing:-.045em;font-size:clamp(2.6rem,6vw,5rem);line-height:.98}.playlist-create{border-radius:var(--radius-xl);background:linear-gradient(120deg, color-mix(in srgb, var(--color-accent-soft) 30%, transparent), transparent 48%), var(--color-surface-1);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.playlist-create>div:first-child{max-width:30rem}.playlist-create h2{font-size:clamp(1.4rem,3vw,2rem)}.playlist-create p{color:var(--color-text-muted);line-height:1.55}.playlist-create__form{flex-wrap:wrap;align-items:start}.playlist-create__form input{min-height:2.75rem}.playlist-create__form>[role=alert],.playlist-create__form>.membership-limit-notice{flex-basis:100%}.playlist-list{gap:var(--space-4)}.playlist-card{border-radius:var(--radius-xl);min-height:7.5rem;padding:var(--space-5);background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 22%, transparent), transparent 58%), var(--color-surface-1);position:relative;overflow:hidden}.playlist-card:after{color:color-mix(in srgb, var(--color-accent) 9%, transparent);content:"♫";font:800 7rem/1 var(--font-display);pointer-events:none;position:absolute;bottom:-2.2rem;right:-1.1rem}.playlist-card>*{z-index:1;position:relative}.playlist-card__icon{border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));background:var(--color-accent-soft);width:3rem;height:3rem}.playlist-card h3{font-size:var(--text-md)}.playlist-card p{color:var(--color-text-subtle)}.playlist-detail{gap:clamp(var(--space-6), 6vw, var(--section-gap))}.playlist-detail__header{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 5vw, var(--space-8));background:radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--color-accent) 17%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 42%, transparent), transparent 50%), var(--color-surface-1);position:relative;overflow:hidden}.playlist-detail__back{min-height:2.25rem;margin-bottom:var(--space-5);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-2) 74%, transparent);align-items:center;padding:0 .65rem;display:inline-flex}.playlist-detail__header h1{max-width:16ch;margin:var(--space-1) 0 var(--space-2);letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98}.playlist-detail__header p:last-child{color:var(--color-text-muted)}.playlist-manage{border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface-1) 94%, transparent);align-items:flex-start}.playlist-manage>div:first-child{max-width:28rem}.playlist-manage p{color:var(--color-text-muted);line-height:1.55}.playlist-manage__forms{align-items:end}.playlist-entries{gap:var(--space-4)}.playlist-entry-list{gap:var(--space-2)}.playlist-entry{gap:var(--space-3);border-radius:var(--radius-lg);min-height:5.5rem;padding:var(--space-3) var(--space-4);background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-soft) 13%, transparent), transparent 35%), var(--color-surface-1);transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);grid-template-columns:2rem 7rem minmax(0,1fr) auto}.playlist-entry:hover{border-color:var(--color-border-strong);background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-soft) 22%, transparent), transparent 40%), var(--color-surface-1)}.playlist-entry>.badge{border-radius:var(--radius-pill);text-align:center;white-space:nowrap;justify-content:center;align-items:center;width:7rem;min-height:1.8rem;display:inline-flex}.playlist-entry__body h3{font-size:var(--text-md)}.playlist-entry__body p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-entry__actions a,.playlist-entry__actions button{border-radius:var(--radius-pill);min-height:2.35rem}.playlist-entry__order-controls{gap:.3rem;display:flex}.playlist-entry__order-controls button{width:2.35rem;padding-inline:0}.playlist-section-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent-soft) 16%, transparent), transparent 55%), var(--color-surface-1)}.playlist-section-empty a{color:var(--color-accent-text);font-weight:750}@media (max-width:800px){.playlist-create,.playlist-manage{gap:var(--space-4)}.playlist-create__form{width:100%;min-width:0}.playlist-manage__forms{justify-content:flex-start;width:100%}.playlist-entry{grid-template-columns:2rem 6.25rem minmax(0,1fr)}.playlist-entry>.badge{width:6.25rem}.playlist-entry__actions{grid-column:2/-1;justify-content:flex-end}}@media (max-width:639px){.library-page>.page-header,.playlists-page>.page-header,.playlist-detail__header{padding:var(--space-5)}.library-page>.page-header h1,.playlists-page>.page-header h1,.playlist-detail__header h1{font-size:clamp(2.35rem,12vw,3.6rem)}.playlist-create,.playlist-manage{padding:var(--space-4)}.playlist-create__form .ui-button{width:100%}.playlist-grid{grid-template-columns:1fr}.playlist-card{min-height:6.5rem;padding:var(--space-4)}.playlist-entry{grid-template-columns:2rem minmax(0,1fr);align-items:start}.playlist-entry>.badge{grid-column:2;width:fit-content;min-width:5.75rem}.playlist-entry__body{grid-column:2}.playlist-entry__body p{white-space:normal}.playlist-entry__actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}}@media (max-width:420px){.playlist-entry{padding:var(--space-3)}.playlist-entry__actions{grid-template-columns:auto 1fr auto;width:100%;display:grid}}@media (prefers-reduced-motion:reduce){.playlist-card,.playlist-entry{transition:none}}.playlist-card{grid-template-columns:1fr;gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.playlist-card:after{content:none}.playlist-artwork{aspect-ratio:16/9;background:var(--color-surface-2);grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid;position:relative;overflow:hidden}.playlist-artwork[data-count="2"],.playlist-artwork[data-count="3"],.playlist-artwork[data-count="4"]{grid-template-columns:repeat(2,1fr)}.playlist-artwork[data-count="2"]{grid-template-rows:1fr}.playlist-artwork[data-count="3"],.playlist-artwork[data-count="4"]{grid-template-rows:repeat(2,1fr)}.playlist-artwork[data-count="3"] .playlist-artwork__tile:first-child{grid-row:1/3}.playlist-artwork__tile{border-radius:0;width:100%;min-width:0;height:100%;min-height:0}.playlist-artwork__tile .artwork__image{object-fit:cover;transition:transform var(--duration-normal) var(--ease-standard)}.playlist-card:hover .playlist-artwork__tile .artwork__image{transform:scale(1.025)}.playlist-artwork__empty{background:radial-gradient(circle at 68% 30%, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 30%), linear-gradient(135deg, var(--color-accent-soft), var(--color-surface-2));place-items:center;width:100%;height:100%;display:grid}.playlist-artwork__empty span{border:1px solid color-mix(in srgb, var(--color-accent) 32%, var(--color-border));background:color-mix(in srgb, var(--color-surface-1) 72%, transparent);width:4.25rem;height:4.25rem;color:var(--color-accent-text);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.playlist-card__body{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);display:flex}.playlist-card__body>div{min-width:0}.playlist-card__body h3{margin:0 0 var(--space-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card__body p{margin:0}.playlist-card__body>span{color:var(--color-text-subtle);font-size:var(--text-lg);flex:none}@media (prefers-reduced-motion:reduce){.playlist-artwork__tile .artwork__image{transition:none}}.playlist-grid{gap:clamp(var(--space-3), 2vw, var(--space-5));grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr))}.playlist-card{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-1) 94%, transparent);align-content:start}.playlist-artwork{aspect-ratio:1;border-bottom:1px solid var(--color-border);min-height:0}.playlist-artwork__tile{isolation:isolate;background:var(--color-surface-2);width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.playlist-artwork__tile.artwork{position:relative;inset:auto}.playlist-artwork__tile .artwork__fallback,.playlist-artwork__tile .artwork__loading,.playlist-artwork__tile .artwork__image{position:absolute;inset:0}.playlist-artwork__tile .artwork__image{object-fit:cover;width:100%;height:100%}.playlist-artwork[data-count="1"] .playlist-artwork__tile{grid-area:1/1}.playlist-artwork[data-count="2"]{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-artwork[data-count="3"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-artwork[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-card__body{min-height:4.6rem;padding:var(--space-3);align-items:flex-start}.playlist-card__body h3{font-size:var(--text-sm);line-height:1.25}.playlist-card__body p{font-size:var(--text-xs)}.playlist-card__body>span{font-size:var(--text-md);margin-top:.05rem}.playlist-card:hover,.playlist-card:focus-visible{transform:translateY(-2px)}@media (max-width:639px){.playlist-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.playlist-card{padding:0}.playlist-card__body{min-height:4.25rem;padding:var(--space-3)}}@media (max-width:390px){.playlist-grid{grid-template-columns:1fr}.playlist-card{max-width:18rem}}.playlist-artwork__cell{background:var(--color-surface-2);min-width:0;min-height:0;position:relative;overflow:hidden}.playlist-artwork__cell>.playlist-artwork__tile.artwork{width:100%;height:100%;position:absolute;inset:0}.playlist-artwork[data-count="3"] .playlist-artwork__cell:first-child{grid-area:1/1/3}.playlist-artwork[data-count="3"] .playlist-artwork__tile:first-child{grid-area:auto}.playlists-page .playlist-grid{justify-content:start;gap:clamp(var(--space-3), 2vw, var(--space-5));grid-template-columns:repeat(auto-fill,minmax(13.5rem,15rem));display:grid}.playlists-page .playlist-card{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-1) 94%, transparent);grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:0;width:100%;min-width:0;min-height:0;padding:0;display:grid;overflow:hidden}.playlists-page .playlist-card:after{content:none}.playlists-page .playlist-artwork{aspect-ratio:1;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:auto;min-height:0;display:grid;position:relative;overflow:hidden}.playlists-page .playlist-artwork[data-count="2"]{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.playlists-page .playlist-artwork[data-count="3"],.playlists-page .playlist-artwork[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.playlists-page .playlist-artwork__cell{background:var(--color-surface-2);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.playlists-page .playlist-artwork[data-count="3"] .playlist-artwork__cell:first-child{grid-area:1/1/3}.playlists-page .playlist-artwork__cell>.playlist-artwork__tile.artwork{width:100%;min-width:0;height:100%;min-height:0;position:absolute;inset:0}.playlists-page .playlist-artwork__tile .artwork__image,.playlists-page .playlist-artwork__tile .artwork__fallback,.playlists-page .playlist-artwork__tile .artwork__loading{width:100%;height:100%;position:absolute;inset:0}.playlists-page .playlist-artwork__tile .artwork__image{object-fit:cover}.playlists-page .playlist-card__body{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;min-height:4.6rem;padding:var(--space-3);display:flex}@media (max-width:639px){.playlists-page .playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.playlists-page .playlist-card{padding:0}}@media (max-width:390px){.playlists-page .playlist-grid{grid-template-columns:minmax(0,15rem)}}