@layer components {
.c-digest-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-s),3vw,var(--space-xl));padding-block:clamp(var(--space-l),4vw,var(--space-2xl))}.c-digest-sheet{inline-size:100%;max-inline-size:52rem;padding-inline:clamp(var(--space-s),3vw,var(--space-xl));padding-block:clamp(var(--space-l),4vw,var(--space-2xl));margin-inline:auto}.c-digest-masthead{border-block-end:1px solid var(--color-border-subtle);padding-block-end:var(--space-m)}.c-digest-banner{padding:var(--space-m);border:1px solid var(--color-border-default);background-color:var(--color-bg-raised);border-radius:var(--radius-lg);gap:var(--space-m);flex-direction:column;display:flex}@media (min-width:640px){.c-digest-banner{flex-direction:row;justify-content:space-between;align-items:center}}.c-digest-grid{--grid-gap:var(--space-m);--min-width:min(22rem,100%)}.c-digest-card{padding:var(--space-m);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-fast);justify-content:space-between;text-decoration:none}.c-digest-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-2px)}.c-digest-card{--stack-gap:0}.c-digest-magazine{border:1px solid var(--color-border-default);background-color:var(--color-bg-raised);color:var(--color-fg-primary);padding:clamp(var(--space-m),4vw,var(--space-2xl));border-radius:var(--radius-lg);--stack-gap:var(--space-l)}.c-digest-theme-block{padding:var(--space-m);border:1px solid var(--color-border-emphasis);background-color:var(--color-fg-primary);color:var(--color-bg-base);border-radius:var(--radius-md);--stack-gap:var(--space-s)}.c-digest-playlist-pick{padding:var(--space-m);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-base);border-radius:var(--radius-md)}.c-digest-spotlight{padding:var(--space-m);border:1px dashed var(--color-border-default);background-color:var(--color-bg-muted);border-radius:var(--radius-md)}.c-digest-eyebrow{text-transform:uppercase;color:var(--color-fg-muted);letter-spacing:var(--tracking-wider)}.c-digest-title{font-family:var(--font-mono);font-size:var(--step-4);letter-spacing:-.02em;color:var(--color-fg-primary);margin-block:var(--space-3xs);font-weight:700}.c-digest-desc{font-size:var(--step--1);color:var(--color-fg-secondary);max-width:42rem;margin:0;line-height:1.6}.c-digest-banner-text{max-inline-size:36rem}.c-digest-banner-icon{color:var(--color-brand)}.c-digest-banner-title{font-size:var(--step--1);text-transform:uppercase;color:var(--color-fg-primary);font-weight:700}.c-digest-banner-desc{font-size:var(--step--1);color:var(--color-fg-secondary);margin:0;line-height:1.5}.c-digest-banner-btn{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.c-digest-banner-btn svg{margin-inline-start:var(--space-2xs)}.c-digest-divider-bar{border-block-end:1px solid var(--color-border-subtle);flex-wrap:nowrap;padding-block-end:var(--space-xs)}.c-digest-cassette-wrap{padding-block:var(--space-2xl);text-align:center}.c-digest-cassette-box{inline-size:16rem;-webkit-user-select:none;user-select:none;width:16rem;margin-inline:auto;position:relative}.c-digest-cassette-outer{border-radius:var(--radius-xl);border:2px solid hsl(var(--muted-foreground)/.4);background-color:hsl(var(--card)/.6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);padding:.625rem;position:relative}.c-digest-cassette-notch{inline-size:.75rem;width:.75rem;block-size:.25rem;background-color:hsl(var(--background));border-inline:1px solid hsl(var(--muted-foreground)/.4);border-block-end:1px solid hsl(var(--muted-foreground)/.4);border-block-start:none;border-end-end-radius:var(--radius-xs);border-end-start-radius:var(--radius-xs);height:.25rem;position:absolute;top:-.25rem}.c-digest-cassette-notch--left{left:1.5rem}.c-digest-cassette-notch--right{right:1.5rem}.c-digest-cassette-screw{inline-size:.375rem;width:.375rem;block-size:.375rem;border-radius:var(--radius-full);border:1px solid hsl(var(--muted-foreground)/.4);background-color:hsl(var(--background));justify-content:center;align-items:center;height:.375rem;display:flex;position:absolute}.c-digest-cassette-screw--tl{top:.375rem;left:.375rem}.c-digest-cassette-screw--tr{top:.375rem;right:.375rem}.c-digest-cassette-screw--bl{bottom:.375rem;left:.375rem}.c-digest-cassette-screw--br{bottom:.375rem;right:.375rem}.c-digest-cassette-screw-slot{inline-size:.125rem;width:.125rem;block-size:.125rem;background-color:hsl(var(--muted-foreground)/.6);border-radius:var(--radius-full);height:.125rem}.c-digest-cassette-label{border-radius:var(--radius-lg);border:1px solid hsl(var(--muted-foreground)/.25);background-color:hsl(var(--muted)/.4);padding-block:.5rem .625rem;padding-inline:.75rem}.c-digest-cassette-top{font-size:var(--type-instrument-medium);font-family:var(--font-mono);letter-spacing:var(--tracking-wider);color:hsl(var(--muted-foreground));border-block-end:1px solid hsl(var(--muted-foreground)/.2);justify-content:space-between;align-items:center;margin-block-end:.5rem;padding-block-end:.375rem;display:flex}.c-digest-cassette-meta{align-items:center;gap:.375rem;display:flex}.c-digest-cassette-tag{background-color:color-mix(in srgb,var(--color-brand)15%,transparent);color:var(--color-brand);border:1px solid color-mix(in srgb,var(--color-brand)30%,transparent);border-radius:var(--radius-xs);font-weight:700;font-size:var(--type-instrument-small);padding-block:.125rem;padding-inline:.25rem;line-height:1}.dark .c-digest-cassette-tag,[data-theme=dark] .c-digest-cassette-tag{color:#fa8638}.c-digest-cassette-title{color:hsl(var(--foreground)/.8);font-weight:600}.c-digest-cassette-sub{font-size:var(--type-instrument-small);color:hsl(var(--muted-foreground)/.7);font-family:var(--font-mono)}.c-digest-cassette-window{border-radius:var(--radius-md);border:1px solid hsl(var(--muted-foreground)/.35);background-color:hsl(var(--background)/.9);justify-content:space-between;align-items:center;padding-block:.5rem;padding-inline:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.c-digest-cassette-spool{z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.c-digest-cassette-wheel{border-radius:var(--radius-full);border:1px solid hsl(var(--muted-foreground)/.25);background-color:hsl(var(--muted)/.3);justify-content:center;align-items:center;padding:.125rem;display:flex}.c-digest-cassette-reel{block-size:1.75rem;inline-size:1.75rem;width:1.75rem;height:1.75rem;color:hsl(var(--muted-foreground)/.8);transform-origin:50%;animation:3s linear infinite spin}.c-digest-cassette-track-wrap{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding-inline:.25rem;display:flex}.c-digest-cassette-track-line{block-size:2px;inline-size:3.5rem;background-color:hsl(var(--muted-foreground)/.3);border-radius:var(--radius-full);width:3.5rem;height:2px}.c-digest-cassette-track-num{inline-size:3.5rem;width:3.5rem;font-size:var(--type-instrument);font-family:var(--font-mono);color:hsl(var(--muted-foreground)/.6);letter-spacing:-.05em;justify-content:space-between;line-height:1;display:flex}.c-digest-cassette-bottom{inline-size:9rem;border-block-start:1px solid hsl(var(--muted-foreground)/.25);width:9rem;color:hsl(var(--muted-foreground)/.4);justify-content:space-between;align-items:center;margin-block-start:.375rem;margin-inline:auto;padding-block:.25rem;padding-inline:.75rem;display:flex}.c-digest-cassette-guide-hole{block-size:.5rem;inline-size:.5rem;border-radius:var(--radius-full);border:1px solid hsl(var(--muted-foreground)/.4);background-color:hsl(var(--background));width:.5rem;height:.5rem}.c-digest-cassette-head-slot{block-size:.375rem;inline-size:3rem;border-radius:var(--radius-xs);border:1px solid hsl(var(--muted-foreground)/.3);background-color:hsl(var(--muted)/.4);width:3rem;height:.375rem}.c-digest-cassette-caption{color:hsl(var(--muted-foreground));margin:0}.c-digest-cassette-caption--lead{font-family:var(--font-mono);font-size:var(--step-0);padding-block-start:var(--space-2xs)}.c-digest-cassette-caption--sub{font-size:var(--step--1)}.c-digest-badge-issue{font-family:var(--font-mono);font-size:var(--step--3);text-transform:uppercase}.c-digest-date-meta{font-size:var(--step--2);color:var(--color-fg-muted);flex-wrap:nowrap}.c-digest-card-title{font-family:var(--font-mono);font-size:var(--step-1);color:var(--color-fg-primary);margin-block:var(--space-2xs);font-weight:700;line-height:1.3}.c-digest-card-excerpt{font-size:var(--step--1);color:var(--color-fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block-end:var(--space-s);line-height:1.5;display:-webkit-box;overflow:hidden}.c-digest-card-footer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--1);font-family:var(--font-mono);color:var(--color-fg-muted);flex-wrap:nowrap;padding-block-start:var(--space-s)}.c-digest-read-more{color:var(--color-brand);font-weight:600}.c-digest-playlist-count{font-size:var(--step--2)}.c-digest-back-link{flex-wrap:nowrap;display:inline-flex}.c-digest-issue-header{border-block-end:2px solid var(--color-fg-primary);flex-wrap:nowrap;padding-block-end:var(--space-s)}.c-digest-issue-meta{font-size:var(--step--1);color:var(--color-fg-muted);text-align:right}.c-digest-headline{font-family:var(--font-sans);font-size:var(--step-4);letter-spacing:-.02em;color:var(--color-fg-primary);margin:0;font-weight:700;line-height:1.2}.c-digest-subheadline{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:var(--space-xs);margin-block-end:0}.c-digest-editorial{font-size:var(--step-0);color:var(--color-fg-secondary);border-inline-start:2px solid var(--color-border-emphasis);padding-inline-start:var(--space-m);line-height:1.6}.c-digest-byline{font-size:var(--step--2);color:var(--color-fg-muted);padding-block-start:var(--space-3xs)}.c-digest-theme-kicker{font-size:var(--step--3);text-transform:uppercase;letter-spacing:var(--tracking-wider);opacity:.7}.c-digest-theme-name{font-family:var(--font-sans);font-size:var(--step-2);margin:0;font-weight:700}.c-digest-theme-desc{font-size:var(--step--1);opacity:.9;margin:0;line-height:1.5}.c-digest-action-btn{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase}.c-digest-section-header{border-block-end:2px solid var(--color-fg-primary);padding-block-end:var(--space-2xs)}.c-digest-curator-row{font-size:var(--step--1);color:var(--color-fg-muted);flex-wrap:nowrap}.c-digest-curator-name{color:var(--color-fg-primary);font-weight:700;text-decoration:underline}.c-digest-quote{padding:var(--space-s);background-color:var(--color-bg-muted);border-inline-start:2px solid var(--color-fg-primary);font-size:var(--step--1);font-style:italic;line-height:1.5}.c-digest-spotlight-kicker{font-size:var(--step--3);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-muted)}.c-digest-spotlight-title{font-size:var(--step-0);color:var(--color-fg-primary);margin:0;font-weight:700}.c-digest-cta-box{padding:var(--space-l);border:1px dashed var(--color-border-default);background-color:var(--color-bg-base);text-align:center;border-radius:var(--radius-lg)}.c-digest-cta-title{font-size:var(--step-0);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-primary);margin:0;font-weight:700}.c-digest-cta-desc{font-size:var(--step--1);color:var(--color-fg-secondary);max-inline-size:28rem;margin-block:0;margin-inline:auto;line-height:1.5}.c-digest-sheet-footer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--2);font-family:var(--font-mono);color:var(--color-fg-muted);padding-block-start:var(--space-s)}
}

@layer components {
.c-dashboard-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-s),3vw,var(--space-xl));padding-block:clamp(var(--space-l),4vw,var(--space-2xl))}.c-dashboard-header{justify-content:space-between;gap:var(--space-m);border-block-end:1px solid var(--color-border-subtle);flex-direction:column;padding-block-end:var(--space-l);display:flex}@media (min-width:640px){.c-dashboard-header{flex-direction:row;align-items:flex-end}}.c-dashboard-tabs{border-block-end:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);--cluster-gap:var(--space-l);flex-wrap:nowrap;overflow-x:auto}.c-dashboard-tab{color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding-block-end:var(--space-xs);display:inline-flex}.c-dashboard-tab:hover{color:var(--color-fg-primary)}.c-dashboard-tab[data-active=true]{color:var(--color-fg-primary);border-block-end:2px solid var(--color-brand)}.c-dashboard-tab{flex-wrap:nowrap}.c-dashboard-tab-count{padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:var(--color-bg-muted);font-size:var(--step--2);padding-block:.125rem}.c-dashboard-grid{--grid-gap:var(--space-l);--min-width:min(20rem,100%)}.c-dashboard-card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.c-dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.c-dashboard-card{--stack-gap:0}.c-dashboard-card-media{aspect-ratio:16/9;background-color:var(--color-bg-muted);display:block;position:relative;overflow:hidden}.c-dashboard-card-media img{object-fit:cover;transition:transform var(--transition-normal)}.c-dashboard-card-media:hover img{transform:scale(1.02)}.c-dashboard-badge-corner{z-index:10;flex-wrap:nowrap;position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs)}.c-dashboard-pill{padding-inline:var(--space-2xs);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-mono);font-size:var(--step--2);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;padding-block:.125rem}.c-dashboard-pill[data-variant=staff]{background-color:color-mix(in srgb,var(--color-brand)85%,black);text-transform:uppercase;font-size:var(--step--3);letter-spacing:var(--tracking-wider)}.c-dashboard-pill[data-variant=circle]{color:#bfdbfe;align-items:center;gap:var(--space-3xs);background-color:#1e3a8ad9;border:1px solid #93c5fd4d;display:inline-flex}.c-dashboard-card-body{padding:var(--space-m);--stack-gap:var(--space-m);flex:1;justify-content:space-between}.c-dashboard-empty{text-align:center;padding:var(--space-2xl)var(--space-m);background-color:var(--color-bg-raised);border-radius:var(--radius-xl);border:1px dashed var(--color-border-default);max-inline-size:32rem;margin-inline:auto}.c-dashboard-empty--full{grid-column:1/-1;max-inline-size:100%}.c-dashboard-empty-icon{color:var(--color-fg-muted);margin-block-end:var(--space-xs)}.c-dashboard-empty-title{font-size:var(--step-1);color:var(--color-fg-primary);margin:0;font-weight:700}.c-dashboard-empty-desc{font-size:var(--step--1);color:var(--color-fg-secondary);margin-block:var(--space-3xs)var(--space-m);max-width:24rem}.c-dashboard-loading{--cluster-gap:0;flex-wrap:nowrap;min-block-size:70vh}.c-dashboard-loading-text{font-size:var(--step--1);color:var(--color-fg-muted)}.c-dashboard-workspace-label{font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-muted);font-weight:600;display:block}.c-dashboard-title{font-family:var(--font-sans);font-size:var(--step-4);letter-spacing:-.02em;color:var(--color-fg-primary);margin:0;font-weight:700}.c-dashboard-icon-accent{color:var(--color-brand)}.c-dashboard-milestones-wrap{margin-block-end:var(--space-m)}.c-dashboard-card-title-link{color:inherit;text-decoration:none}.c-dashboard-card-title{font-size:var(--step-0);color:var(--color-fg-primary);margin:0;font-weight:700}.c-dashboard-card-desc{font-size:var(--step--1);color:var(--color-fg-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.c-dashboard-card-footer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--1);--cluster-gap:0;flex-wrap:nowrap;padding-block-start:var(--space-xs)}.c-dashboard-card-collaborators{color:var(--color-fg-muted);flex-wrap:nowrap}.c-dashboard-insights-pill{padding-inline:var(--space-2xs);border-radius:var(--radius-sm);background-color:var(--color-bg-muted);font-size:var(--step--2);color:var(--color-fg-primary);cursor:pointer;transition:background-color var(--transition-fast);border:none;flex-wrap:nowrap;padding-block:.25rem;font-weight:500;display:inline-flex}.c-dashboard-insights-pill:hover{background-color:var(--color-bg-base)}.c-dashboard-icon-btn{border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:inline-flex}.c-dashboard-icon-btn:hover{color:var(--color-fg-primary)}.c-dashboard-curator-byline{color:var(--color-fg-muted)}.c-curation-form-container{--container-size:50rem;--container-padding:clamp(var(--space-s),3vw,var(--space-xl));padding-block:clamp(var(--space-l),4vw,var(--space-2xl))}.c-curation-form{--stack-gap:var(--space-l)}.c-curation-form-header{margin-block-end:var(--space-xl)}.c-curation-form-title{font-family:var(--font-sans);font-size:var(--step-4);letter-spacing:-.02em;color:var(--color-fg-primary);margin-block:0 var(--space-3xs);font-weight:700}.c-curation-form-subtitle{color:var(--color-fg-muted);display:block}.c-curation-form-actions{--cluster-gap:var(--space-s);flex-wrap:nowrap;padding-block-start:var(--space-m)}.c-curation-form-submit{text-transform:uppercase;min-block-size:2.75rem;letter-spacing:var(--tracking-wider);font-family:var(--font-mono);font-size:var(--step--1);flex:1}.c-curation-form-cancel{min-block-size:2.75rem;font-family:var(--font-mono);font-size:var(--step--1)}.c-challenge-response-card{padding:var(--space-m);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);margin-block-start:var(--space-m)}.c-challenge-response-cover{border-radius:var(--radius-md);flex-shrink:0;block-size:5rem;inline-size:5rem;position:relative;overflow:hidden}.c-challenge-response-cover-img{object-fit:cover}.c-challenge-response-title{font-size:var(--step-1);color:var(--color-fg-primary);margin-block-end:var(--space-3xs);font-weight:700}.c-challenge-response-byline{font-size:var(--step--1);color:var(--color-fg-secondary);margin:0}.c-challenge-response-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:var(--space-2xs);line-height:1.4}.c-challenge-response-label{font-size:var(--step--2);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-secondary);font-weight:700}.c-metrics-modal-badge{font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-brand);font-weight:600}.c-metrics-modal-empty{padding-block:var(--space-2xl);text-align:center;font-size:var(--step--1);color:var(--color-fg-muted)}.c-metrics-grid{--grid-gap:var(--space-s);--min-width:min(12rem,100%)}.c-metrics-stat-card{padding:var(--space-m);border-radius:var(--radius-lg);background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle)}.c-metrics-stat-header{color:var(--color-fg-muted);--cluster-gap:0;flex-wrap:nowrap}.c-metrics-stat-label{font-size:var(--step--2);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.c-metrics-stat-value{font-size:var(--step-3);color:var(--color-fg-primary);font-weight:700}.c-metrics-stat-unit{font-size:var(--step--1);color:var(--color-fg-muted);margin-inline-start:.25rem;font-weight:400}.c-metrics-stat-desc{font-size:var(--step--2);color:var(--color-fg-secondary);margin:0;line-height:1.3}.c-metrics-section-header{border-block-end:1px solid var(--color-border-subtle);flex-wrap:nowrap;padding-block-end:var(--space-2xs)}.c-metrics-section-title{font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-fg-primary);margin:0;font-weight:600}.c-metrics-section-count{font-size:var(--step--2);color:var(--color-fg-muted)}.c-metrics-section-desc{font-size:var(--step--1);color:var(--color-fg-secondary);margin:0;line-height:1.5}.c-metrics-chapter-row{padding:var(--space-s);border-radius:var(--radius-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-metrics-chapter-num{font-size:var(--step--1);color:var(--color-fg-muted);inline-size:1.25rem;font-weight:700}.c-metrics-chapter-title{font-size:var(--step--1);color:var(--color-fg-primary);margin:0;font-weight:700}.c-metrics-chapter-meta{font-size:var(--step--2);color:var(--color-fg-muted);flex-wrap:nowrap}.c-metrics-chapter-notes-badge{color:var(--color-brand);font-size:var(--step--3);--cluster-gap:.25rem;flex-wrap:nowrap;display:inline-flex}.c-metrics-chapter-stat{text-align:right;flex-shrink:0}.c-metrics-chapter-stat-count{font-size:var(--step--1);color:var(--color-fg-primary);font-weight:600;display:block}.c-metrics-chapter-stat-label{font-size:var(--step--3);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.c-metrics-guarantee{padding:var(--space-m);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);font-size:var(--step--1);color:var(--color-fg-secondary)}.c-metrics-guarantee-title{color:var(--color-fg-primary);flex-wrap:nowrap;font-weight:600}.c-metrics-guarantee-text{line-height:1.5;font-size:var(--step--2);margin:0}.c-circles-tag-pill{padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-brand)12%,transparent);color:var(--color-brand);font-size:var(--step--3);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-block:.125rem;font-weight:700}.c-circles-count-badge{padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-bg-base);font-size:var(--step--3);padding-block:.125rem;font-weight:700}.c-circles-empty-icon-box{border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-brand)12%,transparent);block-size:3rem;inline-size:3rem;color:var(--color-brand);--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-xs);margin-inline:auto}.c-circles-card-footer{border-block-start:1px solid var(--color-border-subtle);font-size:var(--step--1);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap;padding-block-start:var(--space-xs)}.c-circles-invite-grid{--grid-gap:var(--space-m);--min-width:min(22rem,100%)}.c-circles-invite-thumb{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-shrink:0;block-size:3.5rem;inline-size:3.5rem;position:relative;overflow:hidden}.c-circles-invite-icon{border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-brand)12%,transparent);block-size:3.5rem;inline-size:3.5rem;color:var(--color-brand);--cluster-gap:0;flex-wrap:nowrap;flex-shrink:0}.c-circles-invite-role-tag{padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:var(--color-bg-muted);font-size:var(--step--3);text-transform:uppercase;padding-block:.125rem;font-weight:600}.c-circles-invite-actions{border-block-start:1px solid var(--color-border-subtle);--cluster-gap:var(--space-s);flex-wrap:nowrap;padding-block-start:var(--space-xs)}.c-circle-detail-header-card{padding:var(--space-m);border-block-end:1px solid var(--color-border-subtle);--cluster-gap:0;flex-wrap:nowrap}.c-circle-roster-avatar{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);flex-shrink:0;block-size:2.5rem;inline-size:2.5rem;position:relative;overflow:hidden}.c-circle-roster-avatar img{object-fit:cover}.c-circle-roster-role-badge{font-size:var(--step--2);font-family:var(--font-mono)}.c-circle-roster-role-badge[data-role=owner]{color:#d97706;font-weight:var(--font-weight-semibold)}.c-circle-roster-role-badge[data-role=admin]{color:#2563eb;font-weight:var(--font-weight-semibold)}.c-circle-roster-role-badge[data-role=pending]{padding-inline:var(--space-2xs);color:#d97706;border-radius:var(--radius-full);--cluster-gap:.25rem;background-color:#d977061a;flex-wrap:nowrap;display:inline-flex}.c-circle-loading{--cluster-gap:0;flex-wrap:nowrap;min-block-size:70vh}.c-circle-loading-text{font-size:var(--step--1);color:var(--color-fg-muted);font-family:var(--font-mono)}.c-circle-icon-2xs{block-size:.625rem;inline-size:.625rem}.c-circle-icon-xs{block-size:.75rem;inline-size:.75rem}.c-circle-icon-sm{block-size:.875rem;inline-size:.875rem}.c-circle-icon-md{block-size:1rem;inline-size:1rem}.c-circle-icon-lg{block-size:3rem;inline-size:3rem}.c-circle-detail-title{font-size:var(--step-3);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);font-family:var(--font-mono)}.c-circle-detail-desc{font-size:var(--step--1);color:var(--color-fg-muted);max-inline-size:40rem;line-height:1.6}.c-circle-detail-founder{font-size:var(--step--2);color:var(--color-fg-muted);font-family:var(--font-mono)}.c-circle-detail-highlight{color:var(--color-fg-primary);font-weight:var(--font-weight-semibold)}.c-circle-verified-badge{font-size:var(--step--2);padding-inline:var(--space-2xs);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-brand);font-family:var(--font-mono);font-weight:var(--font-weight-bold)}.c-circle-card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.c-circle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.c-circle-card{--stack-gap:0}.c-circle-cover{aspect-ratio:2;background-color:var(--color-bg-muted);display:block;position:relative;overflow:hidden}.c-circle-cover img{object-fit:cover;transition:transform var(--transition-normal)}.c-circle-cover:hover img{transform:scale(1.02)}.c-circle-invite-card{padding:var(--space-m);background-color:var(--color-bg-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);--stack-gap:var(--space-m);justify-content:space-between}.c-circle-hero{background-color:var(--color-bg-muted);border-radius:var(--radius-xl);block-size:clamp(10rem,20vw,16rem);inline-size:100%;position:relative;overflow:hidden}.c-circle-hero img{object-fit:cover}.c-circle-hero-meta{padding-inline:clamp(var(--space-s),3vw,var(--space-xl));gap:var(--space-m);flex-direction:column;margin-block-start:calc(-1*var(--space-xl));padding-block-end:var(--space-m);display:flex;position:relative}@media (min-width:640px){.c-circle-hero-meta{flex-direction:row;justify-content:space-between;align-items:flex-end}}.c-circle-member-list{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.c-circle-member-row{padding:var(--space-m);border-block-end:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast)}.c-circle-member-row:last-child{border-block-end:none}.c-circle-member-row:hover{background-color:var(--color-bg-muted)}.c-circle-member-row{--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-circle-back-link{color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--step--1);transition:color var(--transition-fast);display:inline-flex}.c-circle-back-link:hover{color:var(--color-fg-primary)}.c-circle-back-link{flex-wrap:nowrap}.c-circle-detail-banner{border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.c-circle-detail-hero{background-color:var(--color-bg-muted);block-size:clamp(12rem,25vw,16rem);inline-size:100%;position:relative}.c-circle-detail-hero img{object-fit:cover}.c-circle-detail-hero-gradient{background:linear-gradient(to top,var(--color-bg-base)0%,transparent 80%);position:absolute;inset:0}.c-circle-detail-meta{padding-inline:clamp(var(--space-s),4vw,var(--space-xl));gap:var(--space-l);flex-direction:column;margin-block-start:calc(-1*var(--space-2xl));padding-block-end:var(--space-l);display:flex;position:relative}@media (min-width:640px){.c-circle-detail-meta{flex-direction:row;justify-content:space-between;align-items:flex-end}}.c-circle-role-badge{padding-inline:var(--space-xs);border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-brand-fg);font-family:var(--font-mono);font-size:var(--step--2);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;--cluster-gap:.35rem;flex-wrap:nowrap;padding-block:.2rem;display:inline-flex}.c-circle-actions{flex-shrink:0}.c-circle-action-btn{padding-inline:var(--space-s);padding-block:var(--space-xs);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);display:inline-flex}.c-circle-action-btn[data-variant=primary]{background-color:var(--color-brand);color:var(--color-brand-fg);border:1px solid var(--color-brand)}.c-circle-action-btn[data-variant=primary]:hover{opacity:.9}.c-circle-action-btn[data-variant=secondary]{background-color:var(--color-bg-muted);color:var(--color-fg-primary);border:1px solid var(--color-border-subtle)}.c-circle-action-btn[data-variant=secondary]:hover{background-color:var(--color-bg-overlay)}.c-circle-action-btn[data-variant=danger]{color:var(--color-fg-muted);border:1px solid var(--color-border-subtle);padding:var(--space-xs);background-color:#0000}.c-circle-action-btn[data-variant=danger]:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d}.c-circle-action-btn{flex-wrap:nowrap}.c-circle-tabs{border-block-end:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;--cluster-gap:var(--space-l);flex-wrap:nowrap}.c-circle-tab{padding-block:var(--space-s);color:var(--color-fg-muted);cursor:pointer;transition:color var(--transition-fast);border-block-end:2px solid #0000;display:inline-flex}.c-circle-tab:hover{color:var(--color-fg-primary)}.c-circle-tab[data-active=true]{color:var(--color-fg-primary);border-block-end-color:var(--color-brand);font-weight:var(--font-weight-bold)}.c-circle-tab{flex-wrap:nowrap}.c-circle-playlist-grid{gap:var(--space-l);grid-template-columns:1fr;display:grid}@media (min-width:768px){.c-circle-playlist-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.c-circle-playlist-grid{grid-template-columns:repeat(3,1fr)}}.c-circle-playlist-card{background-color:var(--color-bg-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.c-circle-playlist-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.c-circle-playlist-card{--stack-gap:0}.c-circle-playlist-thumb{aspect-ratio:16/9;background-color:var(--color-bg-muted);display:block;position:relative;overflow:hidden}.c-circle-playlist-thumb img{object-fit:cover;transition:transform var(--transition-normal)}.c-circle-playlist-thumb:hover img{transform:scale(1.02)}.c-circle-playlist-badge{z-index:10;padding-inline:var(--space-xs);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--step--2);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding-block:.15rem;display:inline-flex;position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs)}.c-circle-playlist-badge[data-visibility=circle]{color:#bfdbfe;background-color:#1e3a8ad9;border:1px solid #93c5fd4d}.c-circle-playlist-badge[data-visibility=public]{color:#a7f3d0;background-color:#064e3bd9;border:1px solid #6ee7b74d}.c-circle-playlist-badge{--cluster-gap:.25rem;flex-wrap:nowrap}.c-circle-playlist-body{padding:var(--space-m);--stack-gap:var(--space-m);flex:1;justify-content:space-between}.c-circle-playlist-footer{border-block-start:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:var(--step--1);--cluster-gap:0;flex-wrap:nowrap;padding-block-start:var(--space-s)}.c-circle-empty{text-align:center;padding-block:var(--space-2xl);padding-inline:var(--space-l);background-color:var(--color-bg-raised);border-radius:var(--radius-xl);border:1px dashed var(--color-border-subtle);max-inline-size:32rem;margin-inline:auto}.c-circle-empty-icon{block-size:3rem;inline-size:3rem;color:var(--color-fg-muted);margin-block-end:var(--space-s);margin-inline:auto}.c-circle-empty-title{font-size:var(--step-1);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);font-family:var(--font-mono);margin-block-end:var(--space-2xs)}.c-circle-empty-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-end:var(--space-m);line-height:1.6}.c-circle-dialog-danger{background-color:var(--color-danger,#ef4444);color:#fff}.c-circle-member-name{font-size:var(--step--1);font-weight:var(--font-weight-bold);color:var(--color-fg-primary)}.c-circle-invite-modal-icon{block-size:1.25rem;inline-size:1.25rem}.c-circle-invite-modal-highlight{color:var(--color-fg-primary)}.c-circle-invite-modal-form{--stack-gap:var(--space-m);margin-block-start:var(--space-s)}.c-circle-invite-modal-error{font-size:var(--step--1)}.c-circle-invite-modal-label{font-weight:700;display:block}.c-circle-invite-modal-combobox{position:relative}.c-circle-invite-modal-input-box{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background-color:var(--color-bg-base);min-block-size:44px;inline-size:100%;padding-inline:var(--space-s);padding-block:var(--space-3xs)}.c-circle-invite-modal-chip{padding-inline:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);font-size:var(--step--1);color:var(--color-fg-primary);flex-wrap:nowrap;padding-block:.125rem;display:inline-flex}.c-circle-invite-modal-chip-avatar{border-radius:var(--radius-full);object-fit:cover;block-size:1.25rem;inline-size:1.25rem}.c-circle-invite-modal-chip-initial{border-radius:var(--radius-full);background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);block-size:1.25rem;inline-size:1.25rem;font-size:var(--step--3);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-circle-invite-modal-chip-name{max-width:8rem;color:var(--color-fg-primary);font-weight:500}.c-circle-invite-modal-chip-sub{color:var(--color-fg-muted);font-size:var(--step--3)}.c-circle-invite-modal-chip-remove{cursor:pointer;color:var(--color-fg-muted);background:0 0;border:none;padding:.125rem}.c-circle-invite-modal-option-avatar{border-radius:var(--radius-full);object-fit:cover;block-size:1.75rem;inline-size:1.75rem}.c-circle-invite-modal-option-initial{border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);block-size:1.75rem;inline-size:1.75rem;font-size:var(--step--1);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-circle-invite-modal-option-info{min-width:0}.c-circle-invite-modal-option-name{font-size:var(--step--1);color:var(--color-fg-primary);margin:0;font-weight:500}.c-circle-invite-modal-empty-state{padding:var(--space-s)}.c-circle-invite-modal-empty-text{color:var(--color-fg-muted);font-size:var(--step--2)}.c-circle-invite-modal-roles-grid{gap:var(--space-s);grid-template-columns:1fr 1fr;display:grid}.c-circle-invite-modal-role-btn{padding:var(--space-s);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background-color:#0000}.c-circle-invite-modal-role-btn[data-selected=true]{border-color:var(--color-brand);background-color:color-mix(in srgb,var(--color-brand)8%,transparent)}.c-circle-invite-modal-role-title{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-fg-primary);flex-wrap:nowrap;font-weight:700}.c-circle-invite-modal-role-icon{color:var(--color-brand)}.c-circle-invite-modal-role-desc{font-size:var(--step--2);color:var(--color-fg-secondary);margin:0}.c-circle-invite-modal-footer{border-block-start:1px solid var(--color-border-subtle);--cluster-gap:var(--space-s);flex-wrap:nowrap;padding-block-start:var(--space-s)}.c-circle-invite-modal-btn-cancel{font-family:var(--font-mono);font-size:var(--step--1)}.c-circle-invite-modal-btn-submit{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:var(--tracking-wider);gap:var(--space-2xs)}.c-dashboard-edit-loading{--cluster-gap:0;flex-wrap:nowrap;min-block-size:100vh}.c-dashboard-edit-loading-text{color:var(--color-fg-muted)}.c-dashboard-edit-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-m),5vw,var(--space-xl));padding-block:clamp(var(--space-l),6vw,var(--space-2xl))}.c-dashboard-edit-backlink{opacity:.7;color:inherit;min-block-size:44px;transition:opacity var(--transition-fast);flex-wrap:nowrap;text-decoration:none;display:inline-flex}.c-dashboard-edit-backlink:hover{opacity:1}.c-dashboard-edit-backlink-icon{block-size:.75rem;inline-size:.75rem}.c-dashboard-edit-header{border-block-end:1px solid var(--color-border-subtle);--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-dashboard-edit-cover{background-color:var(--color-bg-muted);border-radius:var(--radius-sm);flex-shrink:0;block-size:3rem;inline-size:3rem;position:relative;overflow:hidden}.c-dashboard-edit-cover-img{object-fit:cover}.c-dashboard-edit-title{font-family:var(--font-sans);font-size:var(--step-4);letter-spacing:-.02em;color:var(--color-fg-primary);margin-block-end:var(--space-2xs);font-weight:700;line-height:1}.c-dashboard-edit-meta{--cluster-gap:var(--space-s);flex-wrap:nowrap;margin-block-start:var(--space-2xs)}.c-dashboard-edit-tabs{border-block-end:1px solid var(--color-border-subtle);--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-dashboard-edit-tab-btn{cursor:pointer;min-block-size:44px;transition:color var(--transition-fast);background:0 0;border:none;padding-block-end:var(--space-s)}.c-dashboard-edit-tab-btn[data-active=true]{border-block-end:2px solid var(--color-brand);color:var(--color-fg-primary)}.c-dashboard-edit-tab-btn[data-active=false]{color:var(--color-fg-muted);border-block-end:2px solid #0000}.c-dashboard-edit-error{padding:var(--space-s);border:1px solid var(--color-danger,#ef4444);border-radius:var(--radius-sm);color:var(--color-danger,#ef4444);background-color:#ef44441a;margin-block-end:var(--space-m)}.c-dashboard-edit-section{border:1px solid var(--color-border-subtle);padding:var(--space-m);border-radius:var(--radius-md);background-color:var(--color-bg-raised)}.c-dashboard-edit-section-label{margin-block-end:var(--space-m);display:block}.c-dashboard-edit-theme-row{padding-block:var(--space-m);border-block-start:1px solid var(--color-border-subtle);--cluster-gap:0;flex-wrap:nowrap}.c-dashboard-edit-theme-title{margin-block-end:var(--space-3xs);display:block}.c-dashboard-edit-theme-sub{color:var(--color-fg-muted)}.c-dashboard-edit-save-bar{background-color:var(--color-bg-base);border-block-start:1px solid var(--color-border-subtle);padding-block:var(--space-s);z-index:20;position:sticky;inset-block-end:0}.c-dashboard-edit-save-btn[data-save-success=true]{background-color:var(--color-success)}.c-dashboard-edit-video-form-card{padding:var(--space-m);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised);margin-block-end:var(--space-l)}.c-dashboard-edit-helper-text{color:var(--color-fg-muted);margin-block-start:calc(-1*var(--space-s));display:block}.c-dashboard-edit-video-btn-add{flex:1}.c-dashboard-edit-muted-text{color:var(--color-fg-muted)}.c-dashboard-edit-empty{text-align:center;padding-block:var(--space-2xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised)}.c-dashboard-edit-empty-title{margin-block-end:var(--space-xs);display:block}.c-dashboard-edit-empty-desc{color:var(--color-fg-muted);display:block}.c-dashboard-edit-danger-zone{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-l)}.c-artist-links-editor{--stack-gap:var(--space-s);padding-block-start:var(--space-xs)}.c-artist-links-editor__header{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-artist-links-editor__title{display:block}.c-artist-links-editor__desc{font-size:var(--step--2);color:var(--color-fg-muted);margin-block-start:.15rem}.c-artist-links-editor__add-btn{padding-inline:var(--space-xs);font-size:var(--step--2);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);color:var(--color-fg-primary);cursor:pointer;border-radius:var(--radius-xs);flex-wrap:nowrap;flex-shrink:0;padding-block:.25rem;display:inline-flex}.c-artist-links-editor__plus-icon{block-size:.875rem;inline-size:.875rem;color:var(--color-brand)}.c-artist-links-editor__empty-box{padding:var(--space-s);border:1px dashed var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-artist-links-editor__empty-meta{font-size:var(--step--2);color:var(--color-fg-muted);flex-wrap:nowrap}.c-artist-links-editor__sparkles{opacity:.6;flex-shrink:0;block-size:.875rem;inline-size:.875rem}.c-artist-links-editor__empty-add-btn{font-size:var(--step--2);color:var(--color-brand);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none}.c-artist-links-editor__row{padding:var(--space-s);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-sm)}.c-artist-links-editor__select-wrap{flex:180px;min-inline-size:180px}.c-artist-links-editor__select{background-color:var(--color-bg-base);border:1px solid var(--color-border-subtle);inline-size:100%;padding-inline:var(--space-xs);font-size:var(--step--2);color:var(--color-fg-primary);font-family:var(--font-mono);border-radius:var(--radius-xs);padding-block:.35rem}.c-artist-links-editor__input-wrap{flex:2 240px;position:relative}.c-artist-links-editor__input{background-color:var(--color-bg-base);inline-size:100%;padding-inline:var(--space-xs);font-size:var(--step--2);color:var(--color-fg-primary);font-family:var(--font-mono);border-radius:var(--radius-xs);border:1px solid;padding-block:.35rem}.c-artist-links-editor__input[data-blocked-streaming-validation-validation-valid=true]{border-color:#dc2626}.c-artist-links-editor__input[data-blocked-streaming-validation-validation-valid=false]{border-color:var(--color-border-subtle)}.c-artist-links-editor__remove-btn{color:var(--color-fg-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;padding:.35rem}.c-artist-links-editor__trash-icon{block-size:.875rem;inline-size:.875rem}.c-artist-links-editor__error-banner{padding:var(--space-xs);color:#dc2626;font-size:var(--step--2);border-radius:var(--radius-xs);--cluster-gap:.35rem;background-color:#ef44441a;border:1px solid #ef44444d;flex-wrap:nowrap;line-height:1.4}.c-artist-links-editor__error-icon{flex-shrink:0;block-size:.875rem;inline-size:.875rem;margin-block-start:.1rem}.c-artist-links-editor__warning-banner{color:#dc2626;font-size:var(--step--2);--cluster-gap:.35rem;flex-wrap:nowrap}.c-artist-links-editor__warning-icon{flex-shrink:0;block-size:.75rem;inline-size:.75rem}.c-cover-option,.c-cover-thumbnail,.c-cover-preview{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);position:relative}.c-cover-option{outline:1px solid var(--color-border-subtle);outline-offset:2px;cursor:pointer;border:none;padding:0}.c-cover-option[data-selected=true]{outline:2px solid var(--color-brand)}.c-cover-thumbnail{flex-shrink:0;inline-size:5rem}.c-cover-preview{border-radius:var(--radius-sm);inline-size:100%;max-inline-size:28rem}.c-cover-ratio-spacer{visibility:hidden;block-size:auto;inline-size:100%;display:block}.c-cover-picker{--stack-gap:var(--space-m)}.c-cover-picker__header{--cluster-gap:0;flex-wrap:nowrap}.c-cover-picker__modes{flex-wrap:nowrap}.c-cover-picker__mode-btn{padding-inline:var(--space-s);padding-block:var(--space-xs);border-radius:var(--radius-xs);cursor:pointer;min-block-size:44px;transition:all var(--transition-fast);border:none}.c-cover-picker__mode-btn[data-active=true]{background-color:var(--color-fg-primary);color:var(--color-bg-base)}.c-cover-picker__mode-btn[data-active=false]{background-color:var(--color-bg-muted);color:var(--color-fg-muted)}.c-cover-picker__category-btn{padding-inline:var(--space-s);border-radius:var(--radius-xs);cursor:pointer;min-block-size:36px;transition:all var(--transition-fast);border:1px solid;padding-block:.35rem}.c-cover-picker__category-btn[data-active=true]{background-color:var(--color-fg-primary);color:var(--color-bg-base);border-color:var(--color-fg-primary)}.c-cover-picker__category-btn[data-active=false]{color:var(--color-fg-muted);border-color:var(--color-border-subtle);background-color:#0000}.c-cover-picker__grid{--min-width:max(5rem,calc((100% - var(--grid-gap)*4)/5));--grid-gap:var(--space-2xs)}.c-cover-picker__image{object-fit:cover}.c-cover-picker__selected-overlay{z-index:10;--cluster-gap:0;background-color:#0006;flex-wrap:nowrap;position:absolute;inset:0}.c-cover-picker__check-icon{color:#fff;block-size:1rem;inline-size:1rem}.c-cover-picker__preview-meta{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-cover-picker__url-stack{--stack-gap:var(--space-s)}.c-edit-track-dialog__content{max-inline-size:40rem;padding:var(--space-l);max-height:calc(100vh - 4rem);overflow-y:auto}.c-edit-track-dialog__title{font-size:var(--step-1);font-family:var(--font-mono)}.c-edit-track-dialog__desc{font-size:var(--step--1);color:var(--color-fg-muted)}.c-edit-track-dialog__form{--stack-gap:var(--space-m);margin-block-start:var(--space-s)}.c-edit-track-dialog__error-box{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#ef44441a;border:1px solid #ef444466}.c-edit-track-dialog__error-label{color:#dc2626}.c-edit-track-dialog__preview-box{padding:var(--space-s);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-edit-track-dialog__thumb-frame{aspect-ratio:16/9;border-radius:var(--radius-xs);background-color:#000;flex-shrink:0;inline-size:4rem;position:relative;overflow:hidden}.c-edit-track-dialog__thumb-img{object-fit:cover}.c-edit-track-dialog__meta-wrap{flex:1;min-inline-size:0}.c-edit-track-dialog__lock-tag{font-size:var(--step--2);color:var(--color-fg-muted);--cluster-gap:.35rem;flex-wrap:nowrap}.c-edit-track-dialog__lock-icon{opacity:.7;block-size:.75rem;inline-size:.75rem}.c-edit-track-dialog__source-id{color:var(--color-fg-primary);margin-block-start:.15rem;display:block}.c-edit-track-dialog__footer{justify-content:flex-end;gap:var(--space-xs);border-block-start:1px solid var(--color-border-subtle);flex-wrap:wrap;padding-block-start:var(--space-m);display:flex}.c-edit-track-dialog__cancel-btn{padding-inline:var(--space-m);padding-block:var(--space-xs);border:1px solid var(--color-border-subtle);color:var(--color-fg-primary);font-family:var(--font-mono);font-size:var(--step--1);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000}.c-edit-track-dialog__submit-btn{min-block-size:40px}
}

