:root{--color-window-bg: #0b0b0d;--color-panel-bg: #0e0e11;--color-panel-bg-alt: #0d0d10;--color-card-bg: #161619;--color-card-bg-alt: #141417;--color-card-bg-deep: #121215;--color-border-hairline: #1f1f24;--color-border-subtle: #26262c;--color-border-subtle-alt: #232329;--color-row-divider: #16161a;--color-border-strong: #2a2a30;--color-border-strong-alt: #34343c;--color-border-hover: #3a3a42;--color-track-surface: #1c1c22;--color-input-focus-bg: #17171c;--color-bg: var(--color-window-bg);--color-surface1: var(--color-panel-bg);--color-surface2: var(--color-card-bg-deep);--color-surface3: var(--color-card-bg-alt);--color-surface4: var(--color-card-bg);--color-border: var(--color-border-subtle);--color-border-focus: var(--color-accent);--color-text-primary: #ededf0;--color-text-bright: #ffffff;--color-text-secondary: #9a9aa4;--color-text-secondary-alt: #bcbcc4;--color-text-secondary-bright: #cfcfd6;--color-text-tertiary: #74747e;--color-text-tertiary-alt: #8a8a93;--color-text-muted: #62626c;--color-text-muted-alt: #56565f;--color-text-faint: #3a3a44;--color-text-faint-alt: #44444c;--color-text-disabled: var(--color-text-faint);--color-accent: #35DEDF;--color-accent-light: #80ECED;--color-accent-on-dark: #04181a;--color-accent-tint: rgba(53, 222, 223, .12);--color-accent-pressed: #2BB2B3;--color-accent-subtle: var(--color-accent-tint);--color-accent-green: #62C37A;--color-accent-violet: #AD87ED;--color-accent-amber: #F3A949;--color-accent-red: #EC5B57;--color-accent-orange: #F08E54;--color-accent-magenta: #D1A8FF;--color-accent-mood-green: #8CB460;--color-accent-behavior-violet: #959AF4;--color-feature-more: #6EC272;--color-feature-less: #F5886C;--color-plex: #E5A00D;--color-plex-on-gold: #1A1205;--color-traktor: #3FA9F5;--color-traktor-on-badge: #05121C;--color-mixed-warning: #FFB188;--color-mixed-warning-base: #F79E75;--color-rating-star: #FAB45F;--color-rating-star-muted: #6A6358;--color-accent-green-light: #8FE1A1;--color-toggle-indeterminate: #3A3528;--color-stem-vocals: #DF86D7;--color-stem-drums: #F4A34B;--color-stem-bass: #808FEE;--color-stem-melody: #42C3A6;--color-stem-failed: #E24947;--color-stem-none: #3f3f48;--color-crate-rooftop: #F68675;--color-crate-techno: #00C4CD;--color-crate-deep: #9A9FFF;--color-crate-ambient: #A0B747;--color-transition-predefined: #35DEDF;--color-transition-custom: #F08E54;--color-lane-volume: #7A95E8;--color-lane-e-q: #F3A949;--color-lane-crossfader: #35DEDF;--color-lane-filter: #C088E8;--color-lane-stem: #8CB460;--color-lane-f-x: #F0855C;--cue-a: #62C37A;--cue-b: #F3A949;--cue-c: #D1A8FF;--cue-d: #35DEDF;--cue-e: #EC5B57;--cue-f: #959AF4;--cue-g: #F0CB54;--cue-h: #8CB460;--cue-i: #F08E54;--cue-j: #5DC7BC;--cue-k: #AD87ED;--cue-l: #E36FA8;--color-positive: var(--color-accent-green);--color-negative: var(--color-accent-red);--color-warning: var(--color-accent-amber);--color-row-selected: var(--color-accent-tint);--color-row-selected-text: var(--color-accent-light);--color-row-hover: var(--color-card-bg);--color-row-reference: #173E37;--color-row-playing: var(--color-accent);--color-set-member: #9AA0F0;--color-set-member-tint: rgba(154, 160, 240, .12);--font-family: "IBM Plex Sans", system-ui, sans-serif;--font-family-mono: "IBM Plex Mono", ui-monospace, monospace;--font-size-micro: 9px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-xl: 14px;--font-size-title: 15px;--font-size-panel-title: 16px;--font-size-hero: 22px;--font-size-hero-lg: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--label-tracking-short: .07em;--label-tracking-long: .14em;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 22px;--radius-pill: 4px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-modal: 14px;--shadow-window-color: rgba(0, 0, 0, .6);--shadow-window-radius: 40px;--shadow-window-offset-y: 20px;--shadow-action-bar-color: rgba(0, 0, 0, .45);--shadow-action-bar-radius: 18px;--shadow-action-bar-offset-y: 8px;--shadow-popover-color: rgba(0, 0, 0, .55);--shadow-popover-radius: 24px;--shadow-popover-offset-y: 12px;--shadow-accent-glow-color: rgba(53, 222, 223, .45);--shadow-accent-glow-radius: 18px;--shadow-accent-glow-offset-y: 0px;--sidebar-width: 248px;--top-bar-height: 56px;--transport-height: 74px;--table-row-height-crate: 48px;--transition-lane-height: 46px;--chip-height-sm: 25px;--chip-height-lg: 34px;--button-height-primary: 30px;--button-height-small: 24px;--input-height: 28px;--tab-bar-height: 34px;--mobile-tab-bar-height: 56px;--mobile-mini-player-height: 132px;--key-1: oklch(.72 .16 0);--key-2: oklch(.72 .16 30);--key-3: oklch(.72 .16 60);--key-4: oklch(.72 .16 90);--key-5: oklch(.72 .16 120);--key-6: oklch(.72 .16 150);--key-7: oklch(.72 .16 180);--key-8: oklch(.72 .16 210);--key-9: oklch(.72 .16 240);--key-10: oklch(.72 .16 270);--key-11: oklch(.72 .16 300);--key-12: oklch(.72 .16 330);--rating-you: var(--color-rating-star);--rating-crew: var(--color-accent);--rating-reverse: var(--color-accent-violet);--transition-predefined: var(--color-transition-predefined);--transition-custom: var(--color-transition-custom)}*{box-sizing:border-box}:root{--web-mini-player-height: 200px}html,body,#root{height:100%;margin:0}body{background:var(--color-window-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-xl);-webkit-font-smoothing:antialiased}.app-window{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%;min-height:100%;background:var(--color-window-bg)}.app-main{display:flex;flex-direction:column;min-width:0;overflow:auto}.sidebar{display:flex;flex-direction:column;background:var(--color-panel-bg);border-right:1px solid var(--color-border-hairline);min-height:0}.brand{display:flex;align-items:center;gap:var(--spacing-md);height:var(--top-bar-height);padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border-hairline)}.brand-mark{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--color-accent)}.brand-word{font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-text-bright);text-transform:uppercase;font-size:var(--font-size-title)}.nav{padding:var(--spacing-md);display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);height:var(--chip-height-lg);padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;font-size:var(--font-size-xl);text-align:left;width:100%}.nav-item:hover{background:var(--color-card-bg);color:var(--color-text-primary)}.nav-item.active{background:var(--rating-crew-tint, var(--color-card-bg));color:var(--color-accent-light);border-left-color:var(--color-accent)}.nav-item .glyph{width:18px;text-align:center;color:currentColor;opacity:.9}.footer{border-top:1px solid var(--color-border-hairline);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-green)}.status-dot.offline{background:var(--color-accent-red)}.shared-count{color:var(--color-text-muted)}.screen-header{height:var(--top-bar-height);flex-shrink:0;display:flex;align-items:center;padding:0 var(--spacing-xxl);border-bottom:1px solid var(--color-border-hairline);font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);color:var(--color-text-bright)}.activity-header{justify-content:space-between;gap:var(--spacing-lg)}.screen-body{padding:var(--spacing-xxl);color:var(--color-text-secondary)}.screen-body .lede{color:var(--color-text-tertiary);font-size:var(--font-size-lg);max-width:60ch}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-xxl)}.boot .title{font-size:var(--font-size-hero);color:var(--color-text-bright);font-weight:var(--font-weight-semibold)}.boot .sub{color:var(--color-text-tertiary);max-width:44ch}.boot .spinner{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{height:var(--button-height-primary);padding:0 var(--spacing-xl);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-on-dark);border:none;font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-xl)}.btn-ghost{height:var(--button-height-primary);padding:0 var(--spacing-lg);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);cursor:pointer}.error-banner{color:var(--color-accent-red)}.stars{display:inline-flex;gap:2px;align-items:center}.stars.crew{position:relative}.star{font-size:var(--font-size-panel-title);line-height:1}.star.you{color:var(--color-border-strong);cursor:pointer;background:none;border:none;padding:0}.star.you.filled{color:var(--rating-you)}.crew-base{display:inline-flex;color:var(--color-border-strong)}.crew-overlay{display:inline-flex;position:absolute;top:0;left:0;color:var(--rating-you);overflow:hidden;white-space:nowrap}.dual-rating{display:flex;flex-direction:column;gap:var(--spacing-md)}.dual-rating-meters{display:flex;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap}.rating-meter-sep{align-self:stretch;width:1px;min-height:var(--chip-height-lg);background:var(--color-border-hairline)}.rating-meter{display:flex;flex-direction:column;gap:var(--spacing-xs)}.rating-meter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);text-transform:uppercase}.rating-meter-label.you{color:var(--rating-you)}.rating-meter-label.crew{color:var(--rating-crew)}.rating-meter.crew.unrated{opacity:.5}.rating-meter-avg{font-family:var(--font-family-mono);font-size:var(--font-size-panel-title);color:var(--rating-crew)}.rating-meter.crew.unrated .rating-meter-avg{color:var(--color-text-muted)}.rating-meter-count{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.crew-cluster{display:flex;gap:var(--spacing-lg);align-items:flex-start}.rating-distribution{display:flex;flex-direction:column;gap:2px;min-width:120px}.dist-row{display:flex;align-items:center;gap:var(--spacing-sm)}.dist-star{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);min-width:22px}.dist-track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-card-bg);overflow:hidden}.dist-fill{display:block;height:100%;background:var(--rating-crew);border-radius:var(--radius-pill)}.dist-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:12px;text-align:right}.reverse-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);align-self:flex-start;height:var(--chip-height-lg);padding:0 var(--spacing-md);border-radius:var(--radius-pill);border:1px solid var(--rating-reverse);color:var(--rating-reverse);background:transparent;font-size:var(--font-size-sm)}.reverse-chip-arrow{display:inline-flex;align-items:center}.reverse-chip-name{color:var(--color-text-primary)}.reverse-chip-crew{font-family:var(--font-family-mono);color:var(--rating-reverse)}.reverse-chip .star.you.filled{color:var(--rating-reverse)}.cue-pair{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.cue-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);height:var(--chip-height-sm);padding:0 var(--spacing-sm);border-radius:var(--radius-pill);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-window-bg)}.cue-arrow{color:var(--color-text-muted);font-family:var(--font-family-mono)}.cue-chip-time{font-family:var(--font-family-mono);font-size:.85em;opacity:.8;margin-left:2px}.key-pill{display:inline-flex;align-items:center;justify-content:center;height:var(--chip-height-sm);min-width:30px;padding:0 var(--spacing-sm);border-radius:var(--radius-pill);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-on-key, var(--color-window-bg))}.transition-mark{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md)}.transition-dot{width:8px;height:8px;border-radius:50%}.transition-dot.predefined{background:var(--transition-predefined)}.transition-dot.custom{background:var(--transition-custom)}.pitch-mark{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent, var(--color-text));padding:0 var(--spacing-xs);border:1px solid currentColor;border-radius:var(--radius-sm, 4px);white-space:nowrap}.play-chip{display:inline-flex;align-items:center;justify-content:center;width:var(--chip-height-lg);height:var(--chip-height-lg);border-radius:var(--radius-pill);background:var(--color-card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);cursor:pointer;font-size:var(--font-size-md);line-height:1}.play-chip:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.play-chip.playing{background:var(--color-accent);color:var(--color-accent-on-dark);border-color:var(--color-accent)}.play-glyph{display:inline-flex}.mix-play{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);line-height:1}.mix-play:hover{color:var(--color-text-primary)}.mix-play.playing{color:var(--color-accent)}.mini-player-transport{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex:none}.mini-player-skip{display:inline-flex;align-items:center;justify-content:center;width:var(--chip-height-lg);height:var(--chip-height-lg);border-radius:var(--radius-pill);background:var(--color-card-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);cursor:pointer;font-size:var(--font-size-md);line-height:1}.mini-player-skip:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-border-hover)}.mini-player-skip:disabled{color:var(--color-text-muted);cursor:default;opacity:.7}.play-mixes-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:var(--button-height-primary);padding:0 var(--spacing-lg);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent-light);border:1px solid var(--color-accent);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.play-mixes-btn:hover{background:var(--color-accent-tint)}.play-mixes-btn:disabled{color:var(--color-text-muted);border-color:var(--color-border-strong);cursor:default;background:transparent}.demo-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.demo-row{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.demo-label{color:var(--color-text-muted);font-size:var(--font-size-label, var(--font-size-sm));text-transform:uppercase;letter-spacing:var(--label-tracking-short);min-width:120px}.feed-screen{padding:var(--spacing-xxl);display:flex;flex-direction:column;gap:var(--spacing-xl);min-width:0}.crate-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-hairline)}.crate-header-main{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.crate-name{margin:0;font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);color:var(--color-text-bright)}.crate-counts{font-family:var(--font-family-mono);color:var(--color-text-tertiary);font-size:var(--font-size-md);margin:0}.crate-desc{color:var(--color-text-muted);font-size:var(--font-size-md);margin:0}.play-fanouts-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:var(--button-height-primary);padding:0 var(--spacing-lg);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-on-dark);border:none;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.play-fanouts-btn:hover{background:var(--color-accent-light)}.play-fanouts-btn:disabled{background:var(--color-card-bg);color:var(--color-text-muted);cursor:default}.cache-popover{position:relative;display:inline-flex}.cache-popover-trigger{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:var(--button-height-primary);padding:0 var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-accent-light);border:1px solid var(--color-accent);background:var(--color-accent-tint);cursor:pointer;font-size:var(--font-size-md)}.cache-popover-trigger:hover,.cache-popover-trigger.open{color:var(--color-text-bright)}.cache-popover-panel{position:absolute;top:calc(100% + var(--spacing-sm));right:0;z-index:30;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-card-bg-alt);border:1px solid var(--color-border-strong)}.cache-popover-panel .cache-control{flex-wrap:nowrap;white-space:nowrap}.feed-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap}.feed-header-title{display:flex;align-items:baseline;gap:var(--spacing-md);min-width:0}.feed-heading{margin:0;font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);color:var(--color-text-bright)}.feed-pairs{font-family:var(--font-family-mono);color:var(--color-text-tertiary);font-size:var(--font-size-md)}.feed-screen-header{padding:0}.feed-screen-header .feed-header{width:100%;height:100%;padding:0 var(--spacing-xxl);flex-wrap:nowrap}.feed-screen-header .feed-toolbar{flex-wrap:nowrap}.feed-toolbar{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.feed-sort{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.feed-sort-label{color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--label-tracking-short)}.feed-sort select{height:var(--input-height, var(--button-height-primary));padding:0 var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-card-bg);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-md)}.feed-rating-filter{display:inline-flex;align-items:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.feed-seg{height:var(--button-height-primary);padding:0 var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:none;cursor:pointer;font-size:var(--font-size-md);border-left:1px solid var(--color-border-strong)}.feed-seg:first-child{border-left:none}.feed-seg:hover{color:var(--color-text-bright)}.feed-seg.on{color:var(--color-accent-light);background:var(--color-accent-tint)}.feed-filter{flex:1;min-width:220px;height:var(--input-height, var(--button-height-primary));padding:0 var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-card-bg);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-md)}.feed-filter:focus{outline:none;border-color:var(--color-accent)}.feed-table{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feed-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feed-empty,.feed-error{color:var(--color-text-muted);font-size:var(--font-size-lg);padding:var(--spacing-xl) 0}.feed-error{color:var(--color-accent-red)}.feed-sentinel{height:1px}.feed-loading{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-lg) 0}.pair-group{border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);background:var(--color-card-bg);overflow:hidden}.pair-group-header{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-hairline);background:var(--color-panel-bg)}.pair-keys{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.pair-key-arrow,.pair-title-arrow{color:var(--color-text-muted);font-family:var(--font-family-mono)}.pair-titles{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0}.pair-out-title,.pair-in-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.pair-count{font-family:var(--font-family-mono);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.pair-group-share{margin-left:auto;display:inline-flex;align-items:center}.shared-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-window-bg);background:var(--color-accent-amber);padding:2px var(--spacing-sm);border-radius:var(--radius-pill)}.pair-group-rows{display:flex;flex-direction:column}.variant-row{display:grid;grid-template-columns:40px 40px minmax(220px,2fr) minmax(160px,1.4fr) minmax(160px,1fr) minmax(140px,1fr) auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-hairline)}.variant-row:first-child{border-top:none}.variant-row.top{background:var(--color-accent-tint)}.variant-play{display:inline-flex}.variant-index{font-family:var(--font-family-mono);color:var(--color-text-muted);text-align:right}.variant-mix{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0}.variant-offset{font-family:var(--font-family-mono);color:var(--color-text-muted);font-size:var(--font-size-sm)}.variant-transition{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.variant-crew{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.variant-open-cell{display:inline-flex;justify-content:flex-end}.variant-open{margin-left:auto;display:inline-flex;align-items:center;gap:2px}.variant-open:hover{text-decoration:underline}.variant-open-arrow{transition:transform .12s ease}.variant-open:hover .variant-open-arrow{transform:translate(1px,-1px)}.variant-row.top .star.you,.variant-row.top .crew-base{color:var(--color-text-tertiary)}.top-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-accent-on-dark);background:var(--color-accent);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.variant-crew .rating-meter,.variant-you .rating-meter{gap:0}.variant-crew .rating-meter-count,.variant-crew .rating-meter-label,.variant-you .rating-meter-label{display:none}.cache-control{display:inline-flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.cache-control-count{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.cache-control-count-label{color:var(--color-text-secondary);font-size:var(--font-size-md)}.cache-control-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:var(--button-height-primary);padding:0 var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-accent-light);border:1px solid var(--color-accent);background:var(--color-accent-tint);cursor:pointer;font-size:var(--font-size-md)}.cache-control-btn:hover{color:var(--color-text-bright)}.cache-control-btn:disabled{color:var(--color-text-muted);border-color:var(--color-border-strong);background:transparent;cursor:default}.cache-control-glyph{display:inline-flex;align-items:center}.cached-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-accent-on-dark);background:var(--color-accent-light);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.pair-group.cached{border-color:var(--color-accent)}.pair-group.cached .pair-group-header{box-shadow:inset var(--spacing-xs) 0 0 0 var(--color-accent)}.variant-row.cached{box-shadow:inset var(--spacing-xs) 0 0 0 var(--color-accent-light)}.pair-group.playing{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.variant-row.playing{background:var(--color-accent-tint);box-shadow:inset var(--spacing-xs) 0 0 0 var(--color-accent)}.variant-row.playing .mix-play{color:var(--color-accent)}.feed-scroll-current{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--web-mini-player-height) + var(--spacing-lg));z-index:42;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-on-dark);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer}.feed-scroll-current:hover{opacity:.9}.feed-scroll-current:focus-visible{outline:2px solid var(--color-text-bright);outline-offset:2px}.feed-scroll-current-arrow{font-size:var(--font-size-lg);line-height:1}.fanout-variant-row.cached{box-shadow:inset var(--spacing-xs) 0 0 0 var(--color-accent-light)}.set-screen{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl);min-width:0}.set-back{background:none;border:none;cursor:pointer;margin-right:var(--spacing-md);color:var(--color-accent-light);font-family:var(--font-family);font-size:var(--font-size-md)}.set-back:hover{color:var(--color-accent)}.set-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);flex-wrap:wrap;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-hairline)}.set-header-main{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.set-title{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-text-bright)}.set-byline{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-md)}.set-summary{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.set-description{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.set-description-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}.set-description-body>:first-child{margin-top:0}.set-description-body>:last-child{margin-bottom:0}.set-description-body a{color:var(--color-accent-light)}.set-description-clamped{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.set-description-toggle{align-self:flex-start;padding:0;background:none;border:none;cursor:pointer;color:var(--color-accent-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.set-description-toggle:hover{text-decoration:underline}.set-header-side{display:flex;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.set-header-rating{display:flex;flex-direction:column;gap:var(--spacing-xs)}.set-header-rating-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--label-tracking-short);color:var(--color-text-muted)}.set-ribbon{display:flex;flex-direction:column;gap:var(--spacing-md)}.set-ribbon-strip{position:relative;height:44px;width:100%;border-radius:var(--radius-md);overflow:visible;background:var(--color-card-bg-deep)}.set-ribbon-seg{position:absolute;top:0;bottom:0;border-right:1px solid var(--color-window-bg)}.set-ribbon-seg:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.set-ribbon-seg.neutral{background:var(--color-stem-none)}.set-ribbon-boundary{position:absolute;top:0;bottom:0;transform:translate(-50%)}.set-ribbon-cue{position:absolute;top:-3px;bottom:-3px;left:0;width:2px;background:var(--color-text-bright);border-radius:var(--radius-pill)}.set-ribbon-transition{position:absolute;top:calc(100% + var(--spacing-xs));left:0;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;color:var(--color-text-tertiary)}.set-ribbon-meta{display:flex;align-items:center;gap:var(--spacing-xxl);flex-wrap:wrap}.set-ribbon-meta-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--label-tracking-short);color:var(--color-text-muted);margin-right:var(--spacing-sm)}.set-key-journey,.set-bpm-range{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.set-key-journey-pills{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.set-bpm-range-value{font-family:var(--font-family-mono);color:var(--color-text-secondary)}.set-ribbon-empty{color:var(--color-text-muted)}.public-set-player{display:flex;flex-direction:column;gap:var(--spacing-md)}.public-set-player-controls{display:flex;align-items:center;gap:var(--spacing-md)}.public-set-player-time{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.set-ribbon-strip.inset{margin:4px 0}.set-ribbon-strip.seekable{cursor:pointer;touch-action:none}.set-ribbon-num{position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-bright);opacity:.9;pointer-events:none;z-index:1;text-shadow:0 1px 2px var(--color-window-bg)}.set-ribbon-playhead{position:absolute;top:-3px;bottom:-3px;width:2px;transform:translate(-50%);background:var(--color-accent);border-radius:var(--radius-pill);pointer-events:none;z-index:2}.set-ribbon-seg.has-wave{background:var(--color-card-bg-deep);overflow:hidden}.set-ribbon-seg.has-wave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:.22}.set-ribbon-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.set-ribbon-wave-bar{fill:var(--color-text-bright);fill-opacity:.8}.set-sequence{display:flex;flex-direction:column}.set-track-row{display:grid;grid-template-columns:36px 64px minmax(0,1fr) 64px 64px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-hairline)}.set-track-index{font-family:var(--font-family-mono);color:var(--color-text-muted);text-align:right}.set-track-nokey{color:var(--color-text-muted)}.set-track-title{display:inline-flex;align-items:baseline;gap:var(--spacing-sm);min-width:0}.set-track-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-track-artist{color:var(--color-text-tertiary);font-size:var(--font-size-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-track-vocal{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-accent-on-dark);background:var(--color-accent-magenta);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.set-track-bpm,.set-track-dur{font-family:var(--font-family-mono);color:var(--color-text-tertiary);text-align:right}.set-gap-row{display:grid;grid-template-columns:36px minmax(0,1.2fr) minmax(0,1fr) auto auto auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-xs) var(--spacing-md);margin-left:var(--spacing-md);background:var(--color-card-bg);border-left:2px solid var(--color-border-strong)}.set-gap-connector{justify-self:center;width:2px;height:18px;background:var(--color-border-strong)}.set-gap-transition{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0}.set-gap-offset{font-family:var(--font-family-mono);color:var(--color-text-muted);font-size:var(--font-size-sm)}.set-gap-crew .rating-meter,.set-gap-you .rating-meter{gap:0}.set-gap-crew .rating-meter-count,.set-gap-crew .rating-meter-label,.set-gap-you .rating-meter-label{display:none}.gap-comment-count{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted)}.gap-comment-glyph{color:var(--color-text-tertiary)}.gap-comment-n{font-family:var(--font-family-mono)}.set-gap-row-readonly{grid-template-columns:36px minmax(0,1.2fr) minmax(0,1fr)}.set-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.set-list-row{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:left;cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);color:inherit}.set-list-row:hover{border-color:var(--color-border-hover);background:var(--color-track-surface)}.set-list-row-main{display:flex;align-items:baseline;gap:var(--spacing-md);min-width:0;flex-wrap:wrap}.set-list-title{color:var(--color-text-bright);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.set-list-byline{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.set-list-row-meta{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.set-list-journey{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.public-set-page{height:100dvh;align-items:stretch;overflow:hidden;padding:var(--spacing-lg)}.public-set-card{max-width:720px;margin:0 auto;width:100%;height:100%;overflow:hidden;padding:0 var(--spacing-xl) var(--spacing-xl);gap:var(--spacing-lg)}.public-set-card>.public-fanout-brand{padding-left:0;padding-right:0}.public-set-header{padding:0;border:0}.public-set-title{font-size:var(--font-size-hero);line-height:1.1}.public-set-sticky{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--color-surface);padding:var(--spacing-md) 0 var(--spacing-sm);border-bottom:1px solid var(--color-border-hairline)}.public-set-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.public-set-track-row{grid-template-columns:36px minmax(0,1fr) auto auto auto auto}.public-set-track-row .set-track-window{min-width:13ch}.public-set-track-row .set-track-key,.public-set-track-row .set-track-comments{margin-left:var(--spacing-sm)}.public-set-track-row.now-playing{background:var(--color-card-bg-deep);box-shadow:inset 2px 0 0 var(--color-accent)}.public-set-gap-row{grid-template-columns:36px minmax(0,1fr) auto}.public-set-gap-main{gap:var(--spacing-md)}.set-track-comments,.set-gap-comments,.set-track-summary{display:inline-flex;justify-content:flex-end}.set-track-summary-chip{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);padding:1px var(--spacing-sm);border-radius:var(--radius-pill);white-space:nowrap}.set-track-window{font-family:var(--font-family-mono);color:var(--color-text-tertiary);text-align:right;white-space:nowrap}.public-set-layer-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--spacing-md);align-items:center;padding:2px var(--spacing-md) var(--spacing-sm) var(--spacing-xxl);color:var(--color-text-tertiary)}.public-set-layer-connector{color:var(--color-text-muted);text-align:right}.public-set-layer-title{display:inline-flex;align-items:baseline;gap:var(--spacing-sm);min-width:0}.public-set-layer-stems{display:inline-flex;gap:var(--spacing-xs)}.public-set-layer-stem{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-card-bg);border:1px solid var(--color-border-subtle);padding:0 var(--spacing-sm);border-radius:var(--radius-pill)}.public-row-comments-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:2px;background:none;border:0;cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px var(--spacing-xs);box-sizing:border-box;width:calc(4ch + 2px + 14px + 2 * var(--spacing-xs))}.public-row-comments-toggle:hover,.public-row-comments-toggle.open{color:var(--color-accent)}.public-row-comments-glyph{display:inline-flex;width:14px;height:14px}.public-row-comments-count{font-size:var(--font-size-xs)}.public-row-comments-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md) 52px;background:var(--color-card-bg);border-left:2px solid var(--color-accent);margin-left:var(--spacing-md)}.public-row-comment{display:flex;gap:var(--spacing-sm);align-items:baseline}.public-row-comment-author{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.public-row-comment-body{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:pre-wrap;overflow-wrap:anywhere}.public-row-comment-composer{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-start}.public-row-comment-name{width:140px;background:var(--color-card-bg);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.public-row-comment-entry{position:relative;flex:1 1 220px;display:flex}.public-row-comment-input{width:100%;resize:vertical;background:var(--color-card-bg);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:inherit}.public-row-comment-count{position:absolute;right:var(--spacing-sm);bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);pointer-events:none}.public-row-comment-send{background:var(--color-accent);color:var(--color-accent-on-dark);border:0;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm)}.public-row-comment-send:disabled{opacity:.5;cursor:default}.public-row-comment-error{color:var(--color-accent-magenta);font-size:var(--font-size-sm);flex-basis:100%}.public-set-follow-btn{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);z-index:4;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-accent-on-dark);background:var(--color-accent);border:0;border-radius:var(--radius-pill);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer}.set-discussion{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-hairline)}.set-discussion-title{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:var(--label-tracking-short);color:var(--color-text-muted)}.set-discussion-empty{padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-tertiary);border:1px dashed var(--color-border-subtle)}.two-lane-wave{position:relative;width:100%;display:flex;flex-direction:column}.wave-lane{display:flex;align-items:flex-end;gap:.5px;flex:1 1 0;min-height:0}.wave-lane.in{align-items:flex-start}.wave-lane.out{transform:scaleY(-1)}.wave-gap{height:3px;flex:none}.wave-bar{position:relative;flex:1 1 0;min-width:0;border-radius:1px;align-self:stretch;display:flex;align-items:flex-end}.wave-lane.in .wave-bar{align-items:flex-start}.wave-bar-core{position:absolute;left:0;right:0;border-radius:1px}.wave-bar-core.out{bottom:0}.wave-bar-core.in{top:0}.wave-band{position:absolute;top:0;bottom:0;background:var(--color-accent-tint);border-left:1px dashed var(--color-accent);border-right:1px dashed var(--color-accent);pointer-events:none}.wave-sync-line{position:absolute;top:-3px;bottom:-3px;width:1.5px;transform:translate(-50%);background:var(--color-accent);opacity:.7;pointer-events:none}.wave-flag-anchor{position:absolute;transform:translate(-50%);z-index:1}.wave-flag-anchor.top{top:-5px}.wave-flag-anchor.bottom{bottom:-5px}.wave-cue-flag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:1px var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-window-bg);font-weight:var(--font-weight-bold);white-space:nowrap;line-height:1.2}.wave-cue-letter{font-size:var(--font-size-sm)}.wave-cue-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.8}.wave-cue-time{font-family:var(--font-family-mono);font-size:var(--font-size-xs);opacity:.7}.wave-cue-flag.off-clip{opacity:.6;border:1px dashed var(--color-window-bg);font-style:italic}.wave-cue-off-arrow{font-size:var(--font-size-xs);line-height:1}.wave-flag-anchor.off-clip.before{transform:none}.wave-flag-anchor.off-clip.after{transform:translate(-100%)}.wave-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--color-text-bright);opacity:.85;pointer-events:none}.pair-mini-wave{display:inline-flex;width:120px;flex:none}.set-gap-mini-wave{display:inline-flex;width:84px;flex:none;margin-left:var(--spacing-sm)}.fanout-detail-screen{padding:var(--spacing-xxl);display:flex;flex-direction:column;min-width:0}.fanout-breadcrumb{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0}.fanout-breadcrumb-tail{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanout-card{border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);background:var(--color-card-bg);display:flex;flex-direction:column;max-width:960px;width:100%}.fanout-card-top{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl) 0}.fanout-card-top-spacer{flex:1}.fanout-share-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);height:var(--chip-height-lg);padding:0 var(--spacing-md);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);cursor:pointer;font-size:var(--font-size-md)}.fanout-share-btn:disabled{color:var(--color-text-muted);cursor:default;opacity:.7}.fanout-share-glyph{display:inline-flex;align-items:center}.fanout-share-btn.compact{width:var(--chip-height-lg);padding:0;gap:0;justify-content:center}.fanout-public-share{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.fanout-public-share-manual{height:var(--chip-height-lg);padding:0 var(--spacing-sm);min-width:220px;border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);font-size:var(--font-size-sm)}.fanout-public-share-error{font-size:var(--font-size-sm);color:var(--color-text-muted)}.public-fanout-page{display:flex;justify-content:center;align-items:flex-start;min-height:100%;padding:var(--spacing-xxl) var(--spacing-lg);background:var(--color-window-bg)}.public-fanout-card{display:flex;flex-direction:column;width:100%;max-width:760px;background:var(--color-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);overflow:hidden}.public-fanout-brand{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl) 0}.public-fanout-brand-mark{color:var(--color-accent);font-weight:var(--font-weight-bold)}.public-fanout-brand-sub{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.public-fanout-play{padding:var(--spacing-md) var(--spacing-xl)}.public-fanout-audio{width:100%}.public-fanout-footer{display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg)}.public-fanout-cta{color:var(--color-accent);font-size:var(--font-size-md);text-decoration:none}.public-fanout-cta:hover{text-decoration:underline}.public-fanout-notfound{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.public-fanout-notfound-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-text-bright)}.public-fanout-notfound-body{color:var(--color-text-tertiary)}.fanout-hero-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md)}.fanout-hero-side{flex:1;min-width:0}.fanout-hero-side.out{text-align:right}.fanout-hero-title{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-text-bright)}.fanout-hero-artist{font-size:var(--font-size-md);color:var(--color-text-tertiary)}.fanout-hero-keys{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex:none}.fanout-hero-swap{color:var(--color-accent);display:inline-flex;align-items:center}.fanout-wave-wrap{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm)}.phrase-legend{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:0 var(--spacing-xl) var(--spacing-lg)}.phrase-legend-item{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.phrase-swatch{width:12px;height:12px;border-radius:var(--radius-sm)}.phrase-legend-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.fanout-params{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-xl) var(--spacing-lg);flex-wrap:wrap}.fanout-param-card{flex:1;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-card-bg-deep);border:1px solid var(--color-border-hairline)}.fanout-param-key{font-size:var(--font-size-xs);letter-spacing:var(--label-tracking-short);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.fanout-param-value{font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.fanout-param-sub{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:2px}.fanout-rating-panels{display:flex;gap:var(--spacing-lg);padding:0 var(--spacing-xl) var(--spacing-lg);flex-wrap:wrap}.fanout-rating-panel{flex:1;min-width:220px;border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.fanout-rating-panel.you{background:var(--color-accent-tint);border:1px solid var(--rating-you)}.fanout-rating-panel.crew{background:var(--color-accent-tint);border:1px solid var(--rating-crew)}.fanout-rating-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.fanout-rating-panel-title{font-size:var(--font-size-sm);letter-spacing:var(--label-tracking-short);font-weight:var(--font-weight-bold);text-transform:uppercase}.fanout-rating-panel-title.you{color:var(--rating-you)}.fanout-rating-panel-title.crew{color:var(--rating-crew)}.fanout-rating-privacy{font-size:var(--font-size-sm);color:var(--color-text-muted)}.fanout-rating-crew-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.fanout-rating-panel .rating-meter-label{display:none}.fanout-rating-panel.crew .crew-cluster{gap:var(--spacing-lg)}.fanout-reverse{padding:0 var(--spacing-xl) var(--spacing-lg)}.fanout-variants,.fanout-comments{border-top:1px solid var(--color-border-hairline);padding:var(--spacing-lg) var(--spacing-xl)}.fanout-section-head{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.fanout-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-bright)}.fanout-section-sub{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-muted)}.fanout-variant-rows{display:flex;flex-direction:column}.fanout-variant-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1.4fr) minmax(120px,1fr) minmax(140px,1fr) 48px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-hairline)}.fanout-variant-row:first-child{border-top:none}.fanout-variant-row.open{background:var(--color-accent-tint);border-radius:var(--radius-sm)}.fanout-variant-mix{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0}.fanout-variant-offset{font-family:var(--font-family-mono);color:var(--color-text-muted);font-size:var(--font-size-sm)}.fanout-variant-transition{display:inline-flex;align-items:center;gap:var(--spacing-sm);min-width:0}.open-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-accent-on-dark);background:var(--color-accent);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.fanout-variant-open,.variant-open{background:none;border:none;cursor:pointer;color:var(--color-accent-light);font-family:var(--font-family);font-size:var(--font-size-sm);padding:0}.fanout-variant-open:hover,.variant-open:hover{color:var(--color-accent)}.fanout-variant-crew .rating-meter,.fanout-variant-you .rating-meter{gap:0}.fanout-variant-crew .rating-meter-count,.fanout-variant-crew .rating-meter-label,.fanout-variant-you .rating-meter-label{display:none}.faulty-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-muted)}.faulty-toggle:hover,.faulty-toggle.on{color:var(--color-warning)}.faulty-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-window-bg);background:var(--color-warning);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.fanout-variant-row.faulty,.variant-row.faulty{opacity:.55}.fanout-variant-row.faulty .faulty-toggle,.fanout-variant-row.faulty .faulty-badge,.variant-row.faulty .faulty-toggle,.variant-row.faulty .faulty-badge{opacity:1}.fanout-comments-empty{padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-tertiary);border:1px dashed var(--color-border-subtle)}.crew-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;color:var(--color-on-key);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs, var(--font-size-sm));letter-spacing:0}.crew-avatar-unknown{background:var(--color-stem-none);color:var(--color-text-muted)}.comment-thread{display:flex;flex-direction:column;gap:var(--spacing-lg)}.comment-error{color:var(--color-accent-red);font-size:var(--font-size-sm)}.comment-empty{padding:var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-card-bg);color:var(--color-text-tertiary);border:1px dashed var(--color-border-subtle);font-size:var(--font-size-md)}.comment-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-group-title{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:var(--label-tracking-short);color:var(--color-text-muted)}.comment-group.your-notes .comment-group-title{color:var(--rating-crew)}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-card{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-border-hairline)}.comment-card.mine{background:var(--rating-crew-tint, var(--color-card-bg));border-color:var(--rating-crew)}.comment-body{display:flex;flex-direction:column;gap:2px;min-width:0}.comment-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.comment-author{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.comment-time{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.comment-card.mine .comment-author{color:var(--rating-crew)}.comment-stars{display:inline-flex}.comment-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-md);word-break:break-word}.comment-composer{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-input{width:100%;resize:vertical;min-height:var(--input-height);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-card-bg-deep, var(--color-card-bg));color:var(--color-text-primary);border:1px solid var(--color-border-strong);font-family:var(--font-family);font-size:var(--font-size-md)}.comment-input:focus{outline:none;border-color:var(--color-accent)}.comment-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.comment-composer-star{display:inline-flex}.comment-post-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--chip-height-lg);padding:0 var(--spacing-lg);border-radius:var(--radius-sm);border:none;cursor:pointer;background:var(--color-accent);color:var(--color-window-bg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.comment-post-btn:disabled{background:var(--color-border-strong);color:var(--color-text-muted);cursor:default}.share-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--color-window-bg);padding:var(--spacing-xl)}.share-sheet{width:100%;max-width:420px;max-height:80vh;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-md);background:var(--color-panel-bg);border:1px solid var(--color-border-strong)}.share-sheet-head{display:flex;align-items:center;justify-content:space-between}.share-sheet-title{margin:0;font-size:var(--font-size-title);color:var(--color-text-bright)}.share-sheet-sub{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-md)}.share-sheet-close{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-lg)}.share-recipient-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.share-recipient{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-card-bg);border:1px solid var(--color-border-hairline);color:var(--color-text-primary);cursor:pointer;text-align:left}.share-recipient.selected{border-color:var(--color-accent);background:var(--color-accent-tint, var(--color-card-bg))}.share-recipient-name{flex:1;font-size:var(--font-size-md)}.share-recipient-follow{color:var(--color-text-muted);font-size:var(--font-size-xs, var(--font-size-sm))}.share-recipient-check{color:var(--color-accent);width:1em;text-align:center}.share-sheet-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.share-sheet-cancel,.inbox-nav-feed{background:transparent;border:1px solid var(--color-border-strong);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);height:var(--chip-height-lg);padding:0 var(--spacing-md);font-size:var(--font-size-md)}.share-sheet-done{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.reaction-bar{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.reaction-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);height:var(--chip-height-sm);padding:0 var(--spacing-sm);border-radius:var(--radius-pill);cursor:pointer;background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:var(--font-size-sm)}.reaction-btn.on.like{color:var(--color-accent-red);border-color:var(--color-accent-red)}.reaction-btn.on.bookmark{color:var(--color-accent-amber);border-color:var(--color-accent-amber)}.reaction-count{font-family:var(--font-family-mono)}.inbox-screen{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.inbox-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border-hairline)}.inbox-tab{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-md)}.inbox-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.inbox-tab-count{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:0 var(--spacing-xs);border-radius:var(--radius-pill);background:var(--color-card-bg)}.inbox-tab.active .inbox-tab-count{color:var(--color-accent)}.inbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.inbox-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;background:var(--color-card-bg);border:1px solid var(--color-border-hairline)}.inbox-row:hover{border-color:var(--color-border-hover)}.inbox-kind-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-window-bg);padding:2px var(--spacing-sm);border-radius:var(--radius-pill)}.inbox-kind-badge.fanout{background:var(--color-accent)}.inbox-kind-badge.set{background:var(--rating-reverse)}.inbox-shared-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-window-bg);background:var(--color-accent-amber);padding:2px var(--spacing-sm);border-radius:var(--radius-pill)}.inbox-row-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:160px}.inbox-row-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.inbox-row-sharer{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.inbox-row-time{color:var(--color-text-muted)}.inbox-rating{display:inline-flex;align-items:center;gap:var(--spacing-md)}.inbox-rating-you,.inbox-rating-crew{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.inbox-rating-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm))}.inbox-rating-label.you{color:var(--rating-you)}.inbox-rating-label.crew{color:var(--rating-crew)}.inbox-rating-avg{font-family:var(--font-family-mono);color:var(--rating-crew)}.inbox-rating-none{color:var(--color-text-muted);font-size:var(--font-size-sm)}.inbox-row-comments{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted)}.inbox-comment-glyph{color:var(--color-text-tertiary)}.inbox-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.inbox-nav-feed{align-self:flex-start}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-border-hairline)}.activity-item.cached{box-shadow:inset var(--spacing-xs) 0 0 0 var(--color-accent-light)}.activity-item-head{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.activity-kind-badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-window-bg);padding:2px var(--spacing-sm);border-radius:var(--radius-pill);background:var(--color-text-tertiary)}.activity-kind-badge.upload,.activity-kind-badge.fanout{background:var(--color-accent)}.activity-kind-badge.set{background:var(--rating-reverse)}.activity-kind-badge.rating{background:var(--rating-crew)}.activity-kind-badge.comment{background:var(--color-accent-amber)}.activity-item-actor{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.activity-item-time{color:var(--color-text-muted)}.activity-item-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.activity-item-open{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-family)}.activity-item-open .activity-item-title{color:var(--color-accent-light)}.activity-item-open:hover .activity-item-title{color:var(--color-accent)}.activity-item-open .activity-open-arrow{color:var(--color-accent-light)}.activity-item-open:hover .activity-open-arrow{color:var(--color-accent)}.activity-item-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.activity-item-comment-body{margin:0;color:var(--color-text-primary);font-size:var(--font-size-md)}.set-header-social{display:inline-flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.settings-screen{display:flex;flex-direction:column;gap:var(--spacing-xxl);padding:var(--spacing-xxl) var(--spacing-xxl) 40px;min-height:0}.settings-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-title{margin:0;font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-text-bright)}.settings-subtitle{margin:0;font-size:var(--font-size-lg);color:var(--color-text-secondary)}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-card{display:flex;flex-direction:column;gap:var(--spacing-xl);background:var(--color-card-bg-deep);border:1px solid var(--color-border-subtle-alt);border-radius:var(--radius-modal);padding:20px var(--spacing-xxl) 18px}.settings-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-long);text-transform:uppercase;color:var(--color-text-muted)}.settings-cache{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-cache-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-cache-desc{margin:var(--spacing-xxs) 0 0;font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-tertiary-alt)}.settings-cache-value-row{display:flex;align-items:center;gap:var(--spacing-md)}.settings-cache-count{font-family:var(--font-family-mono);font-size:42px;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-accent-light)}.settings-cache-unit{font-size:var(--font-size-md);color:var(--color-text-tertiary-alt)}.settings-cache-spacer{flex:1}.settings-stepper{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-card-bg-alt);border:1px solid var(--color-border-strong-alt);color:var(--color-text-secondary-bright);font-size:var(--font-size-panel-title);cursor:pointer}.settings-stepper.accent{color:var(--color-accent-light)}.settings-stepper:disabled{opacity:.4;cursor:default}.settings-progress{height:6px;border-radius:var(--radius-pill);background:var(--color-track-surface);overflow:hidden}.settings-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width .15s ease-out}.settings-cache-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.settings-estimate{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-tertiary-alt)}.settings-presets{display:flex;gap:var(--spacing-sm)}.settings-chip{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:5px 11px;border-radius:var(--radius-md);background:var(--color-card-bg-alt);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer}.settings-chip.selected{background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);color:var(--color-accent-light)}.settings-row{display:flex;align-items:center;gap:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-row-divider)}.settings-row-main{flex:1;min-width:0}.settings-row-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.settings-row-desc{margin-top:var(--spacing-xxs);font-size:var(--font-size-md);color:var(--color-text-tertiary)}.settings-row-control{flex:none}.settings-toggle{width:44px;height:26px;flex:none;padding:3px;border:none;border-radius:var(--radius-xl);background:var(--color-border-subtle);cursor:pointer;display:flex;align-items:center;transition:background .15s ease-out}.settings-toggle.on{background:var(--color-accent)}.settings-toggle-knob{width:20px;height:20px;border-radius:50%;background:var(--color-text-tertiary-alt);transition:transform .15s ease-out,background .15s ease-out}.settings-toggle.on .settings-toggle-knob{transform:translate(18px);background:var(--color-accent-on-dark)}.settings-clear-btn{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:7px 14px;border-radius:var(--radius-md);background:transparent;color:var(--color-negative);border:1px solid color-mix(in srgb,var(--color-negative) 35%,transparent);cursor:pointer}.offline-count{color:var(--color-text-muted)}.set-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--spacing-lg);align-items:start;padding:var(--spacing-lg)}.set-detail-main{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.set-detail-rail{position:sticky;top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-panel-bg, var(--color-card-bg));border-left:1px solid var(--color-border-hairline);border-radius:var(--radius-md)}.set-rail-header{display:flex;align-items:center;justify-content:space-between}.set-rail-eyebrow{color:var(--color-text-muted);letter-spacing:var(--label-tracking-long);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.set-rail-count{color:var(--color-text-tertiary)}.set-stale-note{color:var(--rating-you);opacity:.8;font-size:var(--font-size-xs)}.set-render-banner{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent-tint);border:1px solid var(--color-accent-tint);border-radius:var(--radius-md)}.set-render-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.set-render-by{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.set-render-pill{color:var(--color-text-secondary);background:var(--color-card-bg);padding:1px var(--spacing-sm);border-radius:var(--radius-pill);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}.set-render-pill.on{color:var(--color-accent-on-dark);background:var(--color-accent)}.set-render-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:left;cursor:pointer;color:inherit;background:var(--color-card-bg-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.set-render-card:hover{border-color:var(--color-border-hover)}.set-render-card.selected{background:var(--color-accent-tint);border-color:var(--color-accent)}.set-render-card-line1{display:flex;align-items:center;gap:var(--spacing-sm)}.set-render-card-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.set-render-tag{margin-left:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.set-render-tag.current,.set-render-tag.viewing{color:var(--color-accent);background:var(--color-accent-tint)}.set-render-tag.partial{margin-left:0;color:var(--color-accent-amber);background:var(--color-accent-tint)}.set-render-card-line2{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.set-render-card-diff{display:flex;flex-direction:column;gap:2px;padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-hairline)}.set-render-diff-eyebrow{color:var(--color-text-muted);letter-spacing:var(--label-tracking-short);font-size:var(--font-size-xs)}.set-render-diff-row{display:flex;gap:var(--spacing-sm);align-items:baseline}.set-render-diff-kind{width:46px;flex:0 0 46px;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase}.set-render-diff-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.4}.set-render-diff-more{color:var(--color-text-muted);font-size:var(--font-size-xs)}.kind-add{color:var(--color-accent-green)}.kind-drop{color:var(--color-accent-red)}.kind-mix{color:var(--color-accent)}.kind-cue{color:var(--color-accent-amber)}.kind-offset{color:var(--color-accent-light)}.kind-reorder{color:var(--rating-reverse)}.kind-base{color:var(--color-text-muted)}.set-tl{display:flex;flex-direction:column;gap:var(--spacing-xs)}.set-tl-eyebrow{color:var(--color-text-muted);letter-spacing:var(--label-tracking-long);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.set-tl-row{display:flex;align-items:center;gap:var(--spacing-sm)}.set-tl-play{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-primary);background:var(--color-track-surface);border:1px solid var(--color-border-strong)}.set-tl-play.playing{color:var(--color-accent-on-dark);background:var(--color-accent);border-color:var(--color-accent)}.set-arr{position:relative;flex:1 1 auto;height:72px;min-width:0;overflow:hidden;background:var(--color-card-bg-deep);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.set-arr-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.set-arr-flag{position:absolute;top:0;bottom:0;width:0;pointer-events:none}.set-arr-flag-line{position:absolute;left:0;width:1.5px;transform:translate(-50%);background:currentColor;opacity:.9}.set-arr-flag.up .set-arr-flag-line{top:13px;bottom:50%}.set-arr-flag.down .set-arr-flag-line{top:50%;bottom:13px}.set-arr-flag-badge{position:absolute;left:0;transform:translate(-50%);min-width:11px;height:12px;padding:0 var(--spacing-xxs);text-align:center;line-height:12px;background:currentColor;color:var(--color-on-key);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}.set-arr-flag.up .set-arr-flag-badge{top:0}.set-arr-flag.down .set-arr-flag-badge{bottom:0}.set-player{display:flex;flex-direction:column;gap:var(--spacing-xs)}.set-player-eyebrow{color:var(--color-text-muted);letter-spacing:var(--label-tracking-long);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.set-player-row{display:flex;align-items:center;gap:var(--spacing-sm)}.set-player-strip{position:relative;flex:1 1 auto;height:34px;min-width:0;overflow:hidden;cursor:pointer;background:var(--color-card-bg-deep);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.set-player-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.set-player-head{position:absolute;top:3px;bottom:3px;width:1.5px;background:var(--color-text-bright)}.set-player-head:before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--color-text-bright)}.set-player-readout{flex:0 0 auto;color:var(--color-text-tertiary);font-size:var(--font-size-sm);min-width:72px;text-align:right}.set-gap-aut{font-family:var(--font-family-mono);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.screen-body>.feed-rating-filter{align-self:flex-start;margin-bottom:var(--spacing-md)}.set-filter-count{opacity:.8}.set-list-colhead{display:grid;grid-template-columns:1fr 150px 132px 132px;gap:var(--spacing-md);padding:0 var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:var(--label-tracking-short)}.set-list-colhead-crew{text-align:right}.set-list-row{display:grid;grid-template-columns:1fr 150px 132px 132px;gap:var(--spacing-md);align-items:start;padding:var(--spacing-md);flex-direction:unset}.set-list-row.own{border-color:var(--color-accent-tint)}.set-list-col-main{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.set-list-row-head{display:flex;align-items:center;gap:var(--spacing-sm)}.set-list-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);padding:1px var(--spacing-sm);border-radius:var(--radius-pill)}.set-list-badge.yours{color:var(--color-accent);background:var(--color-accent-tint)}.set-list-badge.shared{color:var(--color-accent-amber);background:var(--color-accent-tint)}.set-list-col-updated{display:flex;flex-direction:column;gap:2px}.set-list-updated-time{color:var(--color-text-secondary)}.set-list-updated-by{color:var(--color-text-muted);font-size:var(--font-size-xs)}.set-list-you,.set-list-crew{display:flex;flex-direction:column;gap:2px}.set-list-crew{align-items:flex-end;text-align:right}.set-list-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short)}.set-list-eyebrow.you{color:var(--rating-you)}.set-list-eyebrow.crew{color:var(--rating-crew)}.set-list-you-stars.stale{opacity:.7}.set-list-you-note{font-size:var(--font-size-xs)}.set-list-you-note.stale{color:var(--rating-you);opacity:.85}.set-list-you-note.none{color:var(--color-text-muted)}.set-list-crew-line{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.set-list-crew-avg{color:var(--rating-crew);font-weight:var(--font-weight-semibold)}.set-list-crew-sub{color:var(--color-accent-light);font-size:var(--font-size-xs)}.set-list-crew-all{color:var(--color-text-muted);font-size:var(--font-size-xs)}.screen-header-count{color:var(--color-text-tertiary);font-weight:var(--font-weight-medium)}.set-param-tiles{display:none;gap:var(--spacing-sm)}.set-param-tile{flex:1 1 0;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-panel-bg, var(--color-card-bg));border:1px solid var(--color-border-hairline);border-radius:var(--radius-md)}.set-param-label{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:var(--label-tracking-short)}.set-param-value{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.set-param-value.accent{color:var(--color-accent)}.public-set-badge{align-self:flex-start;color:var(--color-accent-amber);background:var(--color-accent-tint);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);padding:2px var(--spacing-sm);border-radius:var(--radius-pill)}.public-set-render{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.public-set-convert{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--color-accent-tint);border:1px solid var(--color-accent-tint);border-radius:var(--radius-xl)}.public-set-convert-title{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.public-set-convert-body{color:var(--color-text-tertiary);font-size:var(--font-size-sm);line-height:1.5}.set-ribbon-compact{display:flex;height:20px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border-subtle);margin-top:2px}.set-ribbon-compact-seg{position:relative;height:100%;min-width:2px}.set-ribbon-compact-sliver{position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--color-window-bg)}.landing{--landing-ease: cubic-bezier(.16, 1, .3, 1);position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--color-window-bg);color:var(--color-text-primary);accent-color:var(--color-accent);caret-color:var(--color-accent)}.landing ::selection{background:color-mix(in oklab,var(--color-accent) 35%,transparent);color:var(--color-text-bright)}.landing :focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.landing>*{position:relative;z-index:1;width:100%;max-width:880px;margin-inline:auto;padding-inline:var(--spacing-xxl);box-sizing:border-box}.landing:before{content:"";position:absolute;z-index:0;inset:0 0 auto 0;height:min(72vh,640px);pointer-events:none;background:radial-gradient(120% 90% at 18% -10%,color-mix(in oklab,var(--color-accent) 14%,transparent) 0%,transparent 62%),linear-gradient(180deg,color-mix(in oklab,var(--color-accent) 5%,transparent) 0%,transparent 100%)}.landing-topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);min-height:60px}.landing-brand{display:inline-flex;align-items:center;gap:var(--spacing-md)}.landing-brand .brand-mark{width:24px;height:24px;flex:none}.landing-brand-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);letter-spacing:.01em}.landing-topbar-actions{display:inline-flex;align-items:center;gap:var(--spacing-lg)}.landing-devlink{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px}.landing-devlink:hover{color:var(--color-text-secondary)}.landing-signin{white-space:nowrap;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:border-color .16s var(--landing-ease),color .16s var(--landing-ease)}.landing-signin:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.landing-signin-lead{color:var(--color-text-tertiary);font-weight:var(--font-weight-regular)}.landing-hero{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);padding-block:clamp(56px,12vh,120px) clamp(48px,8vh,88px)}.landing-hero>*{animation:landing-rise .9s var(--landing-ease) both}.landing-hero>:nth-child(2){animation-delay:60ms}.landing-hero>:nth-child(3){animation-delay:.12s}.landing-hero>:nth-child(4){animation-delay:.18s}.landing-hero>:nth-child(5){animation-delay:.24s}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.landing-hero>*{animation:none}}.landing-auth-error{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid color-mix(in oklab,var(--color-accent-red) 40%,transparent);background:color-mix(in oklab,var(--color-accent-red) 10%,transparent);color:var(--color-text-primary);font-size:var(--font-size-md)}.landing-title{margin:0;max-width:18ch;font-size:clamp(2.25rem,1.2rem + 4.2vw,3.75rem);line-height:1.04;font-weight:var(--font-weight-bold);letter-spacing:-.025em;color:var(--color-text-bright);text-wrap:balance}.landing-tagline{margin:0;font-size:clamp(1.125rem,.9rem + 1vw,1.5rem);line-height:1.3;font-weight:var(--font-weight-medium);letter-spacing:-.01em;color:var(--color-accent-light);text-wrap:balance}.landing-lede{margin:0;max-width:58ch;font-size:var(--font-size-panel-title);line-height:1.55;color:var(--color-text-secondary);text-wrap:pretty}.landing-story-link{margin:0;max-width:58ch;font-size:var(--font-size-title);line-height:1.5;color:var(--color-text-secondary);text-wrap:pretty}.landing-story-link a{color:var(--color-accent-light);font-weight:var(--font-weight-medium);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--color-accent-light) 45%,transparent);text-underline-offset:3px;transition:color .16s var(--landing-ease),text-decoration-color .16s var(--landing-ease)}.landing-story-link a:hover{color:var(--color-text-bright);text-decoration-color:var(--color-accent-light)}.landing-invite{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);width:100%;max-width:560px}.landing-notice{margin:0;max-width:52ch;font-size:var(--font-size-title);line-height:1.5;color:var(--color-text-primary);text-wrap:pretty}.invite-form{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.invite-form-row{display:flex;align-items:stretch;gap:var(--spacing-sm)}.invite-form-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.invite-form-input{flex:1 1 220px;min-width:0;height:42px;padding:0 var(--spacing-lg);border-radius:var(--radius-sm);background:var(--color-card-bg-deep, var(--color-card-bg));color:var(--color-text-primary);border:1px solid var(--color-border-strong);font-family:var(--font-family);font-size:var(--font-size-title);transition:border-color .16s var(--landing-ease),box-shadow .16s var(--landing-ease)}.invite-form-input::placeholder{color:var(--color-text-tertiary)}.invite-form-input:hover{border-color:var(--color-text-muted)}.invite-form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 25%,transparent)}.invite-form-input:focus-visible{outline:none}.invite-form-input:disabled{opacity:.6}.invite-form-input[aria-invalid=true]{border-color:var(--color-accent-red)}.invite-form-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-red) 25%,transparent)}.invite-form-submit{flex:none;height:42px;min-width:11em;padding-inline:var(--spacing-xl);font-size:var(--font-size-title);box-shadow:0 6px 18px -8px color-mix(in oklab,var(--color-accent) 70%,transparent);transition:background-color .16s var(--landing-ease),box-shadow .16s var(--landing-ease),transform .16s var(--landing-ease)}.invite-form-submit:hover:not(:disabled){background:var(--color-accent-light);box-shadow:0 8px 22px -8px color-mix(in oklab,var(--color-accent) 85%,transparent)}.invite-form-submit:active:not(:disabled){background:var(--color-accent-pressed);transform:translateY(1px)}.invite-form-submit:disabled{opacity:.7;cursor:progress;box-shadow:none}.invite-form-status{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;min-height:1.5em;font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-secondary)}.invite-form-status:empty{display:none}.invite-form-status.is-error{color:var(--color-accent-red)}.invite-form-status.is-done{font-size:var(--font-size-title);color:var(--color-text-bright);animation:landing-rise .6s var(--landing-ease) both}.invite-form-check{flex:none;width:24px;height:24px;padding:3px;box-sizing:border-box;border-radius:50%;color:var(--color-accent-on-dark);background:var(--color-accent-green)}.landing-features{padding-block:var(--spacing-xxl) calc(var(--spacing-xxl) * 3)}.landing-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border-hairline)}.landing-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--spacing-lg);row-gap:var(--spacing-xs);padding-block:var(--spacing-xxl);border-bottom:1px solid var(--color-border-hairline)}.landing-step-dot{grid-row:1 / span 2;align-self:start;margin-top:.45em;width:12px;height:12px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 18%,transparent);--step-color: var(--color-accent)}.landing-step:nth-child(5n+2) .landing-step-dot{background:var(--color-accent-violet);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent-violet) 18%,transparent)}.landing-step:nth-child(5n+3) .landing-step-dot{background:var(--color-accent-magenta);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent-magenta) 18%,transparent)}.landing-step:nth-child(5n+4) .landing-step-dot{background:var(--color-accent-amber);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent-amber) 18%,transparent)}.landing-step:nth-child(5n+5) .landing-step-dot{background:var(--color-accent-green);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent-green) 18%,transparent)}.landing-step-title{grid-column:2;margin:0;font-size:clamp(1.25rem,1rem + 1vw,1.625rem);line-height:1.2;font-weight:var(--font-weight-semibold);letter-spacing:-.015em;color:var(--color-text-bright);text-wrap:balance}.landing-step-body{grid-column:2;margin:0;max-width:68ch;font-size:var(--font-size-title);line-height:1.6;color:var(--color-text-secondary);text-wrap:pretty}@media(max-width:640px){.landing>*{padding-inline:var(--spacing-xl)}.landing-topbar{min-height:52px}.landing-signin-lead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.landing-devlink{display:none}.landing-hero{padding-block:clamp(40px,8vh,64px) var(--spacing-xxl);gap:var(--spacing-md)}.landing-invite{margin-top:var(--spacing-md)}.invite-form-row{flex-direction:column}.invite-form-input{flex-basis:auto}.invite-form-submit{width:100%}.landing-step{grid-template-columns:22px minmax(0,1fr);column-gap:var(--spacing-md);padding-block:var(--spacing-xl)}.landing-step-dot{width:10px;height:10px;margin-top:.5em}}.story-brand-link{text-decoration:none;color:inherit}.story-brand-link:hover .landing-brand-name{color:var(--color-text-bright)}.landing-signin[href]{display:inline-flex;align-items:center;text-decoration:none}.story-hero{gap:var(--spacing-sm);padding-block:clamp(48px,9vh,96px) var(--spacing-xl)}.story-eyebrow{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--label-tracking-long);text-transform:uppercase;color:var(--color-accent-light)}.story-body{padding-block:0 var(--spacing-xxl);font-size:var(--font-size-panel-title);line-height:1.65;color:var(--color-text-secondary);text-wrap:pretty}.story-body>*{max-width:70ch}.story-body p{margin:0 0 var(--spacing-xl)}.story-body a{color:var(--color-accent-light);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--color-accent) 45%,transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .16s var(--landing-ease),text-decoration-color .16s var(--landing-ease)}.story-body a:hover{color:var(--color-text-bright);text-decoration-color:var(--color-accent-light)}.story-body strong{color:var(--color-text-bright);font-weight:var(--font-weight-semibold)}.story-body em{color:var(--color-text-primary)}.story-body blockquote{margin:0 0 calc(var(--spacing-xxl) + var(--spacing-md));padding:var(--spacing-lg) var(--spacing-xl);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in oklab,var(--color-accent) 7%,transparent);color:var(--color-text-primary);font-size:var(--font-size-title);line-height:1.55}.story-body blockquote p{margin:0}.story-body blockquote strong{display:inline-block;margin-right:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:var(--label-tracking-short);text-transform:uppercase;color:var(--color-accent-light);vertical-align:.1em}.story-body h2{margin:calc(var(--spacing-xxl) * 1.5) 0 var(--spacing-lg);padding-top:var(--spacing-xxl);border-top:1px solid var(--color-border-hairline);font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);line-height:1.15;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text-bright);text-wrap:balance;scroll-margin-top:var(--spacing-xxl)}.story-body ul{list-style:none;margin:0 0 var(--spacing-xl);padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.story-body li{position:relative;padding-left:calc(12px + var(--spacing-lg))}.story-body li:before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 18%,transparent)}.story-body li:nth-child(5n+2):before{background:var(--color-accent-violet);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-violet) 18%,transparent)}.story-body li:nth-child(5n+3):before{background:var(--color-accent-magenta);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-magenta) 18%,transparent)}.story-body li:nth-child(5n+4):before{background:var(--color-accent-amber);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-amber) 18%,transparent)}.story-body li:nth-child(5n+5):before{background:var(--color-accent-green);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent-green) 18%,transparent)}.story-respond{display:flex;flex-direction:column;gap:var(--spacing-md);padding-block:var(--spacing-xxl);border-top:1px solid var(--color-border-hairline);scroll-margin-top:var(--spacing-xxl)}.story-respond-title{margin:0;font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem);line-height:1.15;font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text-bright);text-wrap:balance}.story-respond-lede{margin:0 0 var(--spacing-md);max-width:58ch;font-size:var(--font-size-title);line-height:1.55;color:var(--color-text-primary);text-wrap:pretty}.story-respond .invite-form{max-width:560px}.feedback-form{gap:var(--spacing-md)}.feedback-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--label-tracking-short);text-transform:uppercase;color:var(--color-text-tertiary)}.feedback-form-textarea{height:auto;min-height:7.5em;padding:var(--spacing-md) var(--spacing-lg);line-height:1.5;resize:vertical}.story-embed{display:flex;align-items:center;gap:var(--spacing-md);box-sizing:border-box;max-width:480px;margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-hairline);border-radius:var(--radius-sm);background:var(--color-card-bg-deep, var(--color-card-bg));font-size:var(--font-size-md);line-height:1.3}.story-embed-play{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:var(--color-text-bright);cursor:pointer;transition:background-color .16s var(--landing-ease),transform .16s var(--landing-ease)}.story-embed-play:hover{background:var(--color-accent-light)}.story-embed-play:active{background:var(--color-accent-pressed);transform:translateY(1px)}.story-embed-play:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 25%,transparent)}.story-embed-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.story-embed-label{font-weight:var(--font-weight-semibold);color:var(--color-text-bright)}.story-embed-pair{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.story-embed-bar{display:block;height:2px;margin-top:2px;border-radius:1px;background:var(--color-border-hairline);overflow:hidden}.story-embed-bar-fill{display:block;height:100%;background:var(--color-accent)}.story-embed-open{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-decoration:none}.story-embed-open:hover{color:var(--color-text-primary)}.story-embed-audio{display:none}.story-figure{margin:0 0 var(--spacing-xl)}.story-figure-open{position:relative;display:block;width:100%;max-width:480px;padding:0;border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);overflow:hidden;background:var(--color-panel-bg);cursor:zoom-in;transition:border-color .16s var(--landing-ease),transform .16s var(--landing-ease)}.story-figure-open:hover{border-color:var(--color-accent);transform:translateY(-1px)}.story-figure-open:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 25%,transparent)}.story-figure-img{display:block;width:100%;height:auto}.story-figure-hint{position:absolute;right:var(--spacing-sm);bottom:var(--spacing-sm);padding:2px var(--spacing-sm);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--color-window-bg) 80%,transparent);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-xs, var(--font-size-sm));letter-spacing:var(--label-tracking-short);text-transform:uppercase;opacity:0;transition:opacity .16s var(--landing-ease)}.story-figure-open:hover .story-figure-hint,.story-figure-open:focus-visible .story-figure-hint{opacity:1}.story-figure-caption{margin-top:var(--spacing-sm);max-width:480px;font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-tertiary)}.story-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:color-mix(in oklab,var(--color-window-bg) 94%,transparent);cursor:zoom-out}.story-lightbox-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-hairline);box-shadow:0 24px 64px color-mix(in oklab,var(--color-window-bg) 70%,transparent);cursor:default}.story-lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-panel-bg);color:var(--color-text-primary);cursor:pointer;transition:color .16s var(--landing-ease),border-color .16s var(--landing-ease)}.story-lightbox-close:hover{color:var(--color-text-bright);border-color:var(--color-accent)}.story-lightbox-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 25%,transparent)}.keep-posted-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;border:0;min-width:0}.keep-posted-options:disabled{opacity:.6}.keep-posted-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text-primary);cursor:pointer}.keep-posted-option:hover{color:var(--color-text-bright)}.keep-posted-checkbox{flex:none;width:18px;height:18px;margin:.2em 0 0;accent-color:var(--color-accent);cursor:inherit}.keep-posted-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 25%,transparent);border-radius:3px}.story-footer{display:flex;justify-content:space-between;align-items:center;padding-block:var(--spacing-xl) calc(var(--spacing-xxl) * 2);border-top:1px solid var(--color-border-hairline);color:var(--color-text-tertiary);font-size:var(--font-size-md)}.story-footer-link{color:var(--color-text-tertiary);text-decoration:none;transition:color .16s var(--landing-ease)}.story-footer-link:hover{color:var(--color-text-primary)}@media(max-width:640px){.story-hero{padding-block:clamp(32px,6vh,48px) var(--spacing-lg)}.story-body{font-size:var(--font-size-title)}.story-body blockquote{padding:var(--spacing-md) var(--spacing-lg)}.story-body h2{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl)}.story-respond{padding-block:var(--spacing-xl)}}.mini-player{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:41;height:var(--web-mini-player-height);overflow:hidden;background:var(--color-card-bg);border-top:1px solid var(--color-border-hairline)}.mini-player.idle{display:none}.with-miniplayer .app-main{padding-bottom:var(--web-mini-player-height)}@media(min-width:641px){.with-miniplayer .sidebar{padding-bottom:var(--web-mini-player-height)}}.mini-player-wave{position:relative;width:100%;flex:none;padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-lg);background:var(--color-card-bg-deep);cursor:pointer;touch-action:none}.mini-player-wave:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.mini-player-wave .two-lane-wave{pointer-events:none}.mini-player-wave .wave-cue-label,.mini-player-wave .wave-cue-time{display:none}.mini-player-body{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;padding:var(--spacing-sm) var(--spacing-lg)}.mini-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mini-player-track{display:flex;align-items:baseline;gap:var(--spacing-sm);min-width:0}.mini-player-track-role{flex:none;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--label-tracking-short);color:var(--color-text-muted);min-width:26px}.mini-player-track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:var(--font-size-md)}.mini-player-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.mini-player-rating{padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-sm);min-width:0;overflow:hidden}.mini-player-rating .rating-distribution,.mini-player-rating .rating-meter-count{display:none}.mini-player-rating .dual-rating{gap:0}.mini-player-rating .dual-rating-meters{gap:var(--spacing-lg);align-items:flex-start}.mini-player-rating .crew-cluster{gap:0}.mini-player-rating .stars{font-size:var(--font-size-hero);gap:var(--spacing-xxs)}.mini-player-rating .star.you{font-size:var(--font-size-hero);padding:var(--spacing-xs)}@media(max-width:640px){.app-window{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:40;flex-direction:row;height:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-right:none;border-top:1px solid var(--color-border-hairline);background:var(--color-panel-bg)}.brand,.footer{display:none}.nav{flex:1;flex-direction:row;padding:0;gap:0}.nav-item{flex:1;flex-direction:column;justify-content:center;gap:2px;height:auto;padding:var(--spacing-xs) 0;border-left:none;border-top:2px solid transparent;border-radius:0;font-size:var(--font-size-sm);text-align:center}.nav-item.active{border-left-color:transparent;border-top-color:var(--color-accent)}.nav-item .glyph{width:auto;font-size:var(--font-size-xl)}.app-main{padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom))}.with-miniplayer .app-main{padding-bottom:calc(var(--mobile-tab-bar-height) + var(--web-mini-player-height) + env(safe-area-inset-bottom))}.mini-player{left:0;bottom:calc(var(--mobile-tab-bar-height) + env(safe-area-inset-bottom))}.feed-scroll-current{bottom:calc(var(--mobile-tab-bar-height) + var(--web-mini-player-height) + var(--spacing-lg) + env(safe-area-inset-bottom))}.feed-screen,.set-screen,.fanout-detail-screen,.screen-body{padding:var(--spacing-lg)}.screen-header{padding:0 var(--spacing-lg)}.crate-header{flex-direction:column;gap:var(--spacing-md)}.feed-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.feed-screen-header{height:auto;padding:var(--spacing-md) var(--spacing-lg)}.feed-screen-header .feed-header{height:auto;padding:0;flex-wrap:wrap}.feed-screen-header .feed-toolbar{flex-wrap:wrap}.feed-filter{flex-basis:100%;min-width:0}.variant-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);background:var(--color-card-bg)}.variant-row:first-child{border-top:1px solid var(--color-border-hairline)}.variant-row.top{background:var(--color-accent-tint)}.variant-index{display:none}.variant-mix,.variant-transition{flex:1 1 100%}.variant-crew,.variant-you{flex:1 1 auto}.variant-play{flex:0 0 auto;margin-left:auto}.variant-open-cell{flex:1 1 100%;justify-content:flex-end}.fanout-card-top,.fanout-hero-header,.fanout-wave-wrap,.phrase-legend,.fanout-params,.fanout-rating-panels,.fanout-reverse,.fanout-variants,.fanout-comments{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.fanout-hero-header{flex-wrap:wrap;gap:var(--spacing-md)}.fanout-params{gap:var(--spacing-sm)}.fanout-param-card{flex:1 1 calc(50% - var(--spacing-sm));min-width:0}.fanout-rating-panels{flex-direction:column}.fanout-rating-panel{min-width:0}.fanout-variant-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md)}.fanout-variant-mix,.fanout-variant-transition{flex:1 1 100%}.fanout-variant-crew,.fanout-variant-you{flex:1 1 auto}.fanout-variant-play{flex:0 0 auto;margin-left:auto}.set-header{flex-direction:column;gap:var(--spacing-md)}.set-header-side{gap:var(--spacing-md)}.set-ribbon-meta{gap:var(--spacing-lg)}.set-track-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm)}.set-track-index,.set-track-key,.set-track-bpm{flex:0 0 auto}.set-track-title{flex:1 1 auto;min-width:0}.set-track-dur{display:none}.set-gap-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm) var(--spacing-md);margin-left:var(--spacing-sm)}.set-gap-connector{display:none}.set-gap-transition{flex:1 1 100%}.set-gap-cues{flex:0 0 auto}.set-gap-crew,.set-gap-you{flex:1 1 auto}.set-gap-comments{flex:0 0 auto;margin-left:auto}.inbox-screen{margin-top:var(--spacing-md)}.inbox-row-main{flex-basis:100%;min-width:0}.demo-label{min-width:0}.share-sheet-backdrop{align-items:flex-end;padding:0}.share-sheet{max-width:none;max-height:85vh;border-top-left-radius:var(--radius-modal);border-top-right-radius:var(--radius-modal);border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}}@media(max-width:900px){.settings-body{grid-template-columns:1fr}}@media(max-width:1200px){.set-detail{grid-template-columns:1fr}.set-detail-rail{position:static;flex-direction:row;overflow-x:auto;gap:var(--spacing-sm);border-left:none;border-top:1px solid var(--color-border-hairline);border-radius:0}.set-detail-rail .set-rail-header{display:none}.set-render-card{flex:0 0 auto;min-width:240px}}@media(max-width:640px){.set-detail{padding:var(--spacing-md)}.set-list-colhead{display:none}.set-list-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.set-list-crew{align-items:flex-start;text-align:left}.set-header-side{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.set-arr{height:56px}.set-param-tiles{display:flex}}