@layer components {
.c-settings-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-s),4vw,var(--space-xl));padding-block:clamp(var(--space-l),5vw,var(--space-3xl))}.c-settings-back-link{color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--step--1);transition:color var(--transition-fast);display:inline-flex}.c-settings-back-link:hover{color:var(--color-fg-primary)}.c-settings-back-link{flex-wrap:nowrap}.c-settings-title{font-family:var(--font-mono);font-size:var(--step-6);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-fg-primary)}.c-settings-sections{max-inline-size:65%}@media screen and not (min-width:75rem){.c-settings-sections{max-inline-size:100%}}.c-settings-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-xl)}.c-settings-section:first-child{border-block-start:none;padding-block-start:0}.c-settings-section{--stack-gap:var(--space-m)}.c-settings-section-title{font-family:var(--font-mono);font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:var(--space-s)}.c-settings-form{--stack-gap:var(--space-m)}.c-settings-callout{padding:var(--space-m);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--step--1);align-items:center;gap:var(--space-xs);border:1px solid;display:flex}.c-settings-callout[data-variant=success]{color:#059669;background-color:#10b9811a;border-color:#10b9814d}.c-settings-callout[data-variant=error]{color:#dc2626;background-color:#ef44441a;border-color:#ef44444d}.c-settings-callout[data-variant=info]{background-color:var(--color-bg-muted);border-color:var(--color-border-subtle);color:var(--color-fg-muted)}.c-settings-avatar-preview{border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);block-size:6rem;inline-size:6rem;margin-block-start:var(--space-xs);position:relative;overflow:hidden}.c-settings-preference-row{padding:var(--space-m);background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-settings-preference-info{--stack-gap:.25rem}.c-settings-preference-label{font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.c-settings-preference-desc{font-size:var(--step--2);color:var(--color-fg-muted);line-height:1.5}.c-settings-submit-btn{padding-inline:var(--space-l);padding-block:var(--space-s);background-color:var(--color-brand);color:var(--color-brand-fg);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-md);border:1px solid var(--color-brand);cursor:pointer;transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.c-settings-submit-btn:hover{opacity:.9}.c-settings-submit-btn:disabled{opacity:.5;cursor:not-allowed}.c-curator-app-box{padding:var(--space-l);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);gap:var(--space-l);flex-direction:column;display:flex}.c-curator-criterion-list{gap:var(--space-s);flex-direction:column;display:flex}.c-curator-criterion-item{align-items:flex-start;gap:var(--space-s);padding:var(--space-s);border-radius:var(--radius-md);background-color:var(--color-bg-base);border:1px solid var(--color-border-subtle);display:flex}.c-settings-back-icon{block-size:.875rem;inline-size:.875rem}.c-settings-input-disabled{opacity:.6;cursor:not-allowed}.c-settings-avatar-img{object-fit:cover}.c-settings-card-section{padding:var(--space-l);--stack-gap:var(--space-m)}.c-settings-content-wrap{max-inline-size:40rem}.c-settings-header-cluster{flex-wrap:nowrap}.c-settings-badge-help{border-radius:var(--radius-xs);color:var(--color-brand);background-color:#f973161a;padding:.25rem}.c-settings-help-icon{block-size:1rem;inline-size:1rem}.c-settings-kb-label{font-weight:var(--font-weight-bold);text-transform:uppercase}.c-settings-kb-desc{font-size:var(--step--1);color:var(--color-fg-muted);line-height:1.5}.c-settings-kb-link-group{flex-wrap:nowrap;text-decoration:none;display:inline-flex}.c-settings-kb-button{padding-inline:var(--space-m);padding-block:var(--space-s);border:1px solid color-mix(in srgb,var(--color-fg-muted)10%,transparent);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-fg-primary);border-radius:var(--radius-md);flex-wrap:nowrap;text-decoration:none;display:inline-flex}.c-settings-kb-icon{block-size:.875rem;inline-size:.875rem;color:var(--color-fg-muted)}.c-settings-email-header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-s)}.c-settings-email-label{margin-block-end:0}.c-settings-badge-verified{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;color:#059669;padding-inline:var(--space-xs);border-radius:var(--radius-xs);--cluster-gap:.25rem;background-color:#10b9811a;border:1px solid #10b9814d;flex-wrap:nowrap;padding-block:.15rem;display:inline-flex}.c-settings-badge-unverified{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;color:#d97706;padding-inline:var(--space-xs);border-radius:var(--radius-xs);--cluster-gap:.25rem;background-color:#d977061a;border:1px solid #d977064d;flex-wrap:nowrap;padding-block:.15rem;display:inline-flex}.c-settings-email-actions{--cluster-gap:var(--space-s)}.c-settings-btn-secondary{padding-inline:var(--space-m);padding-block:var(--space-s);border:1px solid var(--color-border-subtle);color:var(--color-fg-primary);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;background:0 0}.c-settings-notifications-header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-2xs)}.c-settings-bell-icon{block-size:1rem;inline-size:1rem;color:var(--color-fg-primary)}.c-settings-notifications-status{font-size:var(--step--2);font-family:var(--font-mono);color:#059669}.c-settings-notifications-sublabel{color:var(--color-fg-muted);margin-block-end:var(--space-m);display:block}.c-settings-preferences-list{--stack-gap:var(--space-m)}.c-settings-extension-card{padding:var(--space-l);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-md);--stack-gap:var(--space-l)}.c-settings-extension-header{--cluster-gap:var(--space-m)}.c-settings-extension-title{font-weight:var(--font-weight-bold);font-size:var(--step-0);color:var(--color-fg-primary);flex-wrap:nowrap}.c-settings-extension-badge{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;color:#059669;padding-inline:var(--space-2xs);border-radius:var(--radius-xs);background-color:#10b9811a;border:1px solid #10b9814d}.c-settings-extension-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.25rem}.c-settings-external-icon{opacity:.7;block-size:.875rem;inline-size:.875rem}.c-settings-extension-install-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-m)}.c-settings-install-label{font-weight:var(--font-weight-bold);margin-block-end:var(--space-xs);display:block}.c-settings-install-steps{font-size:var(--step--1);color:var(--color-fg-muted)}.c-settings-recommended-tag{color:var(--color-fg-primary)}.c-settings-install-list{margin-block-start:var(--space-2xs);padding-inline-start:var(--space-l)}.c-settings-zip-code{padding-inline:var(--space-2xs);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);font-size:var(--step--2)}.c-curator-loading-card{padding:var(--space-l);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-md)}.c-curator-skeleton-title{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:1rem;inline-size:12rem;margin-block-end:var(--space-s)}.c-curator-skeleton-line-full{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:.75rem;inline-size:100%}.c-curator-skeleton-line-sub{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:.75rem;inline-size:75%}.c-curator-header-row{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-2xs)}.c-curator-status-label{margin-block-end:0}.c-curator-status-sublabel{color:var(--color-fg-muted);margin-block-end:var(--space-m);display:block}.c-curator-approved-box{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-curator-approved-icon-wrap{padding:var(--space-xs);background-color:var(--color-brand);color:var(--color-brand-fg);border-radius:var(--radius-xs);flex-shrink:0}.c-curator-approved-icon{block-size:1rem;inline-size:1rem}.c-curator-approved-title{font-weight:var(--font-weight-bold);font-size:var(--step-0);color:var(--color-fg-primary)}.c-curator-approved-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.25rem;line-height:1.6}.c-curator-code-pill{padding-inline:var(--space-2xs);background-color:var(--color-bg-muted);font-size:var(--step--2);font-family:var(--font-mono)}.c-curator-editorial-badge{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;color:var(--color-fg-muted)}.c-curator-pending-box{padding:var(--space-l);border-radius:var(--radius-md);background-color:#d977060d;border:1px solid #d9770666;margin-block-end:var(--space-m)}.c-curator-pending-icon{color:#d97706;flex-shrink:0;block-size:1rem;inline-size:1rem;margin-block-start:.15rem}.c-curator-pending-title{font-weight:var(--font-weight-bold);font-size:var(--step-0);color:var(--color-fg-primary);flex-wrap:nowrap}.c-curator-pending-badge{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;padding-inline:var(--space-2xs);color:#d97706;border-radius:var(--radius-xs);background-color:#d9770626;border:1px solid #d9770666}.c-curator-pending-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.25rem}.c-curator-pitch-quote{padding:var(--space-s);background-color:var(--color-bg-base);border:1px solid var(--color-border-subtle);font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:var(--space-s);font-style:italic}.c-curator-declined-box{padding:var(--space-l);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);border-radius:var(--radius-md);margin-block-end:var(--space-m)}.c-curator-declined-icon{block-size:1rem;inline-size:1rem;color:var(--color-fg-muted);flex-shrink:0;margin-block-start:.15rem}.c-curator-checklist-card{padding:var(--space-l);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-md);--stack-gap:var(--space-m)}.c-curator-checklist-header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:.25rem}.c-curator-checklist-status[data-eligibility-is-eligible=true]{color:#059669;font-weight:var(--font-weight-bold)}.c-curator-checklist-status[data-eligibility-is-eligible=false]{color:var(--color-fg-muted);font-weight:400}.c-curator-checklist-intro{font-size:var(--step--1);color:var(--color-fg-muted)}.c-curator-criteria-grid{border-block-start:1px solid var(--color-border-subtle);--grid-gap:var(--space-s);--min-width:240px;padding-block-start:var(--space-m)}.c-curator-criterion-playlists{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-playlists[data-criteria-public-playlists-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-playlists[data-criteria-public-playlists-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-criterion-check-box{--cluster-gap:0;border:1px solid;flex-wrap:nowrap;flex-shrink:0;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.15rem}.c-curator-criterion-check-box[data-criteria-public-playlists-met=true],.c-curator-criterion-check-box[data-criteria-tracks-with-notes-met=true],.c-curator-criterion-check-box[data-criteria-has-bio-met=true],.c-curator-criterion-check-box[data-criteria-has-avatar-met=true],.c-curator-criterion-check-box[data-criteria-account-age-days-met=true],.c-curator-criterion-check-box[data-criteria-email-verified-met=true]{color:#fff;background-color:#059669;border-color:#059669}.c-curator-criterion-check-box[data-criteria-public-playlists-met=false],.c-curator-criterion-check-box[data-criteria-tracks-with-notes-met=false],.c-curator-criterion-check-box[data-criteria-has-bio-met=false],.c-curator-criterion-check-box[data-criteria-has-avatar-met=false],.c-curator-criterion-check-box[data-criteria-account-age-days-met=false],.c-curator-criterion-check-box[data-criteria-email-verified-met=false]{border-color:var(--color-border-subtle);color:var(--color-fg-muted);background-color:#0000}.c-curator-check-icon{block-size:.75rem;inline-size:.75rem}.c-curator-criterion-body{flex:1;min-inline-size:0}.c-curator-criterion-header{font-size:var(--step--1);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);--cluster-gap:0;flex-wrap:nowrap}.c-curator-criterion-progress{font-family:var(--font-mono);font-size:var(--step--2)}.c-curator-criterion-desc{font-size:var(--step--2);color:var(--color-fg-muted);margin-block-start:.25rem}.c-curator-criterion-notes{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-notes[data-criteria-tracks-with-notes-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-notes[data-criteria-tracks-with-notes-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-criterion-bio{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-bio[data-criteria-has-bio-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-bio[data-criteria-has-bio-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-criterion-avatar{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-avatar[data-criteria-has-avatar-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-avatar[data-criteria-has-avatar-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-criterion-age{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-age[data-criteria-account-age-days-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-age[data-criteria-account-age-days-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-criterion-email{padding:var(--space-s);border-radius:var(--radius-sm);--cluster-gap:var(--space-s);border:1px solid;flex-wrap:nowrap}.c-curator-criterion-email[data-criteria-email-verified-met=true]{background-color:#10b9810d;border-color:#10b9814d}.c-curator-criterion-email[data-criteria-email-verified-met=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base)}.c-curator-eligibility-footer{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-xs);padding-block-start:var(--space-xs)}.c-curator-eligible-banner{font-size:var(--step--2);font-family:var(--font-mono);color:#059669;font-weight:var(--font-weight-semibold);--cluster-gap:.25rem;flex-wrap:nowrap}.c-curator-eligible-icon{block-size:.875rem;inline-size:.875rem}.c-curator-send-verification-wrap{flex-wrap:nowrap}.c-curator-verify-btn{padding-inline:var(--space-xs);background-color:var(--color-brand);color:var(--color-brand-fg);font-size:var(--step--2);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-xs);cursor:pointer;--cluster-gap:.25rem;border:none;flex-wrap:nowrap;padding-block:.2rem;display:inline-flex}.c-curator-verify-error{font-size:var(--step--2);color:#dc2626;font-family:var(--font-mono)}.c-curator-pitch-form{border-block-start:1px solid var(--color-border-subtle);--stack-gap:var(--space-m);padding-block-start:var(--space-m)}.c-curator-pitch-label{display:block}.c-curator-pitch-textarea{min-block-size:90px}.c-curator-form-actions{--cluster-gap:var(--space-m);padding-block-start:var(--space-xs)}.c-curator-submit-btn{flex-wrap:nowrap;display:inline-flex}.c-curator-submit-btn[data-eligibility-is-eligible-submitting=true]{cursor:pointer}.c-curator-submit-btn[data-eligibility-is-eligible-submitting=false]{cursor:not-allowed}.c-curator-submit-hint{font-size:var(--step--1);color:var(--color-fg-muted);font-family:var(--font-mono)}
}

@layer components {
.c-profile-container{--container-size:var(--container-size-main);--container-padding:clamp(var(--space-s),4vw,var(--space-xl));padding-block:clamp(var(--space-l),5vw,var(--space-3xl))}.c-profile-top-bar{--cluster-gap:var(--space-m)}.c-profile-back-link{color:var(--color-fg-muted);font-family:var(--font-mono);font-size:var(--step--1);transition:color var(--transition-fast);display:inline-flex}.c-profile-back-link:hover{color:var(--color-fg-primary)}.c-profile-back-link{flex-wrap:nowrap}.c-profile-action-btn{padding-inline:var(--space-s);padding-block:var(--space-xs);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);transition:background-color var(--transition-fast),color var(--transition-fast);display:inline-flex}.c-profile-action-btn[data-variant=secondary]{color:var(--color-fg-primary);background-color:#0000}.c-profile-action-btn[data-variant=secondary]:hover{background-color:var(--color-bg-muted)}.c-profile-action-btn[data-variant=primary]{background-color:var(--color-brand);color:var(--color-brand-fg);border-color:var(--color-brand)}.c-profile-action-btn[data-variant=primary]:hover{opacity:.9}.c-profile-action-btn{flex-wrap:nowrap}.c-profile-avatar-frame{aspect-ratio:4/5;border-radius:var(--radius-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);inline-size:100%;max-inline-size:clamp(7.5rem,30vw,20rem);position:relative;overflow:hidden}.c-profile-avatar-frame img{object-fit:cover;filter:grayscale()}.c-profile-bio-pane{--stack-gap:var(--space-m);justify-content:center}@media (min-width:768px){.c-profile-bio-pane{max-inline-size:45%}}.c-profile-header-title h1{font-size:var(--step-6);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-fg-primary)}.c-profile-bio-text{font-size:var(--step-0);color:var(--color-fg-muted);max-inline-size:40rem;line-height:1.6}.c-profile-stats-row{border-block-start:1px solid var(--color-border-subtle);flex-wrap:nowrap;padding-block-start:var(--space-m)}.c-profile-stat-box{--stack-gap:0}.c-profile-stat-val{font-size:var(--step-3);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:.25rem;line-height:1.1}.c-profile-milestone-section{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-m);padding-block-start:var(--space-m)}.c-profile-invites-callout{border:1px solid #f973164d;border-inline-start-width:4px;border-inline-start-color:var(--color-brand);border-radius:var(--radius-md);padding:var(--space-l);background-color:#f973160d;margin-block-end:var(--space-xl)}.c-profile-skeleton-bar-sm{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:1rem;inline-size:8rem;margin-block-end:var(--space-xl)}.c-profile-skeleton-avatar{opacity:.5}.c-profile-skeleton-bar-lg{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:2rem;inline-size:16rem;margin-block-end:var(--space-s)}.c-profile-skeleton-bar-full{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:1rem;inline-size:100%;margin-block-end:var(--space-xs)}.c-profile-skeleton-bar-three-quarters{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:1rem;inline-size:75%}.c-profile-back-icon{block-size:.875rem;inline-size:.875rem}.c-profile-help-icon{block-size:.875rem;inline-size:.875rem;color:var(--color-brand)}.c-profile-invites-header{flex-wrap:nowrap;margin-block-end:var(--space-m)}.c-profile-invites-dot{border-radius:var(--radius-full);background-color:var(--color-brand);block-size:.625rem;inline-size:.625rem}.c-profile-invites-label{color:var(--color-brand);font-weight:var(--font-weight-bold)}.c-profile-playlists-section{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-xl)}.c-profile-playlists-heading{margin-block-end:var(--space-l);display:block}.c-profile-playlists-grid{--grid-gap:var(--space-l);--min-width:280px}.c-profile-playlist-skeleton-thumb{aspect-ratio:16/9;background-color:var(--color-bg-muted);border-radius:var(--radius-sm);inline-size:100%}.c-profile-playlist-skeleton-text{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:.75rem;inline-size:50%}.c-profile-empty-card{text-align:center;padding-block:var(--space-2xl)}.c-profile-empty-label{opacity:.6}.c-profile-playlist-cover-img{object-fit:cover}.c-profile-playlist-details{margin-block-start:var(--space-s)}.c-profile-playlist-card-title{font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:.25rem}.c-profile-playlist-count-label{margin-block-end:.25rem;display:block}.c-profile-curated-themes-section{border-block-start:1px solid var(--color-border-subtle);margin-block-start:var(--space-2xl);padding-block-start:var(--space-xl)}.c-profile-byline-label{display:block}
}

@layer components {
.c-curator-search-input{min-inline-size:min(7.5rem,100%);font-size:var(--step--1);color:var(--color-fg-primary);background:0 0;border:none;outline:none;flex:1;padding:.25rem 0}.c-curator-search-input--circle{min-inline-size:min(8.75rem,100%);font-family:var(--font-mono)}.c-curator-search-menu{z-index:50;border:1px solid var(--color-border-subtle);background-color:var(--color-bg-overlay);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);max-block-size:15rem;margin-block-start:.25rem;position:absolute;inset-block-start:100%;inset-inline:0;overflow-y:auto}.c-curator-search-menu--circle{background-color:var(--color-bg-raised);box-shadow:var(--shadow-md)}.c-curator-search-option{--cluster-gap:var(--space-s);padding:var(--space-xs)var(--space-s);cursor:pointer;background-color:#0000;flex-wrap:nowrap}.c-curator-search-option--circle{padding:var(--space-s)}.c-curator-search-option[data-highlighted=true]{background-color:var(--color-bg-muted)}.c-collab-container{--container-size:var(--container-size-main);--container-padding:clamp(1rem,4vw,4rem);padding-block:clamp(2rem,6vw,6rem)}.c-collab-section{--stack-gap:clamp(1rem,2vw,1.5rem);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.5rem)}.c-collab-section[data-variant=challenge]{--stack-gap:1.25rem;background-color:color-mix(in srgb,var(--color-bg-muted)30%,transparent);margin-block-end:2rem}.c-collab-box{padding:var(--space-m);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised)}.c-collab-segmented-control{background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);--cluster-gap:0;flex-wrap:nowrap;padding:2px}.c-collab-segmented-btn{padding-inline:var(--space-s);padding-block:var(--space-2xs);font-family:var(--font-mono);font-size:var(--step--2);border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background:0 0;border:none}.c-collab-segmented-btn[data-active=true]{background-color:var(--color-bg-raised);color:var(--color-fg-primary);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-semibold)}.c-collab-badge{padding-inline:var(--space-xs);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--step--2);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding-block:.15rem;display:inline-flex}.c-collab-badge[data-status=active]{color:#059669;background-color:#10b98126;border:1px solid #10b9814d}.c-collab-badge[data-status=off]{background-color:var(--color-bg-muted);color:var(--color-fg-muted);border:1px solid var(--color-border-subtle)}.c-collab-badge{--cluster-gap:.25rem;flex-wrap:nowrap}.c-collab-item{padding:var(--space-m);border-block-end:1px solid var(--color-border-subtle)}.c-collab-item:last-child{border-block-end:none}.c-collab-item{--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-collab-invite-card{padding:var(--space-m);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised);transition:background-color var(--transition-fast)}.c-collab-invite-card:hover{background-color:var(--color-bg-muted)}.c-collab-invite-card{--cluster-gap:var(--space-m);flex-wrap:nowrap}.c-collab-invite-thumb{aspect-ratio:16/9;background-color:var(--color-bg-muted);border-radius:var(--radius-xs);flex-shrink:0;inline-size:5rem;position:relative;overflow:hidden}.c-collab-invite-thumb img{object-fit:cover;filter:grayscale()}.c-milestone-grid{--grid-gap:var(--space-xs);--min-width:20rem}.c-milestone-card{padding:var(--space-s);border-radius:var(--radius-md);background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-milestone-badge-pill{padding-inline:var(--space-xs);border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);font-size:var(--step--2);color:var(--color-fg-primary);flex-wrap:nowrap;padding-block:.2rem;display:inline-flex}.c-collab-loading-container{--cluster-gap:0;flex-wrap:nowrap;min-block-size:70vh}.c-collab-back-icon{block-size:.875rem;inline-size:.875rem}.c-collab-header-section{margin-block-end:var(--space-xl)}.c-collab-subhead-label{margin-block-end:var(--space-2xs);display:block}.c-collab-main-title{font-size:var(--step-3);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:.5rem}.c-collab-meta-label{color:var(--color-fg-muted);display:block}.c-collab-aux-banner-header{--cluster-gap:var(--space-s)}.c-collab-aux-banner-info{flex-wrap:nowrap}.c-collab-aux-icon-badge{padding:var(--space-xs);border-radius:var(--radius-xs);background-color:var(--color-fg-primary);color:var(--color-bg-base);--cluster-gap:0;flex-wrap:nowrap}.c-collab-aux-rotate-icon{block-size:1rem;inline-size:1rem}.c-collab-aux-title-label{font-weight:var(--font-weight-bold);text-transform:uppercase;display:block}.c-collab-aux-desc{font-size:var(--step--2);color:var(--color-fg-muted)}.c-collab-aux-controls{flex-wrap:nowrap;flex-shrink:0}.c-collab-aux-active-pill{padding-inline:var(--space-xs);border-radius:var(--radius-full);color:#8b5cf6;font-size:var(--step--2);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;--cluster-gap:.35rem;background-color:#8b5cf626;border:1px solid #8b5cf64d;flex-wrap:nowrap;padding-block:.2rem;display:inline-flex}.c-collab-aux-active-dot{border-radius:var(--radius-full);background-color:#8b5cf6;block-size:.5rem;inline-size:.5rem}.c-collab-advance-button{font-size:var(--step--2);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:nowrap;display:inline-flex}.c-collab-rotation-wrap{border-block-start:1px solid var(--color-border-subtle);padding-block-start:var(--space-s)}.c-collab-rotation-header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-xs)}.c-collab-rotation-title{color:var(--color-fg-muted);text-transform:uppercase}.c-collab-rotation-goal{color:var(--color-fg-muted)}.c-collab-rotation-list{flex-wrap:nowrap;padding-block-end:var(--space-xs);overflow-x:auto}.c-collab-rotation-member{padding-inline:var(--space-s);border-radius:var(--radius-md);font-size:var(--step--2);font-family:var(--font-mono);border:1px solid;flex-wrap:nowrap;flex-shrink:0;padding-block:.35rem}.c-collab-rotation-member[data-active=true]{border-color:var(--color-brand);background-color:var(--color-brand);color:var(--color-brand-fg)}.c-collab-rotation-member[data-active=false]{border-color:var(--color-border-subtle);background-color:var(--color-bg-base);color:var(--color-fg-muted)}.c-collab-rotation-order{opacity:.7;font-weight:700}.c-collab-rotation-avatar-img{border-radius:var(--radius-full);object-fit:cover;block-size:1.125rem;inline-size:1.125rem}.c-collab-rotation-avatar-fallback{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:1.125rem;inline-size:1.125rem;font-size:var(--step--3);--cluster-gap:0;flex-wrap:nowrap;font-weight:700}.c-collab-rotation-username{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.c-collab-rotation-aux-tag{font-size:var(--type-instrument-medium);text-transform:uppercase;border-radius:var(--radius-xs);color:var(--color-brand);background-color:#fff;padding-inline:.25rem;font-weight:700}.c-collab-add-label{margin-block-end:var(--space-m);display:block}.c-collab-error-banner{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#ef44441a;border:1px solid #ef444466}.c-collab-error-text{color:#dc2626}.c-collab-locked-banner{padding:var(--space-m);border-radius:var(--radius-md);--cluster-gap:var(--space-s);background-color:#d977060d;border:1px solid #d9770666;flex-wrap:nowrap}.c-collab-locked-icon{color:#d97706;flex-shrink:0;block-size:1rem;inline-size:1rem;margin-block-start:.15rem}.c-collab-locked-title{font-weight:var(--font-weight-bold);color:#d97706;text-transform:uppercase;display:block}.c-collab-locked-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.25rem}.c-collab-url-hint{color:var(--color-fg-muted);margin-block-start:calc(-1*var(--space-xs));display:block}.c-collab-submit-button{min-block-size:48px;inline-size:100%}.c-collab-empty-label{padding-block:var(--space-m);color:var(--color-fg-muted);display:block}.c-collab-video-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised)}.c-collab-video-info-cluster{--cluster-gap:var(--space-m);flex-wrap:nowrap;flex:1;min-inline-size:0}.c-collab-video-thumb-frame{aspect-ratio:16/9;border-radius:var(--radius-xs);flex-shrink:0;inline-size:5rem;position:relative;overflow:hidden}.c-collab-video-thumb-img{object-fit:cover}.c-collab-video-details{flex:1;min-inline-size:0}.c-collab-video-title{font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);text-overflow:ellipsis;white-space:nowrap;margin-block-end:.25rem;overflow:hidden}.c-collab-video-meta{color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;margin-block-end:.25rem;display:block;overflow:hidden}.c-collab-video-desc{font-size:var(--step--2);color:var(--color-fg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.c-collab-video-actions{--cluster-gap:.25rem;flex-wrap:nowrap;flex-shrink:0}.c-collab-btn-edit{cursor:pointer;block-size:2.5rem;inline-size:2.5rem;color:var(--color-fg-muted);--cluster-gap:0;background:0 0;border:none;flex-wrap:nowrap}.c-collab-btn-delete{cursor:pointer;color:#dc2626;--cluster-gap:0;background:0 0;border:none;flex-wrap:nowrap;block-size:2.5rem;inline-size:2.5rem}.c-collab-dialog-btn-delete{color:#fff;background-color:#dc2626}.c-challenge-section__row{--cluster-gap:var(--space-m)}.c-challenge-section__info{--stack-gap:.25rem;max-inline-size:36rem}.c-challenge-section__header-row{flex-wrap:nowrap}.c-challenge-section__title{font-weight:var(--font-weight-bold)}.c-challenge-section__icon-sm{block-size:.75rem;inline-size:.75rem}.c-challenge-section__desc{font-size:var(--step--1);color:var(--color-fg-muted);line-height:1.5}.c-challenge-section__btn-icon{vertical-align:middle;block-size:.875rem;inline-size:.875rem;margin-inline-end:.25rem;display:inline-block}.c-challenge-section__error-box{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#ef44441a;border:1px solid #ef444466;margin-block-start:var(--space-xs)}.c-challenge-section__error-text{color:#dc2626}.c-challenge-active__section{--stack-gap:var(--space-m);margin-block-start:var(--space-m)}.c-challenge-active__stack{--stack-gap:var(--space-m)}.c-challenge-active__row{--cluster-gap:var(--space-s)}.c-challenge-active__label{font-weight:var(--font-weight-bold);text-transform:uppercase;display:block}.c-challenge-active__subtext{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-start:.25rem}.c-challenge-active__aux-icon{vertical-align:middle;block-size:.75rem;inline-size:.75rem;margin-inline-end:.25rem;display:inline-block}.c-challenge-active__target-row{border-block-start:1px solid var(--color-border-subtle);--cluster-gap:var(--space-s);padding-block-start:var(--space-s)}.c-challenge-active__target-label{font-weight:var(--font-weight-medium);display:block}.c-challenge-active__target-subtext{font-size:var(--step--2);color:var(--color-fg-muted)}.c-challenge-active__target-btn{padding-inline:var(--space-xs);font-size:var(--step--2);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--radius-xs);cursor:pointer;border:1px solid;padding-block:.25rem}.c-challenge-active__target-btn[data-target-tracks-target=true]{border-color:var(--color-brand);background-color:var(--color-brand);color:var(--color-brand-fg)}.c-challenge-active__target-btn[data-target-tracks-target=false]{border-color:var(--color-border-subtle);color:var(--color-fg-muted);background-color:#0000}.c-challenge-active__callout{padding:var(--space-m);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-raised);border-radius:var(--radius-md)}.c-challenge-active__callout-title{font-weight:var(--font-weight-medium);margin-block-end:.25rem;display:block}.c-challenge-active__callout-desc{color:var(--color-fg-muted)}.c-challenge-active__form-row{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-challenge-active__combobox-wrapper{flex:1;position:relative}.c-challenge-active__label-wrapper{margin-block-end:.25rem}.c-challenge-active__input-relative{position:relative}.c-challenge-active__chips-container{border-block-end:2px solid var(--color-border-subtle);--cluster-gap:.35rem;min-block-size:44px;inline-size:100%;padding-block:.25rem}.c-challenge-active__chip{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);font-size:var(--step--2);--cluster-gap:.35rem;flex-wrap:nowrap;padding-block:.15rem;padding-inline:.25rem .5rem;display:inline-flex}.c-challenge-active__chip-avatar{border-radius:var(--radius-full);object-fit:cover;filter:grayscale();block-size:1.25rem;inline-size:1.25rem}.c-challenge-active__chip-fallback{border-radius:var(--radius-full);background-color:var(--color-border-subtle);block-size:1.25rem;inline-size:1.25rem;font-size:var(--step--3);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-challenge-active__chip-name{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.c-challenge-active__chip-handle{color:var(--color-fg-muted);font-size:var(--step--3)}.c-challenge-active__chip-remove{cursor:pointer;color:var(--color-fg-muted);background:0 0;border:none;padding:.1rem}.c-challenge-active__menu-avatar{border-radius:var(--radius-full);object-fit:cover;filter:grayscale();block-size:2rem;inline-size:2rem}.c-challenge-active__menu-fallback{border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);block-size:2rem;inline-size:2rem;font-size:var(--step--2);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-challenge-active__menu-info{min-inline-size:0}.c-challenge-active__menu-name{font-size:var(--step--1);color:var(--color-fg-primary)}.c-challenge-active__menu-empty{padding:var(--space-s)}.c-challenge-active__submit-btn{flex-wrap:nowrap;flex-shrink:0;min-block-size:44px;display:inline-flex}.c-challenge-active__submit-icon{block-size:1rem;inline-size:1rem}.c-challenge-active__success-box{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#10b9811a;border:1px solid #10b98166}.c-challenge-active__success-text{color:#059669}.c-collaborator-invite__form{--stack-gap:var(--space-m)}.c-collaborator-invite__row{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-collaborator-invite__combobox-wrapper{flex:1;position:relative}.c-collaborator-invite__header{--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-2xs)}.c-collaborator-invite__slots-label{opacity:.6}.c-collaborator-invite__input-relative{position:relative}.c-collaborator-invite__chips-container{border-block-end:2px solid var(--color-border-subtle);--cluster-gap:.35rem;min-block-size:44px;inline-size:100%;padding-block:.25rem}.c-collaborator-invite__chip{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);font-size:var(--step--2);--cluster-gap:.35rem;flex-wrap:nowrap;padding-block:.15rem;padding-inline:.25rem .5rem;display:inline-flex}.c-collaborator-invite__chip-avatar{border-radius:var(--radius-full);object-fit:cover;filter:grayscale();block-size:1.25rem;inline-size:1.25rem}.c-collaborator-invite__chip-fallback{border-radius:var(--radius-full);background-color:var(--color-border-subtle);block-size:1.25rem;inline-size:1.25rem;font-size:var(--step--3);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-collaborator-invite__chip-name{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.c-collaborator-invite__chip-handle{color:var(--color-fg-muted);font-size:var(--step--3)}.c-collaborator-invite__chip-remove{cursor:pointer;color:var(--color-fg-muted);background:0 0;border:none;padding:.1rem}.c-collaborator-invite__chip-remove-icon{block-size:.75rem;inline-size:.75rem}.c-collaborator-invite__menu-avatar{border-radius:var(--radius-full);object-fit:cover;filter:grayscale();block-size:2rem;inline-size:2rem}.c-collaborator-invite__menu-fallback{border-radius:var(--radius-full);background-color:var(--color-bg-muted);border:1px solid var(--color-border-subtle);block-size:2rem;inline-size:2rem;font-size:var(--step--2);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-collaborator-invite__menu-info{min-inline-size:0}.c-collaborator-invite__menu-name{font-size:var(--step--1);color:var(--color-fg-primary)}.c-collaborator-invite__menu-handle{color:var(--color-fg-muted)}.c-collaborator-invite__menu-empty{padding:var(--space-s)}.c-collaborator-invite__submit-btn{flex-shrink:0;min-block-size:44px}.c-collaborator-invite__error-box{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#ef44441a;border:1px solid #ef444466}.c-collaborator-invite__error-text{color:#dc2626}.c-collaborator-invite__success-box{padding:var(--space-s);border-radius:var(--radius-sm);background-color:#10b9811a;border:1px solid #10b98166}.c-collaborator-invite__success-text{color:#059669}.c-collaborator-list__empty{padding-block:var(--space-m);color:var(--color-fg-muted);display:block}.c-collaborator-list__user-group{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-collaborator-list__avatar{border-radius:var(--radius-full);object-fit:cover;filter:grayscale();block-size:2rem;inline-size:2rem}.c-collaborator-list__name-row{--cluster-gap:.35rem}.c-collaborator-list__name{font-size:var(--step--1);color:var(--color-fg-primary);font-weight:var(--font-weight-medium)}.c-collaborator-list__handle{color:var(--color-fg-muted)}.c-collaborator-list__remove-btn{border-radius:var(--radius-xs);block-size:2.25rem;inline-size:2.25rem;color:var(--color-fg-muted);cursor:pointer;transition:all var(--transition-fast);--cluster-gap:0;background:0 0;border:1px solid #0000;flex-wrap:nowrap}.c-collaborator-list__remove-icon{block-size:1rem;inline-size:1rem}.c-collaborator-list__dialog-confirm{color:#fff;background-color:#dc2626}.c-curator-milestones__icon-layers{block-size:.875rem;inline-size:.875rem;color:var(--color-brand)}.c-curator-milestones__icon-users{color:#10b981;block-size:.875rem;inline-size:.875rem}.c-curator-milestones__icon-story{color:#f59e0b;block-size:.875rem;inline-size:.875rem}.c-curator-milestones__icon-award{color:#8b5cf6;block-size:.875rem;inline-size:.875rem}.c-curator-milestones__stack{--stack-gap:var(--space-s)}.c-curator-milestones__heading{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);color:var(--color-fg-muted);flex-wrap:nowrap}.c-curator-milestones__icon-box{border-radius:var(--radius-xs);background-color:var(--color-bg-muted);flex-shrink:0;padding:.35rem}.c-curator-milestones__body{min-inline-size:0}.c-curator-milestones__card-title{font-size:var(--step--1);font-weight:var(--font-weight-bold);color:var(--color-fg-primary)}.c-curator-milestones__card-desc{font-size:var(--step--2);color:var(--color-fg-muted);margin-block-start:.15rem;line-height:1.4}.c-pending-challenges__loading{font-size:var(--step--1);color:var(--color-fg-muted)}.c-pending-challenges__empty-card{text-align:center;padding-block:var(--space-2xl);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background-color:var(--color-bg-raised)}.c-pending-challenges__list{--stack-gap:var(--space-s)}.c-pending-challenges__thumb-wrap{inline-size:8rem}.c-pending-challenges__content{flex:1;min-inline-size:0}.c-pending-challenges__header{margin-block-end:var(--space-2xs)}.c-pending-challenges__title{font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:.25rem}.c-pending-challenges__author{font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.c-pending-challenges__date{font-size:var(--step--2);color:var(--color-fg-muted);font-family:var(--font-mono)}.c-pending-challenges__actions{flex-wrap:nowrap;margin-block-start:var(--space-m)}.c-pending-challenges__action-btn{font-size:var(--step--1);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-wrap:nowrap;display:inline-flex}.c-pending-challenges__btn-icon{block-size:1rem;inline-size:1rem}.c-pending-invitations__empty{font-size:var(--step--1);color:var(--color-fg-muted);padding-block:var(--space-m)}.c-pending-invitations__list{--stack-gap:var(--space-s)}.c-pending-invitations__content{flex:1;min-inline-size:0}.c-pending-invitations__link{font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);text-decoration:none}.c-pending-invitations__invited-by{font-size:var(--step--2);color:var(--color-fg-muted);margin-block-start:.25rem}.c-pending-invitations__author{font-weight:var(--font-weight-semibold);color:var(--color-fg-primary)}.c-pending-invitations__date{font-size:var(--step--2);color:var(--color-fg-muted)}.c-pending-invitations__actions{flex-wrap:nowrap;margin-block-start:var(--space-s)}.c-pending-invitations__action-btn{font-size:var(--step--1);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-wrap:nowrap;flex:1;display:inline-flex}.c-pending-invitations__btn-icon{block-size:1rem;inline-size:1rem}
}

@layer components {
.c-radio-shell{background-color:var(--color-bg-base);min-block-size:100vh;color:var(--color-fg-primary);--stack-gap:0;position:relative}.c-radio-header{z-index:40;background-color:var(--color-bg-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border-subtle);inline-size:100%;position:sticky;inset-block-start:0}.c-radio-header-inner{max-inline-size:80rem;padding-inline:var(--space-m);--cluster-gap:var(--space-s);flex-wrap:nowrap;block-size:4rem;margin-inline:auto}.c-radio-stage{aspect-ratio:16/9;border-radius:var(--radius-xl);inline-size:100%;max-inline-size:56rem;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-subtle);background-color:#000;margin-inline:auto;position:relative;overflow:hidden}.c-radio-poster{z-index:20;padding:var(--space-l);text-align:center;--stack-gap:0;justify-content:center;position:absolute;inset:0}.c-radio-cta-btn{padding-inline:var(--space-xl);padding-block:var(--space-m);border-radius:var(--radius-full);background-color:var(--color-brand);color:var(--color-brand-fg);font-family:var(--font-mono);font-size:var(--step-0);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--transition-fast);border:1px solid #fff3;display:inline-flex}.c-radio-cta-btn:hover{transform:scale(1.04)}.c-radio-cta-btn:active{transform:scale(.96)}.c-radio-cta-btn{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-radio-transport{inline-size:100%;max-inline-size:56rem;padding:var(--space-m);--stack-gap:var(--space-m);margin-inline:auto}.c-radio-transport-controls{--cluster-gap:var(--space-l);flex-wrap:nowrap}.c-radio-play-btn{border-radius:var(--radius-full);background-color:var(--color-brand);block-size:3.5rem;inline-size:3.5rem;color:var(--color-brand-fg);cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border:none}.c-radio-play-btn:hover{transform:scale(1.05)}.c-radio-play-btn:active{transform:scale(.95)}.c-radio-play-btn{--cluster-gap:0;flex-wrap:nowrap}.c-radio-nav-btn{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:2.75rem;inline-size:2.75rem;color:var(--color-fg-primary);border:1px solid var(--color-border-subtle);cursor:pointer;transition:background-color var(--transition-fast)}.c-radio-nav-btn:hover{background-color:var(--color-bg-overlay)}.c-radio-nav-btn:disabled{opacity:.4;cursor:not-allowed}.c-radio-nav-btn{--cluster-gap:0;flex-wrap:nowrap}.c-radio-queue-trigger{padding-inline:var(--space-l);padding-block:var(--space-s);border-radius:var(--radius-full);background-color:var(--color-bg-muted);color:var(--color-fg-primary);font-family:var(--font-mono);font-size:var(--step--1);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast);display:inline-flex}.c-radio-queue-trigger:hover{background-color:var(--color-bg-overlay)}.c-radio-queue-trigger{flex-wrap:nowrap}.c-radio-queue-item{inline-size:100%;padding:var(--space-s);border-radius:var(--radius-md);text-align:start;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:1px solid #0000}.c-radio-queue-item:hover{background-color:var(--color-bg-muted)}.c-radio-queue-item[aria-current=true]{background-color:#f973161a;border-color:#f973164d}.c-radio-queue-item{--cluster-gap:var(--space-s);flex-wrap:nowrap}.c-radio-skeleton-pill{background-color:var(--color-bg-muted);border-radius:var(--radius-full);block-size:2rem;inline-size:6rem}.c-radio-skeleton-title{background-color:var(--color-bg-muted);border-radius:var(--radius-xs);block-size:1.5rem;inline-size:12rem}.c-radio-skeleton-avatar{background-color:var(--color-bg-muted);border-radius:var(--radius-full);block-size:2rem;inline-size:2rem}.c-radio-loading-main{inline-size:100%;max-inline-size:64rem;padding:var(--space-l);--stack-gap:0;flex:1;justify-content:center;margin-inline:auto}.c-radio-loading-stage{background-color:var(--color-bg-muted);--stack-gap:var(--space-s);justify-content:center}.c-radio-loading-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--color-fg-muted)}.c-radio-tuning-text{font-size:var(--step--1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-fg-muted)}.c-radio-gate-shell{padding:var(--space-m);justify-content:center;align-items:center}.c-radio-gate-card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);inline-size:100%;max-inline-size:28rem;padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-lg)}.c-radio-gate-icon-circle{border-radius:var(--radius-full);block-size:3rem;inline-size:3rem;color:var(--color-brand);--cluster-gap:0;background-color:#f973161a;flex-wrap:nowrap;margin-block-end:var(--space-m);margin-inline:auto}.c-radio-gate-lock-icon{block-size:1.5rem;inline-size:1.5rem}.c-radio-gate-title{font-size:var(--step-1);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--color-fg-primary);margin-block-end:.5rem}.c-radio-gate-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-end:var(--space-l);line-height:1.6}.c-radio-gate-cta{text-align:center;justify-content:center}.c-radio-gate-return-link{font-size:var(--step--1);font-family:var(--font-mono);color:var(--color-fg-muted);padding:var(--space-xs);text-decoration:none}.c-radio-empty-icon-circle{border-radius:var(--radius-full);background-color:var(--color-bg-muted);block-size:3rem;inline-size:3rem;color:var(--color-fg-muted);--cluster-gap:0;flex-wrap:nowrap;margin-block-end:var(--space-m);margin-inline:auto}.c-radio-empty-main{padding:var(--space-m);--cluster-gap:0;flex-wrap:nowrap;flex:1}.c-radio-empty-card{background-color:var(--color-bg-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);inline-size:100%;max-inline-size:28rem;padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-sm)}.c-radio-empty-title{font-size:var(--step-0);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);margin-block-end:.5rem}.c-radio-empty-desc{font-size:var(--step--1);color:var(--color-fg-muted);margin-block-end:var(--space-l)}.c-radio-empty-link{text-decoration:none}.c-radio-back-icon{block-size:1rem;inline-size:1rem}.c-radio-active-main{inline-size:100%;max-inline-size:64rem;padding-inline:var(--space-m);padding-block:var(--space-m);--stack-gap:var(--space-l);flex:1;justify-content:space-between;margin-inline:auto}.c-radio-stage-wrapper{inline-size:100%}.c-radio-transport-wrapper{--stack-gap:var(--space-m);inline-size:100%;max-inline-size:56rem;margin-inline:auto}.c-radio-queue-wrapper{--cluster-gap:0;flex-wrap:nowrap;padding-block-end:var(--space-m)}.c-radio-header-brand-cluster{--cluster-gap:var(--space-s);flex-wrap:nowrap;flex-shrink:0}.c-radio-header-home-link{flex-wrap:nowrap;text-decoration:none}.c-radio-header-logo-text{font-weight:var(--font-weight-bold);font-size:var(--step-0);color:var(--color-fg-primary);--cluster-gap:0;flex-wrap:nowrap}.c-radio-header-dot{color:var(--color-brand);font-family:var(--font-serif)}.c-radio-header-mode-tag{font-size:var(--step--3);text-transform:uppercase;font-family:var(--font-mono);border-radius:var(--radius-xs);color:var(--color-brand);background-color:#f973161a;border:1px solid #f9731633;margin-inline-start:.35rem;padding:.15rem .35rem}.c-radio-header-divider{background-color:var(--color-border-subtle);block-size:1rem;inline-size:1px}.c-radio-header-story-pill{font-size:var(--step--1);color:var(--color-fg-muted);padding-inline:var(--space-xs);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background-color:var(--color-bg-muted);flex-wrap:nowrap;padding-block:.35rem;text-decoration:none;display:inline-flex}.c-radio-header-back-icon{block-size:.875rem;inline-size:.875rem}.c-radio-header-story-icon{opacity:.7;block-size:.875rem;inline-size:.875rem}.c-radio-header-meta-cluster{--cluster-gap:var(--space-s);flex-wrap:nowrap;flex:1;min-inline-size:0}.c-radio-header-titles{text-align:right;--stack-gap:0;min-inline-size:0}.c-radio-header-title-heading{font-size:var(--step-0);font-weight:var(--font-weight-semibold);color:var(--color-fg-primary);text-overflow:ellipsis;white-space:nowrap;max-inline-size:20rem;overflow:hidden}.c-radio-header-subhead{font-size:var(--step--2);font-family:var(--font-mono);color:var(--color-fg-muted)}.c-radio-header-curator-cluster{border-inline-start:1px solid var(--color-border-subtle);flex-wrap:nowrap;flex-shrink:0;padding-inline-start:var(--space-s)}.c-radio-header-avatar-frame{border:1px solid var(--color-border-subtle);block-size:1.75rem;inline-size:1.75rem}.c-radio-header-avatar-initials{font-size:var(--step--3);font-weight:700}.c-radio-header-curator-badge{font-size:var(--step--2);font-family:var(--font-mono);padding:.15rem .5rem}.c-radio-stage-player-frame{block-size:100%;inline-size:100%}.c-radio-stage-error-banner{inset-block-start:var(--space-s);inset-inline:var(--space-s);z-index:30;max-inline-size:28rem;padding:var(--space-s)var(--space-m);border-radius:var(--radius-lg);color:#fff;font-size:var(--step--1);box-shadow:var(--shadow-xl);--cluster-gap:var(--space-s);background-color:#dc2626f2;flex-wrap:nowrap;margin-inline:auto;position:absolute}.c-radio-stage-alert-icon{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem}.c-radio-stage-error-text{font-weight:var(--font-weight-medium);flex:1;line-height:1.4}.c-radio-stage-poster-img{object-fit:cover;filter:brightness(50%)blur(2px);transform:scale(1.05)}.c-radio-stage-gradient-overlay{pointer-events:none;background:linear-gradient(#000000b3 0%,#00000080 50%,#000000d9 100%);position:absolute;inset:0}.c-radio-stage-hero-content{z-index:10;max-inline-size:28rem;padding-inline:var(--space-m);--stack-gap:var(--space-m);position:relative}.c-radio-stage-btn-inner{flex-wrap:nowrap;flex-shrink:0}.c-radio-stage-btn-dot{border-radius:var(--radius-full);background-color:#fff;block-size:.625rem;inline-size:.625rem}.c-radio-stage-btn-icon{block-size:1.25rem;inline-size:1.25rem}.c-radio-stage-track-preview{font-size:var(--step--1);color:#fffc;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-inline-size:20rem;overflow:hidden}.c-radio-stage-track-highlight{color:#fff;font-weight:var(--font-weight-semibold)}.c-radio-queue-btn-icon{block-size:1rem;inline-size:1rem;color:var(--color-brand)}.c-radio-queue-chevron-icon{block-size:1rem;inline-size:1rem;color:var(--color-fg-muted)}.c-radio-queue-panel{border-block-start:1px solid var(--color-border-subtle);background-color:var(--color-bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);flex-direction:column;block-size:75vh;max-block-size:85vh;padding:0;display:flex}.c-radio-queue-header-cluster{--cluster-gap:0;flex-wrap:nowrap}.c-radio-queue-title{font-size:var(--step-0);font-weight:var(--font-weight-bold)}.c-radio-queue-count-badge{font-family:var(--font-mono);font-size:var(--step--2)}.c-radio-queue-desc{font-size:var(--step--2);color:var(--color-fg-muted)}.c-radio-queue-scrollable-list{padding:var(--space-s);flex:1;overflow-y:auto}.c-radio-queue-empty-box{padding-block:var(--space-2xl);color:var(--color-fg-muted);--stack-gap:0;justify-content:center}.c-radio-queue-empty-text{font-size:var(--step--1)}.c-radio-queue-item-idx{text-align:center;inline-size:2rem;font-family:var(--font-mono);font-size:var(--step--2);flex-shrink:0}.c-radio-queue-item-idx[data-active=true]{color:var(--color-brand)}.c-radio-queue-item-idx[data-active=false]{color:var(--color-fg-muted)}.c-radio-queue-item-thumb{aspect-ratio:16/9;border-radius:var(--radius-xs);background-color:#000;flex-shrink:0;inline-size:4rem;position:relative;overflow:hidden}.c-radio-queue-item-img{object-fit:cover}.c-radio-queue-item-info{flex:1;min-inline-size:0}.c-radio-queue-item-title{font-size:var(--step--1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-radio-queue-item-title[data-active=true]{font-weight:var(--font-weight-bold);color:var(--color-brand)}.c-radio-queue-item-title[data-active=false]{font-weight:var(--font-weight-medium);color:var(--color-fg-primary)}.c-radio-queue-item-artist{font-size:var(--step--2);color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-radio-queue-item-curator{font-size:var(--step--2);color:var(--color-fg-muted);font-family:var(--font-mono);--cluster-gap:.25rem;flex-wrap:nowrap;flex-shrink:0}.c-radio-queue-user-icon{opacity:.6;block-size:.75rem;inline-size:.75rem}.c-radio-transport-info-cluster{--cluster-gap:var(--space-s)}.c-radio-transport-track-meta{flex:1;min-inline-size:0}.c-radio-transport-badges{flex-wrap:nowrap;margin-block-end:.25rem}.c-radio-transport-track-badge{font-family:var(--font-mono);font-size:var(--step--2);padding:.15rem .5rem}.c-radio-transport-curator-tag{font-size:var(--step--2);color:var(--color-fg-muted);font-family:var(--font-mono);--cluster-gap:.25rem;flex-wrap:nowrap;display:inline-flex}.c-radio-transport-user-icon{opacity:.7;block-size:.75rem;inline-size:.75rem}.c-radio-transport-title{font-size:var(--step-1);font-weight:var(--font-weight-bold);color:var(--color-fg-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-radio-transport-artist{font-size:var(--step--1);color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c-radio-transport-scrubber-group{--stack-gap:.25rem;inline-size:100%}.c-radio-transport-time-display{font-size:var(--step--2);color:var(--color-fg-muted);font-family:var(--font-mono);--cluster-gap:0;flex-wrap:nowrap}.c-radio-transport-skip-icon{block-size:1.25rem;inline-size:1.25rem}.c-radio-transport-pause-icon{block-size:1.5rem;inline-size:1.5rem}.c-radio-transport-play-icon{block-size:1.5rem;inline-size:1.5rem;margin-inline-start:.15rem}
}