*,*:before,*:after{box-sizing:border-box}body{margin:0}:root,[data-theme=specimen]{--color-paper: oklch(96% .018 80);--color-paper-2: oklch(93% .02 80);--color-paper-3: oklch(89% .022 75);--color-rule: oklch(82% .014 75);--color-rule-2: oklch(70% .012 70);--color-muted: oklch(52% .012 65);--color-neutral: oklch(38% .014 60);--color-ink-2: oklch(26% .014 60);--color-ink: oklch(18% .014 60);--color-accent: #FC4C02;--color-accent-ink: #ffffff;--color-focus: #FC4C02;--font-display: "Fraunces", "Tiempos", ui-serif, Georgia, serif;--font-body: "Geist", "Söhne", ui-sans-serif, sans-serif;--font-serif: "Fraunces", ui-serif, Georgia, serif;--font-label: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 340;--display-optical: 144;--display-style: normal;--display-soft: 20;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 2.75rem;--text-display: clamp(3rem, 5.5vw + 1rem, 5.75rem);--text-display-s: clamp(2rem, 3vw + 1rem, 3rem);--lh-tight: 1.02;--lh-snug: 1.18;--lh-normal: 1.45;--lh-relaxed: 1.6;--tracking-display: -.025em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-label: .12em;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6.5rem;--space-4xl: 10rem;--space-5xl: 13rem;--section-gap: 6.5rem;--section-head-gap: 1.5rem;--page-max: 76rem;--page-gutter: clamp(1.25rem, 4vw, 3rem);--measure: 62ch;--rule-hair: .5px;--rule-fine: 1px;--radius-card: 0;--radius-pill: 0;--radius-input: 0;--rule-card: 1px;--shadow-card: none;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-sticky-nav: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--banner-height: 44px}[data-theme=midnight]{--color-paper: oklch(15% .022 250);--color-paper-2: oklch(20% .024 250);--color-paper-3: oklch(25% .026 250);--color-rule: oklch(33% .024 245);--color-rule-2: oklch(48% .02 240);--color-muted: oklch(60% .018 240);--color-neutral: oklch(72% .014 235);--color-ink-2: oklch(86% .01 230);--color-ink: oklch(95% .008 230);--color-accent: oklch(72% .16 220);--color-accent-ink: oklch(14% .02 220);--color-focus: oklch(72% .16 220);--font-display: "Geist", "Futura", "Avenir Next", ui-sans-serif, sans-serif;--font-body: "Geist", "Söhne", ui-sans-serif, sans-serif;--font-serif: "Instrument Serif", ui-serif, Georgia, serif;--font-label: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 300;--display-optical: 144;--display-soft: 0;--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-display-s: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);--tracking-display: -.03em;--tracking-label: .16em;--section-gap: 6rem;--section-head-gap: 1.5rem;--measure: 60ch}[data-theme=brutal]{--color-paper: oklch(98% .001 0);--color-paper-2: oklch(95% .002 0);--color-paper-3: oklch(91% .003 0);--color-rule: oklch(12% .005 0);--color-rule-2: oklch(8% .005 0);--color-muted: oklch(38% .005 0);--color-neutral: oklch(22% .005 0);--color-ink-2: oklch(12% .005 0);--color-ink: oklch(8% .005 0);--color-accent: #E63946;--color-accent-ink: #ffffff;--color-focus: #E63946;--font-display: "Albert Sans", "GT America", ui-sans-serif, sans-serif;--font-body: "Albert Sans", "Hanken Grotesk", ui-sans-serif, sans-serif;--font-serif: "Albert Sans", ui-sans-serif, sans-serif;--font-label: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 700;--display-soft: 0;--text-display: clamp(3.5rem, 6vw + 1rem, 6.5rem);--text-display-s: clamp(2.25rem, 4vw + 1rem, 3.75rem);--text-2xl: 2.75rem;--text-xl: 2rem;--text-lg: 1.5rem;--tracking-display: -.045em;--tracking-tight: -.02em;--tracking-label: .04em;--lh-tight: 1.02;--lh-snug: 1.08;--section-gap: 5.5rem;--section-head-gap: 1.25rem;--rule-hair: 1px;--rule-fine: 3px;--measure: 58ch}[data-theme=garden]{--color-paper: oklch(95.5% .022 92);--color-paper-2: oklch(92.5% .026 92);--color-paper-3: oklch(88.5% .03 90);--color-rule: oklch(83% .028 115);--color-rule-2: oklch(62% .045 132);--color-muted: oklch(48% .04 138);--color-neutral: oklch(40% .045 142);--color-ink-2: oklch(33% .05 150);--color-ink: oklch(24% .052 152);--color-accent: oklch(47% .13 140);--color-accent-2: oklch(54% .14 46);--color-accent-ink: oklch(96% .02 92);--color-focus: oklch(47% .13 140);--tint-moss: oklch(47% .13 140 / .1);--tint-clay: oklch(54% .14 46 / .1);--font-display: "Young Serif", ui-serif, Georgia, serif;--font-body: "Hanken Grotesk", "Geist", ui-sans-serif, system-ui, sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--font-label: "Geist Mono", ui-monospace, monospace;--font-mono: "Geist Mono", ui-monospace, monospace;--display-weight: 400;--display-style: normal;--text-display: clamp(2.85rem, 5.2vw + 1rem, 5rem);--text-display-s: clamp(2.1rem, 3.2vw + 1rem, 3.25rem);--tracking-display: -.006em;--tracking-tight: -.004em;--tracking-label: .14em;--lh-tight: 1.06;--lh-snug: 1.22;--section-gap: 6.5rem;--section-head-gap: 1.6rem;--measure: 58ch;--shadow-card: 0 14px 34px -20px oklch(24% .05 150 / .22), 0 1px 2px oklch(24% .05 150 / .08)}[data-theme=atelier]{--color-paper: oklch(94% .005 60);--color-paper-2: oklch(91% .006 60);--color-paper-3: oklch(87% .008 55);--color-rule: oklch(78% .006 55);--color-rule-2: oklch(56% .008 50);--color-muted: oklch(46% .01 50);--color-neutral: oklch(28% .014 45);--color-ink-2: oklch(18% .02 40);--color-ink: oklch(12% .024 40);--color-accent: oklch(22% .06 40);--color-accent-ink: oklch(45% .13 60);--color-focus: oklch(45% .13 60);--font-display: "Playfair Display", "Cormorant Garamond", "Tiempos Headline", ui-serif, Georgia, serif;--font-body: "Hanken Grotesk", "Geist", ui-sans-serif, sans-serif;--font-serif: "Playfair Display", "Cormorant Garamond", ui-serif, Georgia, serif;--font-label: "IBM Plex Mono", ui-monospace, monospace;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--display-weight: 900;--display-optical: 144;--display-style: normal;--display-soft: 0;--text-display: clamp(3.75rem, 5.5vw + 1rem, 6.25rem);--text-display-s: clamp(2.5rem, 4vw + 1rem, 4rem);--tracking-display: -.018em;--tracking-tight: -.008em;--tracking-label: .24em;--lh-tight: 1;--lh-snug: 1.16;--lh-normal: 1.55;--lh-relaxed: 1.7;--section-gap: 6.5rem;--section-head-gap: 1.75rem;--measure: 56ch;--page-max: 64rem}[data-theme=newsprint]{--color-paper: oklch(92% .045 50);--color-paper-2: oklch(89% .05 50);--color-paper-3: oklch(84% .054 45);--color-rule: oklch(68% .03 40);--color-rule-2: oklch(35% .02 35);--color-muted: oklch(46% .022 35);--color-neutral: oklch(30% .025 30);--color-ink-2: oklch(20% .03 28);--color-ink: oklch(15% .03 25);--color-accent: oklch(32% .1 28);--color-accent-ink: oklch(45% .13 30);--color-focus: oklch(48% .18 30);--font-display: "Playfair Display", "Crimson Pro", "Newsreader", ui-serif, Georgia, serif;--font-body: "Crimson Pro", "Newsreader", ui-serif, Georgia, serif;--font-serif: "Playfair Display", "Crimson Pro", ui-serif, Georgia, serif;--font-label: "Inter", "Geist", ui-sans-serif, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--display-weight: 700;--display-optical: 48;--display-style: normal;--display-soft: 0;--text-base: 1.0625rem;--text-md: 1.1875rem;--text-lg: 1.375rem;--text-xl: 1.625rem;--text-2xl: 2rem;--text-display: clamp(2.75rem, 5vw + 1rem, 5rem);--text-display-s: clamp(2rem, 3vw + 1rem, 2.875rem);--tracking-display: -.022em;--tracking-tight: -.008em;--tracking-label: .06em;--lh-normal: 1.55;--lh-relaxed: 1.65;--section-gap: 6rem;--section-head-gap: 1.5rem;--measure: 58ch}[data-theme=terminal]{--color-paper: oklch(11% .018 145);--color-paper-2: oklch(15% .022 145);--color-paper-3: oklch(19% .024 145);--color-rule: oklch(28% .03 140);--color-rule-2: oklch(40% .05 140);--color-muted: oklch(58% .09 140);--color-neutral: oklch(68% .12 140);--color-ink-2: oklch(78% .14 138);--color-ink: oklch(86% .16 138);--color-accent: oklch(78% .19 138);--color-accent-ink: oklch(78% .19 138);--color-focus: oklch(86% .19 138);--font-display: "JetBrains Mono", "IBM Plex Mono", "Geist Mono", ui-monospace, monospace;--font-body: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--font-serif: "JetBrains Mono", ui-monospace, monospace;--font-label: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 500;--display-style: normal;--text-display: clamp(2.25rem, 4vw + 1rem, 4rem);--text-display-s: clamp(1.625rem, 2.25vw + 1rem, 2.5rem);--text-xl: 1.5rem;--text-2xl: 1.875rem;--tracking-display: .01em;--tracking-tight: 0;--tracking-label: .18em;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.55;--section-gap: 5.5rem;--section-head-gap: 1.25rem;--measure: 70ch}[data-theme=manifesto]{--color-paper: oklch(10% .005 60);--color-paper-2: oklch(15% .006 60);--color-paper-3: oklch(20% .008 60);--color-rule: oklch(28% .01 60);--color-rule-2: oklch(40% .012 60);--color-muted: oklch(60% .012 65);--color-neutral: oklch(72% .01 70);--color-ink-2: oklch(88% .006 80);--color-ink: oklch(98% .003 90);--color-accent: #E51A1A;--color-accent-ink: oklch(58% .24 28);--color-focus: #E51A1A;--font-display: "Anton", "Bebas Neue", "Albert Sans", sans-serif;--font-body: "Public Sans", "Albert Sans", "Hanken Grotesk", ui-sans-serif, sans-serif;--font-serif: "Anton", "Albert Sans", sans-serif;--font-label: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 400;--display-optical: 96;--display-style: normal;--text-display: clamp(4rem, 8vw + 1rem, 9rem);--text-display-s: clamp(2.75rem, 6vw + 1rem, 5.5rem);--text-2xl: 3rem;--text-xl: 2rem;--tracking-display: .005em;--tracking-tight: 0;--tracking-label: .1em;--lh-tight: .86;--lh-snug: 1;--section-gap: 5.5rem;--section-head-gap: 1.25rem;--rule-hair: 1px;--rule-fine: 3px;--measure: 56ch}[data-theme=almanac]{--color-paper: oklch(94% .008 245);--color-paper-2: oklch(91% .01 245);--color-paper-3: oklch(86% .012 240);--color-rule: oklch(74% .012 240);--color-rule-2: oklch(38% .018 240);--color-muted: oklch(46% .014 245);--color-neutral: oklch(28% .016 245);--color-ink-2: oklch(20% .018 245);--color-ink: oklch(16% .02 245);--color-accent: oklch(38% .135 250);--color-accent-ink: oklch(40% .13 250);--color-focus: oklch(38% .135 250);--font-display: "Hanken Grotesk", "Inter", ui-sans-serif, sans-serif;--font-body: "Hanken Grotesk", "Inter", "Geist", ui-sans-serif, sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--font-label: "IBM Plex Mono", ui-monospace, monospace;--font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 600;--display-optical: 48;--display-style: normal;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-display: clamp(2.25rem, 3.5vw + 1rem, 3.75rem);--text-display-s: clamp(1.5rem, 2vw + 1rem, 2.25rem);--tracking-display: -.014em;--tracking-tight: -.005em;--tracking-label: .06em;--lh-tight: 1.1;--lh-snug: 1.22;--lh-normal: 1.5;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--section-gap: 5.5rem;--section-head-gap: 1.25rem;--measure: 64ch;--page-max: 84rem}[data-theme=sport]{--color-paper: oklch(98% .003 250);--color-paper-2: oklch(95% .005 250);--color-paper-3: oklch(91% .007 250);--color-rule: oklch(78% .008 250);--color-rule-2: oklch(36% .06 255);--color-muted: oklch(50% .02 250);--color-neutral: oklch(30% .04 255);--color-ink-2: oklch(22% .06 258);--color-ink: oklch(16% .08 260);--color-accent: oklch(58% .19 35);--color-accent-ink: oklch(54% .2 35);--color-focus: oklch(58% .19 35);--font-display: "Inter Tight", "Albert Sans", ui-sans-serif, sans-serif;--font-body: "Albert Sans", "Hanken Grotesk", ui-sans-serif, sans-serif;--font-serif: "Inter Tight", ui-sans-serif, sans-serif;--font-label: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 700;--display-style: normal;--display-optical: 96;--text-display: clamp(3.5rem, 6vw + 1rem, 6.5rem);--text-display-s: clamp(2.25rem, 4vw + 1rem, 4rem);--text-2xl: 2.5rem;--text-xl: 1.875rem;--tracking-display: -.04em;--tracking-tight: -.018em;--tracking-label: .1em;--lh-tight: 1.02;--lh-snug: 1.06;--section-gap: 5.5rem;--section-head-gap: 1.25rem;--rule-hair: 1px;--rule-fine: 2px;--measure: 58ch}[data-theme=studio]{--color-paper: oklch(96.5% .005 200);--color-paper-2: oklch(93.5% .007 200);--color-paper-3: oklch(89% .01 200);--color-rule: oklch(82% .008 200);--color-rule-2: oklch(68% .01 200);--color-muted: oklch(48% .012 205);--color-neutral: oklch(34% .016 205);--color-ink-2: oklch(22% .02 205);--color-ink: oklch(13% .024 205);--color-accent: oklch(46% .14 145);--color-accent-ink: oklch(46% .14 145);--color-focus: oklch(46% .14 145);--font-display: "Fraunces", "Tiempos", ui-serif, Georgia, serif;--font-body: "Geist", "Söhne", ui-sans-serif, system-ui, sans-serif;--font-serif: "Fraunces", ui-serif, Georgia, serif;--font-label: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 400;--display-optical: 144;--display-style: normal;--display-soft: 30;--text-display: clamp(3.5rem, 5.5vw + 1rem, 6.25rem);--text-display-s: clamp(2.25rem, 4vw + 1rem, 4.25rem);--tracking-display: -.022em;--tracking-label: .08em;--section-gap: 6.5rem;--section-head-gap: 1.5rem}[data-theme=riso]{--color-paper: oklch(91% .034 30);--color-paper-2: oklch(87% .04 30);--color-paper-3: oklch(82% .046 30);--color-rule: oklch(70% .04 30);--color-rule-2: oklch(56% .06 30);--color-muted: oklch(46% .06 30);--color-neutral: oklch(34% .06 30);--color-ink-2: oklch(22% .06 30);--color-ink: oklch(18% .06 30);--color-accent: oklch(58% .17 220);--color-accent-2: oklch(78% .18 95);--color-accent-ink: oklch(58% .17 220);--color-focus: oklch(58% .17 220);--font-display: "Public Sans", "Albert Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "Newsreader", "Tiempos", ui-serif, Georgia, serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--font-label: "Public Sans", "Albert Sans", ui-sans-serif, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 800;--display-style: normal;--text-display: clamp(3.25rem, 5.5vw + 1rem, 6.25rem);--text-display-s: clamp(2.25rem, 3.5vw + 1rem, 3.75rem);--tracking-display: -.04em;--tracking-tight: -.014em;--tracking-label: .06em;--lh-tight: .92;--lh-snug: 1.1;--section-gap: 6rem;--section-head-gap: 1.5rem}[data-theme=bloom]{--color-paper: oklch(97% .01 72);--color-paper-2: oklch(94.5% .012 72);--color-paper-3: oklch(91% .014 68);--color-rule: oklch(86% .012 70);--color-rule-2: oklch(68% .016 64);--color-muted: oklch(50% .018 58);--color-neutral: oklch(40% .02 52);--color-ink-2: oklch(30% .022 46);--color-ink: oklch(20% .022 40);--color-accent: oklch(56% .13 35);--color-accent-ink: oklch(98% .01 72);--color-accent-2: oklch(64% .09 55);--color-focus: oklch(56% .13 35);--font-display: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Instrument Serif", ui-serif, Georgia, serif;--font-label: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 600;--display-style: normal;--text-display: clamp(3rem, 6vw + 1rem, 5.75rem);--text-display-s: clamp(2rem, 3vw + 1rem, 3.5rem);--tracking-display: -.022em;--tracking-tight: -.014em;--tracking-label: .12em;--lh-tight: 1.06;--lh-snug: 1.2;--section-gap: 7rem;--section-head-gap: 1.6rem}[data-theme=coral]{--color-paper: oklch(96.5% .005 50);--color-paper-2: oklch(94% .006 50);--color-paper-3: oklch(91% .008 50);--color-rule: oklch(86% .008 50);--color-rule-2: oklch(72% .01 50);--color-muted: oklch(52% .012 50);--color-neutral: oklch(38% .012 45);--color-ink-2: oklch(26% .012 40);--color-ink: oklch(20% .01 35);--color-accent: oklch(64% .165 28);--color-accent-ink: oklch(98% .005 50);--color-focus: oklch(64% .165 28);--font-display: "Geist", "General Sans", ui-sans-serif, system-ui, sans-serif;--font-body: "Geist", "General Sans", ui-sans-serif, system-ui, sans-serif;--font-serif: ui-serif, Georgia, serif;--font-label: "Geist Mono", ui-monospace, monospace;--font-mono: "Geist Mono", ui-monospace, monospace;--display-weight: 600;--display-style: normal;--text-display: clamp(2.5rem, 5vw + .5rem, 4.5rem);--text-display-s: clamp(2rem, 3vw + .5rem, 3rem);--tracking-display: -.025em;--tracking-tight: -.015em;--tracking-label: .05em;--section-gap: 6rem;--section-head-gap: 1.5rem}[data-theme=cobalt]{--color-paper: oklch(98.5% .004 250);--color-paper-2: oklch(96.5% .005 252);--color-paper-3: oklch(94% .006 254);--color-rule: oklch(91% .008 255);--color-rule-2: oklch(83% .011 255);--color-muted: oklch(56% .013 255);--color-neutral: oklch(46% .015 255);--color-ink-2: oklch(34% .018 257);--color-ink: oklch(24% .02 258);--color-accent: oklch(58% .2 256);--color-accent-ink: oklch(99% .004 256);--color-focus: oklch(58% .2 256);--color-graphite: oklch(24% .018 260);--font-display: "Space Grotesk", "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Inter", ui-sans-serif, system-ui, sans-serif;--font-label: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 500;--display-style: normal;--text-display: clamp(2.5rem, 4.5vw + .75rem, 4.5rem);--text-display-s: clamp(1.85rem, 3vw + .5rem, 2.75rem);--tracking-display: -.03em;--tracking-tight: -.015em;--tracking-label: .06em;--section-gap: 7rem;--section-head-gap: 1.5rem}[data-theme=aurora]{--color-paper: oklch(11% .025 200);--color-paper-2: oklch(15% .028 200);--color-paper-3: oklch(18% .03 200);--color-rule: oklch(28% .022 200);--color-rule-2: oklch(38% .024 200);--color-muted: oklch(60% .018 200);--color-neutral: oklch(74% .014 200);--color-ink-2: oklch(82% .012 200);--color-ink: oklch(96% .01 200);--color-accent: oklch(72% .17 200);--color-accent-ink: oklch(11% .025 200);--color-accent-2: oklch(64% .15 175);--color-focus: oklch(72% .17 200);--font-display: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Sentient", "Geist", ui-sans-serif, system-ui, sans-serif;--font-serif: "Sentient", ui-serif, Georgia, serif;--font-label: "Geist Mono", ui-monospace, monospace;--font-mono: "Geist Mono", ui-monospace, monospace;--display-weight: 600;--display-style: normal;--text-display: clamp(3rem, 6vw + 1rem, 5.75rem);--text-display-s: clamp(2rem, 3vw + 1rem, 3.5rem);--tracking-display: -.035em;--tracking-tight: -.02em;--tracking-label: .1em;--lh-tight: 1.05;--lh-snug: 1.18;--section-gap: 6.5rem;--section-head-gap: 1.5rem}[data-theme=brutal],[data-theme=manifesto]{--rule-card: 2px}[data-theme=sport]{--rule-card: 1.5px}[data-theme=garden]{--radius-card: 10px;--radius-pill: 8px;--radius-input: 8px}[data-theme=studio]{--radius-card: 6px;--radius-pill: 4px;--shadow-card: 0 1px 2px oklch(20% .014 205 / .05)}[data-theme=riso]{--radius-card: 2px;--radius-pill: 2px}[data-theme=bloom]{--radius-card: 16px;--radius-pill: 999px;--radius-input: 12px;--shadow-card: 0 12px 32px -18px oklch(20% .03 60 / .12), 0 1px 2px oklch(20% .03 60 / .06)}[data-theme=coral]{--radius-card: 8px;--radius-pill: 999px;--radius-input: 6px;--shadow-card: 0 1px 2px oklch(20% .01 50 / .06)}[data-theme=aurora]{--radius-card: 12px;--radius-pill: 999px;--radius-input: 10px;--shadow-card: 0 16px 40px -16px oklch(11% .04 200 / .65), 0 1px 2px oklch(11% .04 200 / .4)}[data-theme=cobalt]{--radius-card: 10px;--radius-pill: 6px;--radius-input: 6px;--shadow-card: 0 1px 2px oklch(24% .02 258 / .05)}[data-theme=editorial]{--radius-card: 0;--radius-pill: 0;--radius-input: 0;--rule-card: .5px}[data-theme=editorial]{--color-paper: oklch(94% .02 75);--color-paper-2: oklch(91% .022 72);--color-paper-3: oklch(87% .024 70);--color-rule: oklch(80% .018 70);--color-rule-2: oklch(64% .014 68);--color-muted: oklch(48% .014 60);--color-neutral: oklch(34% .012 55);--color-ink-2: oklch(28% .014 55);--color-ink: oklch(15% .014 280);--color-accent: oklch(60% .16 35);--color-accent-ink: oklch(98% .005 70);--color-focus: oklch(62% .16 35);--font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Playfair Display", "Fraunces", ui-serif, Georgia, serif;--font-label: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--display-weight: 800;--display-style: normal;--text-display: clamp(2.5rem, 5vw + .75rem, 4.75rem);--text-display-s: clamp(1.875rem, 3vw + .5rem, 2.875rem);--tracking-display: -.04em;--tracking-tight: -.018em;--tracking-label: .1em;--section-gap: 6rem;--section-head-gap: 1.5rem}[data-theme=carnival]{--color-paper: oklch(92% .045 50);--color-paper-2: oklch(88% .05 45);--color-paper-3: oklch(82% .06 40);--color-rule: oklch(40% .18 25);--color-rule-2: oklch(18% .08 20);--color-muted: oklch(45% .05 30);--color-neutral: oklch(35% .06 25);--color-ink-2: oklch(28% .06 25);--color-ink: oklch(18% .08 20);--color-accent: oklch(86% .18 95);--color-accent-2: oklch(40% .21 25);--color-accent-ink: oklch(18% .08 20);--color-focus: oklch(40% .21 25);--font-display: "Big Shoulders Display", "Druk Wide", "Anton", ui-sans-serif, sans-serif;--font-body: "DM Sans", "Inter Tight", ui-sans-serif, system-ui, sans-serif;--font-serif: "Newsreader", ui-serif, Georgia, serif;--font-label: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-weight: 700;--display-style: normal;--text-display: clamp(3.25rem, 6.5vw + 1rem, 6.5rem);--text-display-s: clamp(2.25rem, 4vw + .75rem, 3.5rem);--tracking-display: .02em;--tracking-display-loose: .04em;--tracking-tight: -.005em;--tracking-label: .18em;--section-gap: 5rem;--section-head-gap: 1.25rem;--radius-card: 8px;--radius-pill: 999px;--radius-input: 4px;--rule-card: 2px;--shadow-card: 4px 4px 0 oklch(18% .08 20)}[data-theme=lumen]{color-scheme:dark;--color-paper: oklch(13% .014 265);--color-paper-2: oklch(17% .016 265);--color-paper-3: oklch(22% .018 263);--color-rule: oklch(30% .018 265);--color-rule-2: oklch(42% .02 263);--color-muted: oklch(60% .016 263);--color-neutral: oklch(72% .014 263);--color-ink-2: oklch(82% .01 262);--color-ink: oklch(96% .006 262);--color-accent: oklch(76% .17 50);--color-accent-2: oklch(68% .16 18);--color-accent-ink: oklch(13% .014 265);--color-focus: oklch(76% .17 50);--color-glow: oklch(80% .16 50 / .42);--color-glow-2: oklch(80% .16 50 / .12);--color-paper-emit: oklch(76% .17 50 / .04);--rule-blueprint: oklch(96% .006 262 / .04);--font-display: "Instrument Serif", "Tiempos Headline", ui-serif, Georgia, serif;--font-body: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Instrument Serif", ui-serif, Georgia, serif;--font-label: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 400;--display-optical: 144;--display-style: normal;--text-display: clamp(3rem, 6.5vw + .75rem, 6.75rem);--text-display-s: clamp(2.25rem, 3.75vw + 1rem, 3.75rem);--tracking-display: -.032em;--tracking-tight: -.014em;--tracking-label: .1em;--tracking-micro: .16em;--lh-tight: 1.02;--lh-snug: 1.18;--lh-normal: 1.55;--lh-relaxed: 1.7;--section-gap: 6.5rem;--section-head-gap: 1.75rem;--measure: 60ch;--radius-card: 10px;--radius-pill: 999px;--radius-input: 8px;--rule-card: 1px;--shadow-card: 0 24px 60px -28px oklch(0% 0 0 / .55), 0 1px 2px oklch(0% 0 0 / .4);--dur-headline: 1.1s;--dur-pulse: 4s;--ease-soft: cubic-bezier(.22, .61, .36, 1)}[data-theme=lumen][data-drop=day]{color-scheme:light;--color-paper: oklch(97% .008 265);--color-paper-2: oklch(94% .01 265);--color-paper-3: oklch(90% .012 263);--color-rule: oklch(86% .01 265);--color-rule-2: oklch(72% .012 265);--color-muted: oklch(52% .014 265);--color-neutral: oklch(38% .016 265);--color-ink-2: oklch(28% .016 265);--color-ink: oklch(18% .014 265);--color-accent: oklch(46% .24 268);--color-accent-2: oklch(68% .16 18);--color-accent-ink: oklch(97% .008 265);--color-focus: oklch(46% .24 268);--color-glow: oklch(58% .22 268 / .28);--color-glow-2: oklch(68% .16 18 / .1);--color-paper-emit: oklch(46% .24 268 / .03);--rule-blueprint: oklch(18% .014 265 / .04);--shadow-card: 0 24px 60px -28px oklch(18% .04 265 / .22), 0 1px 2px oklch(18% .04 265 / .12)}[data-theme=hum]{color-scheme:light;--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-rule: oklch(86% .014 90);--color-rule-2: oklch(70% .018 85);--color-muted: oklch(52% .014 90);--color-neutral: oklch(38% .014 100);--color-ink-2: oklch(28% .014 250);--color-ink: oklch(20% .012 250);--color-accent: oklch(86% .18 95);--color-accent-2: oklch(66% .18 235);--color-accent-3: oklch(68% .24 18);--color-mint: oklch(80% .16 150);--color-lavender: oklch(74% .16 305);--color-accent-ink: oklch(20% .012 250);--color-focus: oklch(66% .18 235);--font-display: "Plus Jakarta Sans", "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Plus Jakarta Sans", ui-sans-serif, sans-serif;--font-label: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "JetBrains Mono", "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--display-weight: 600;--display-style: normal;--text-display: clamp(2.75rem, 5.5vw + .75rem, 5.25rem);--text-display-s: clamp(2rem, 3.25vw + 1rem, 3.25rem);--tracking-display: -.025em;--tracking-tight: -.014em;--tracking-normal: 0;--tracking-label: .1em;--tracking-micro: .16em;--lh-tight: 1.05;--lh-snug: 1.18;--lh-normal: 1.55;--lh-relaxed: 1.7;--section-gap: 6.5rem;--section-head-gap: 1.75rem;--radius-card: 20px;--radius-pill: 999px;--radius-input: 12px;--rule-card: 1px;--shadow-card: 0 12px 32px -16px oklch(20% .012 250 / .14), 0 1px 2px oklch(20% .012 250 / .06);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1);--dur-wobble: .48s;--dur-burst: .42s;--dur-tick: 1.2s;--color-accent-deep: oklch(76% .2 95);--color-accent-2-deep: oklch(56% .2 235);--color-accent-3-deep: oklch(58% .26 18);--color-mint-deep: oklch(70% .18 150);--color-lavender-deep: oklch(64% .18 305);--tint-pear: oklch(86% .18 95 / .16);--tint-cyan: oklch(66% .18 235 / .14);--tint-coral: oklch(68% .24 18 / .12);--tint-mint: oklch(80% .16 150 / .16);--tint-lavender: oklch(74% .16 305 / .14);--page-max: 78rem;--page-gutter: clamp(1.25rem, 4vw, 3rem);--measure: 60ch;--text-xs: .75rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6.5rem;--space-4xl: 10rem;--shadow-card-hover: 0 24px 56px -20px oklch(20% .012 250 / .18), 0 2px 6px oklch(20% .012 250 / .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s}[data-theme=grid]{--color-paper: oklch(99% .003 255);--color-paper-2: oklch(97.2% .003 255);--color-paper-3: oklch(94.5% .004 255);--color-rule: oklch(88% .004 255);--color-rule-2: oklch(72% .005 255);--color-muted: oklch(48% .006 255);--color-neutral: oklch(34% .006 255);--color-ink-2: oklch(26% .008 255);--color-ink: oklch(16% .01 255);--color-accent: oklch(55% .21 28);--color-accent-ink: oklch(99% .003 255);--color-focus: oklch(55% .21 28);--font-display: "Archivo", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-body: "Archivo", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-serif: "Archivo", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;--font-label: "Archivo", ui-sans-serif, sans-serif;--font-mono: "Spline Sans Mono", "Geist Mono", ui-monospace, monospace;--display-weight: 800;--display-style: normal;--text-display: clamp(2.75rem, 7vw + .5rem, 6rem);--text-display-s: clamp(2rem, 3.5vw + .5rem, 3.25rem);--tracking-display: -.045em;--tracking-tight: -.02em;--tracking-label: .04em;--section-gap: 6rem;--section-head-gap: 1.5rem;--radius-card: 0;--radius-pill: 0;--radius-input: 0;--rule-card: 1px;--shadow-card: none}html,body{overflow-x:clip;min-height:100vh}body{background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:var(--text-base, 1rem);line-height:var(--lh-normal, 1.55);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-short, .2s) var(--ease-out, ease-out),color var(--dur-short, .2s) var(--ease-out, ease-out)}h1,h2,h3,h4{margin:0;color:var(--color-ink);font-family:var(--font-display, "Fraunces", serif);font-style:normal;font-weight:var(--display-weight, 600);letter-spacing:var(--tracking-display, -.02em);line-height:var(--lh-tight, 1.15);overflow-wrap:anywhere;min-width:0}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}ul,ol{margin:0;padding:0;list-style:none}kbd{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .35em;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-sm, 4px);background:var(--color-paper-2, var(--color-paper));color:var(--color-muted);font:500 .72rem / 1 var(--font-mono, monospace)}:focus-visible{outline:2px solid var(--color-focus, var(--color-accent));outline-offset:2px}.tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace)}.skip-link{position:absolute;left:1rem;top:-100px;z-index:1000;padding:.5rem 1rem;background:var(--color-accent);color:var(--color-accent-ink, #fff);border-radius:var(--radius-sm, 4px)}.skip-link:focus{top:1rem}.icon-btn{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);background:var(--color-paper);color:var(--color-ink-2);transition:border-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out),background-color var(--dur-micro, .12s) var(--ease-out)}.icon-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-paper-2)}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn--bare{border-color:transparent;background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:40px;padding:0 1.25rem;border:1px solid transparent;border-radius:var(--radius-pill, var(--radius-sm, 4px));font-weight:500;font-size:.875rem;white-space:nowrap;letter-spacing:.01em;transition:background-color var(--dur-micro, .12s) var(--ease-out),border-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out),transform var(--dur-micro, .12s) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink, #fff);border-color:var(--color-accent)}.btn--primary:hover{filter:brightness(1.08)}.btn--ghost{border-color:var(--color-rule-2, var(--color-rule));color:var(--color-ink);background:var(--color-paper)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.play-icon{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--color-rule-2, var(--color-rule));background:var(--color-paper);color:var(--color-ink);transition:all var(--dur-micro, .12s) var(--ease-out)}.play-icon:hover,.play-icon.is-on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink, #fff)}.chip{display:inline-flex;align-items:center;gap:.35rem;height:32px;padding:0 .75rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);font:500 .75rem / 1 var(--font-mono, monospace);color:var(--color-ink-2);white-space:nowrap;background:var(--color-paper);transition:border-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out)}.chip:hover,.chip.is-on{border-color:var(--color-accent);color:var(--color-accent)}.link{color:var(--color-accent);font-weight:500;font-size:.875rem;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity var(--dur-micro, .12s) var(--ease-out)}.link:hover{opacity:.8}.app{min-height:100vh;display:flex;flex-direction:column}.app.has-player{padding-bottom:calc(var(--player-h, 105px) + 1rem)}.main{flex:1}.page{width:100%;max-width:var(--page-max, 74rem);margin:0 auto;padding:3rem clamp(1.25rem,4vw,2.5rem) 6rem;display:flex;flex-direction:column;gap:2.5rem}.page--narrow{max-width:54rem;gap:3rem}.section-title{font-size:1.5rem;font-family:var(--font-display, serif);display:flex;align-items:baseline;gap:.75rem;letter-spacing:-.015em}.section-title--page{font-size:2.25rem}.nav{position:sticky;top:0;z-index:300;border-bottom:1px solid var(--color-rule);background:color-mix(in oklch,var(--color-paper) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color var(--dur-short, .2s) var(--ease-out),border-color var(--dur-short, .2s) var(--ease-out)}.nav__inner{max-width:var(--page-max, 74rem);margin:0 auto;height:64px;padding:0 clamp(1.25rem,4vw,2.5rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem}.nav__brand{font:700 1.35rem / 1 var(--font-display, serif);letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;display:flex;align-items:baseline;gap:2px}.nav__brand-dot{color:var(--color-accent)}.searchpill{justify-self:center;width:min(100%,400px);height:38px;display:flex;align-items:center;gap:.65rem;padding:0 .5rem 0 .85rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);background:var(--color-paper-2);color:var(--color-muted);font-size:.85rem;text-align:left;transition:border-color var(--dur-micro, .12s) var(--ease-out)}.searchpill:hover{border-color:var(--color-rule-2, var(--color-rule));color:var(--color-ink-2)}.searchpill__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchpill__kbd{display:inline-flex;gap:3px}.nav__right{display:flex;align-items:center;gap:.65rem}.nav__link{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 .75rem;border-radius:var(--radius-sm, 4px);font-size:.875rem;font-weight:500;color:var(--color-ink-2);white-space:nowrap;transition:color var(--dur-micro, .12s) var(--ease-out)}.nav__link:hover,.nav__link[aria-current=page]{color:var(--color-accent)}.theme-switcher{position:relative}.theme-pill{display:inline-flex;align-items:center;gap:.45rem;height:36px;padding:0 .65rem;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-pill, var(--radius-sm, 4px));background:var(--color-paper-2);color:var(--color-ink);font:500 .8rem / 1 var(--font-mono, monospace);transition:border-color var(--dur-micro, .12s) var(--ease-out),background-color var(--dur-micro, .12s) var(--ease-out)}.theme-pill:hover{border-color:var(--color-accent);background:var(--color-paper-3, var(--color-paper-2))}.theme-pill__name{font-weight:600}.theme-pill__kbd{min-width:1.25em;height:1.35em;padding:0 .25em;border-color:var(--color-rule);color:var(--color-accent);font-size:.65rem}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,calc(100vw - 2rem));max-height:480px;overflow-y:auto;padding:.5rem;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-card, var(--radius-sm, 6px));background:var(--color-paper);box-shadow:0 16px 36px -12px var(--color-ink-2, rgba(0, 0, 0, .25));z-index:400}.theme-menu__head{display:flex;justify-content:space-between;align-items:center;padding:.4rem .5rem .6rem;border-bottom:1px solid var(--color-rule);font:600 .72rem / 1 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.theme-menu__quick{font-size:.75rem;cursor:pointer}.theme-menu__list{display:flex;flex-direction:column;gap:2px;padding-top:.4rem}.theme-menu__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:.55rem .65rem;border-radius:var(--radius-sm, 4px);text-align:left;transition:background-color var(--dur-micro, .12s) var(--ease-out)}.theme-menu__item:hover{background:var(--color-paper-2)}.theme-menu__item.is-active{background:var(--color-paper-3, var(--color-paper-2));border-left:2px solid var(--color-accent)}.theme-menu__item-name{font:600 .85rem / 1.2 var(--font-display, serif);color:var(--color-ink)}.theme-menu__item-desc{font-size:.72rem;color:var(--color-muted);margin-top:2px}.hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;align-items:end;border-bottom:1px solid var(--color-rule);padding-bottom:3.5rem}.hero__text{display:flex;flex-direction:column;gap:1.25rem}.hero__title{font-size:var(--text-display, clamp(2.5rem, 5vw, 4.25rem));letter-spacing:var(--tracking-display, -.03em);line-height:var(--lh-tight, 1.05);color:var(--color-ink);max-width:16ch}.hero__lede{max-width:48ch;font-size:1.125rem;color:var(--color-ink-2);line-height:1.6}.hero__meta{font:500 .75rem / 1.4 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);display:flex;align-items:center;gap:.5rem}.spotlight{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-card, var(--radius-sm, 6px));padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.spotlight__label{font:600 .72rem / 1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.spotlight__body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.25rem;align-items:start}.spotlight__text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0}.spotlight__title{font-size:1.35rem;font-family:var(--font-display, serif);color:var(--color-ink)}.spotlight__title a:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.spotlight__sub,.spotlight__summary,.spotlight__progress{font-size:.875rem;color:var(--color-muted)}.metrics-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;font-size:.785rem;color:var(--color-muted);margin:.25rem 0}.metrics-item{display:inline-flex;align-items:center;gap:.35rem;line-height:1}.metrics-item svg{color:var(--color-accent)}.spotlight__summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight__progress{width:100%;display:flex;flex-direction:column;gap:.5rem}.spotlight__bar{display:block;height:3px;border-radius:2px;background:linear-gradient(to right,var(--color-accent) var(--progress),var(--color-rule) var(--progress))}.spotlight .btn{margin-top:.5rem}.cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3 / 4;width:100%;padding:.85rem;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-sm, 3px);color:var(--color-ink);background:var(--color-paper-2);overflow:hidden;box-shadow:0 2px 8px -4px var(--color-rule-2, rgba(0, 0, 0, .1));transition:transform var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.cover--c1{border-top:3px solid var(--color-accent)}.cover--c2{border-top:3px solid var(--color-ink)}.cover--c3{border-top:3px solid var(--color-muted)}.cover--c4{border-top:3px solid var(--color-rule-2)}.cover--c5{border-top:3px solid var(--color-focus, var(--color-accent))}.cover__meta{font:500 .65rem / 1.2 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.cover__title{font:600 1.05rem / 1.2 var(--font-display, serif);letter-spacing:-.015em;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-ink)}.cover--lg .cover__title{font-size:1.35rem}.cover--sm{width:44px;height:58px;flex:none;padding:0;display:grid;place-items:center;border-radius:var(--radius-sm, 2px)}.cover__initial{font:700 1.15rem / 1 var(--font-display, serif);color:var(--color-accent)}.rail{display:flex;flex-direction:column;gap:1.25rem}.rail__head{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--color-rule);padding-bottom:.75rem}.rail__meta{font:500 .75rem / 1 var(--font-mono, monospace);letter-spacing:.04em;color:var(--color-muted)}.rail__nav{margin-left:auto;display:flex;gap:.5rem;align-self:center}.rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(10.5rem,24vw,13rem);gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.5rem}.rail__track::-webkit-scrollbar{display:none}.card{display:flex;flex-direction:column;gap:.15rem;scroll-snap-align:start;min-width:0}.card:hover .cover{transform:translateY(-4px);box-shadow:0 8px 16px -8px var(--color-rule-2, rgba(0, 0, 0, .2))}.card__title{font-weight:600;font-size:.925rem;font-family:var(--font-display, serif);line-height:1.3;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--dur-micro, .12s) var(--ease-out)}.card:hover .card__title{color:var(--color-accent)}.card__sub{font-size:.75rem;color:var(--color-muted)}.card__stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.72rem;color:var(--color-muted);margin-top:.15rem}.card__stat{display:inline-flex;align-items:center;gap:.25rem;line-height:1}.card__stat svg{opacity:.75}.popular{display:flex;flex-direction:column;gap:1.25rem}.popular__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;border-top:1px solid var(--color-rule)}.popular__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-rule)}.popular__rank{font:500 1.5rem / 1 var(--font-mono, monospace);color:var(--color-rule-2, var(--color-muted));letter-spacing:-.05em}.popular__item:first-child .popular__rank{color:var(--color-accent)}.popular__link{display:flex;flex-direction:column;min-width:0}.popular__title{font-weight:600;font-family:var(--font-display, serif);font-size:1rem;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular__link:hover .popular__title{color:var(--color-accent)}.popular__sub{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.75rem;color:var(--color-muted)}.catalogue,.episodes{display:flex;flex-direction:column;gap:1.25rem}.catalogue__head{display:flex;align-items:baseline;gap:.75rem;border-bottom:1px solid var(--color-rule);padding-bottom:.75rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter{height:32px;padding:0 .85rem;border:1px solid var(--color-rule);border-radius:var(--radius-pill, var(--radius-sm, 4px));font-size:.825rem;color:var(--color-ink-2);white-space:nowrap;background:var(--color-paper);transition:all var(--dur-micro, .12s) var(--ease-out)}.filter:hover{border-color:var(--color-rule-2, var(--color-rule));color:var(--color-ink)}.filter[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink, #fff);font-weight:500}.rows{border-top:1px solid var(--color-rule)}.row{display:grid;grid-template-columns:44px minmax(0,1fr) 6.5rem auto auto;align-items:center;gap:1.25rem;padding:.85rem 0;border-bottom:1px solid var(--color-rule);transition:background-color var(--dur-micro, .12s) var(--ease-out)}.row--single{grid-template-columns:minmax(0,1fr) auto auto;padding:1rem 0}.row--episode{grid-template-columns:2.5rem minmax(0,1fr) auto}.row--history{grid-template-columns:44px minmax(0,1fr) auto auto}.row.is-current{background:var(--color-paper-2);margin:0 -.75rem;padding-inline:.75rem;border-radius:var(--radius-sm, 4px)}.row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.row__title{font-weight:600;font-family:var(--font-display, serif);font-size:.95rem;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.row__main:hover .row__title{color:var(--color-accent)}.row__sub{font-size:.75rem;color:var(--color-muted)}.row.is-current .row__sub{color:var(--color-accent);font-weight:500}.row__index{font:500 .875rem / 1 var(--font-mono, monospace);color:var(--color-muted)}.row__genre,.row__count{font-size:.75rem;color:var(--color-muted);white-space:nowrap}.row__count{font-family:var(--font-mono, monospace);text-align:right}.row__stats{display:flex;align-items:center;gap:.85rem;font-size:.75rem;color:var(--color-muted);white-space:nowrap}.row__stat{display:inline-flex;align-items:center;gap:.3rem;line-height:1}.row__stat svg{opacity:.75}.row__duration{font:500 .8rem / 1 var(--font-mono, monospace);color:var(--color-muted);white-space:nowrap}.meter{display:block;height:3px;margin-top:.25rem;max-width:240px;border-radius:2px;background:linear-gradient(to right,var(--color-accent) var(--progress),var(--color-rule) var(--progress))}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;font:500 .8rem / 1 var(--font-mono, monospace);color:var(--color-muted);padding-top:1rem}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;padding:3rem 0;max-width:48ch;color:var(--color-muted)}.back{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;font-size:.875rem;color:var(--color-muted);margin-bottom:-1rem}.back:hover{color:var(--color-accent)}.detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2.5rem;align-items:start;border-bottom:1px solid var(--color-rule);padding-bottom:2.5rem}.detail__text{display:flex;flex-direction:column;gap:.85rem;min-width:0}.detail__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.detail__genre{font:600 .72rem / 1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.detail__title{font-size:clamp(2rem,3.5vw + .5rem,3rem);letter-spacing:-.025em;line-height:1.1}.detail__stats-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.25rem 0;font-size:.825rem;color:var(--color-muted)}.detail__stats-row .card__stat{gap:.4rem;background:var(--color-paper-2);border:1px solid var(--color-rule);padding:.35rem .75rem;border-radius:var(--radius-sm, 4px);color:var(--color-ink-2)}.detail__stats-row .card__stat svg{color:var(--color-accent);opacity:1}.detail__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;font-size:.875rem;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding:.75rem 0}.detail__meta div{display:flex;gap:.35rem}.detail__meta dt{color:var(--color-muted)}.detail__meta dt:after{content:":"}.detail__meta dd{margin:0;color:var(--color-ink);font-weight:500}.detail__summary{max-width:58ch;line-height:1.65;color:var(--color-ink-2)}.detail__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.comments-section{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--color-rule)}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form__input-wrap{display:flex;gap:.65rem;align-items:center}.comment-form__input-wrap .input{flex:1}.comment-submit{flex:none;height:42px;padding:0 1.25rem}.comments-list{display:flex;flex-direction:column;gap:.85rem}.comment-item{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);background:var(--color-paper-2)}.comment-item__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.comment-item__author{font-weight:600;font-size:.925rem;color:var(--color-ink)}.comment-item__time{font-size:.75rem;color:var(--color-muted)}.comment-item__body{font-size:.875rem;color:var(--color-ink-2);line-height:1.55}.foot{border-top:1px solid var(--color-rule);background:var(--color-paper)}.foot p{max-width:var(--page-max, 74rem);margin:0 auto;padding:1.5rem clamp(1.25rem,4vw,2.5rem);display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.75rem;color:var(--color-muted)}.foot p span+span:before{content:"·";margin-right:.75rem}.foot__brand{font-family:var(--font-display, serif);font-weight:700;color:var(--color-ink)}.player{position:fixed;left:0;right:0;bottom:0;z-index:500;border-top:1px solid var(--color-rule);background:color-mix(in oklch,var(--color-paper) 95%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -4px 20px -8px var(--color-rule-2, rgba(0, 0, 0, .15))}.player__inner{max-width:var(--page-max, 74rem);margin:0 auto;padding:.75rem clamp(1.25rem,4vw,2.5rem);display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1.6fr) auto;grid-template-areas:"info controls seek extras";align-items:center;gap:1.5rem}.player__info{grid-area:info;display:flex;align-items:center;gap:.85rem;min-width:0}.player__text{display:flex;flex-direction:column;min-width:0}.player__title{font-weight:600;font-family:var(--font-display, serif);font-size:.925rem;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__sub{font:400 .75rem / 1.4 var(--font-mono, monospace);color:var(--color-muted)}.player__controls{grid-area:controls;display:flex;align-items:center;gap:.35rem}.player__main{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink, #fff);box-shadow:0 2px 8px -2px var(--color-accent);transition:transform var(--dur-micro, .12s) var(--ease-out),filter var(--dur-micro, .12s) var(--ease-out)}.player__main:hover{filter:brightness(1.1)}.player__main:active{transform:scale(.95)}.player__seek{grid-area:seek;display:flex;align-items:center;gap:.75rem;font:400 .75rem / 1 var(--font-mono, monospace);color:var(--color-muted)}.player__extras{grid-area:extras;display:flex;gap:.5rem}.player__error{grid-column:1 / -1;font-size:.75rem;color:var(--color-accent)}.range{flex:1;min-width:0;height:20px;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-accent) var(--progress, 0%),var(--color-rule) var(--progress, 0%))}.range::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-accent) var(--progress, 0%),var(--color-rule) var(--progress, 0%))}.range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-paper)}.range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-paper)}.sleep{position:relative}.sleep__menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;display:flex;flex-direction:column;padding:.4rem;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-card, var(--radius-sm, 6px));background:var(--color-paper);box-shadow:0 12px 28px -8px var(--color-ink-2, rgba(0, 0, 0, .25))}.sleep__menu button{padding:.5rem .75rem;border-radius:var(--radius-sm, 4px);font-size:.825rem;text-align:left;white-space:nowrap;transition:background-color var(--dur-micro, .12s) var(--ease-out)}.sleep__menu button:hover{background:var(--color-paper-2)}.sleep__menu button[aria-checked=true]{color:var(--color-accent);font-weight:600}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700}.cmdk__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--color-ink) 45%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade var(--dur-short, .2s) var(--ease-out)}.cmdk__panel{position:absolute;top:12vh;left:50%;width:min(580px,calc(100% - 2rem));transform:translate(-50%);display:flex;flex-direction:column;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-card, var(--radius-sm, 8px));background:var(--color-paper);box-shadow:0 24px 54px -16px var(--color-ink-2, rgba(0, 0, 0, .35));overflow:hidden;animation:rise var(--dur-short, .2s) var(--ease-out)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(-50%) translateY(-10px)}}.cmdk__field{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:54px;border-bottom:1px solid var(--color-rule);color:var(--color-muted)}.cmdk__field input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--color-ink);font:400 1rem / 1 var(--font-body, sans-serif);outline:none}.cmdk__field input::placeholder{color:var(--color-muted)}.cmdk__group{padding:.65rem 1rem .35rem;font:600 .68rem / 1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.cmdk__list{max-height:min(50vh,380px);overflow-y:auto;padding:.35rem}.cmdk__item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm, 4px);text-align:left;transition:background-color var(--dur-micro, .12s) var(--ease-out)}.cmdk__item .cover--sm{width:32px;height:42px}.cmdk__item.is-active{background:var(--color-paper-2)}.cmdk__text{flex:1;min-width:0;display:flex;flex-direction:column}.cmdk__title{font-weight:600;font-family:var(--font-display, serif);font-size:.925rem;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk__item.is-active .cmdk__title{color:var(--color-accent)}.cmdk__sub{font-size:.75rem;color:var(--color-muted)}.cmdk__enter{color:var(--color-accent)}.cmdk__empty{padding:2rem 1rem;font-size:.875rem;color:var(--color-muted);text-align:center}.cmdk__foot{display:flex;gap:1rem;padding:.65rem 1rem;border-top:1px solid var(--color-rule);font:500 .72rem / 1 var(--font-mono, monospace);color:var(--color-muted);background:var(--color-paper-2)}.cmdk__foot span{display:inline-flex;align-items:center;gap:4px}.toast-region{position:fixed;left:50%;bottom:calc(var(--player-h, 100px) + 12px);transform:translate(-50%);z-index:600;width:max-content;max-width:calc(100% - 2rem)}.toast{display:flex;align-items:center;gap:1rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm, 4px);background:var(--color-ink);color:var(--color-paper);font-size:.85rem;box-shadow:0 8px 24px -6px var(--color-ink-2);animation:fade var(--dur-short, .2s) var(--ease-out)}.toast .link{color:var(--color-accent)}.auth-card{max-width:440px;width:100%;margin:0 auto;padding:2.25rem 2rem;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-card, var(--radius-sm, 6px));box-shadow:0 4px 20px -8px var(--color-rule-2, rgba(0, 0, 0, .08));display:flex;flex-direction:column;gap:1.25rem}.auth-card__badge{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--color-paper);border:1px solid var(--color-rule);color:var(--color-accent);align-self:center}.auth-card__title{font-size:1.55rem;text-align:center;color:var(--color-ink)}.auth-card__sub{font-size:.85rem;color:var(--color-muted);text-align:center;line-height:1.5;margin-top:-.5rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);gap:3px}.auth-tab{padding:.55rem .75rem;font-size:.825rem;font-weight:500;color:var(--color-muted);border-radius:calc(var(--radius-sm, 4px) - 2px);text-align:center;transition:all var(--dur-micro, .12s) var(--ease-out)}.auth-tab:hover{color:var(--color-ink)}.auth-tab.is-active{background:var(--color-accent);color:var(--color-accent-ink, #fff);box-shadow:0 1px 3px #0000001a}.auth-form{display:flex;flex-direction:column;gap:1.15rem}.auth-alert{padding:.7rem .9rem;border-radius:var(--radius-sm, 4px);font-size:.825rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.auth-alert--error{background:color-mix(in oklch,var(--color-accent) 12%,var(--color-paper));border:1px solid var(--color-accent);color:var(--color-ink)}.auth-alert--success{background:color-mix(in oklch,var(--color-focus, #10b981) 12%,var(--color-paper));border:1px solid var(--color-focus, #10b981);color:var(--color-ink)}.field{display:flex;flex-direction:column;gap:.4rem}.field__header{display:flex;align-items:baseline;justify-content:space-between}.field__label{font-size:.8rem;font-weight:500;color:var(--color-ink)}.field__wrap{position:relative;display:flex;align-items:center}.field__icon{position:absolute;left:.85rem;color:var(--color-muted);pointer-events:none}.input{width:100%;height:42px;padding:0 .85rem;background:var(--color-paper);border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-sm, 4px);color:var(--color-ink);font-family:inherit;font-size:.875rem;outline:none;transition:border-color var(--dur-micro, .12s) var(--ease-out),box-shadow var(--dur-micro, .12s) var(--ease-out)}.field__wrap .input{padding-left:2.5rem}.input:focus{border-color:var(--color-focus, var(--color-accent));box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent) 25%,transparent)}.input::placeholder{color:var(--color-muted)}.auth-submit{width:100%;height:42px;margin-top:.25rem}.auth-divider{position:relative;text-align:center;margin:.5rem 0}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--color-rule)}.auth-divider span{position:relative;background:var(--color-paper-2);padding:0 .75rem;font-size:.75rem;color:var(--color-muted)}.auth-demo-btn{width:100%;height:40px}.user-profile-box{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);padding:1.15rem;display:flex;flex-direction:column;gap:.85rem}.user-profile-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.875rem}.user-profile-label{color:var(--color-muted);font-size:.8rem}.user-profile-val{color:var(--color-ink);font-weight:500;text-align:right}.text-xs{font-size:.75rem}.auth-card__actions{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.auth-card__actions .btn{width:100%}.nav__link--user{border:1px solid var(--color-rule);padding:0 .65rem;border-radius:var(--radius-pill, var(--radius-sm, 4px))}.nav__link--user:hover{border-color:var(--color-accent)}.nav__username{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 960px){.hero{grid-template-columns:minmax(0,1fr);gap:2rem}.hero__title{max-width:18ch}.row{grid-template-columns:44px minmax(0,1fr) 6rem auto}.row__stats{display:none}.player__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info controls" "seek extras";gap:.5rem 1rem}}@media (max-width: 720px){.popular__list{grid-template-columns:minmax(0,1fr)}.row{grid-template-columns:44px minmax(0,1fr) auto}.row__genre,.row__count,.row__stats{display:none}.row--episode{grid-template-columns:2rem minmax(0,1fr) auto}.row--history{grid-template-columns:44px minmax(0,1fr) auto auto}.detail{grid-template-columns:140px minmax(0,1fr);gap:1.5rem}}@media (max-width: 640px){.page{padding-top:2rem;gap:3rem}.hero__lede{font-size:1rem}.spotlight__body{grid-template-columns:90px minmax(0,1fr)}.detail{grid-template-columns:minmax(0,1fr)}.detail .cover--lg{width:140px}.hide-sm{display:none}.player__seek{gap:.5rem}.cmdk__panel{top:0;width:100%;height:100%;border-radius:0;border:0}.cmdk__list{max-height:none;flex:1}.cmdk__foot{display:none}}@media (max-width: 400px){.player__extras .chip{padding:0 .5rem}.player__seek>span:last-child{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.card:hover .cover{transform:none}}.page--wide{max-width:1240px;margin:0 auto;padding:1rem 1.25rem 2rem}.admin-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-rule)}.admin-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-accent);margin-bottom:.4rem}.admin-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-ink);margin:0 0 .4rem}.admin-sub{font-size:.925rem;color:var(--color-ink-muted);max-width:650px;margin:0}.admin-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border-radius:var(--radius-sm, 6px);font-size:.825rem;font-weight:500}.admin-pill--active{background:color-mix(in srgb,#10b981 12%,transparent);color:#059669;border:1px solid color-mix(in srgb,#10b981 25%,transparent)}.admin-pill--warning{background:color-mix(in srgb,#f59e0b 12%,transparent);color:#b45309;border:1px solid color-mix(in srgb,#f59e0b 25%,transparent)}.admin-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--color-rule);margin-bottom:1rem;overflow-x:auto}.admin-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-ink-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease}.admin-tab:hover{color:var(--color-ink)}.admin-tab.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-subview__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.admin-subview__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-ink);margin:0}.admin-subview__desc{font-size:.85rem;color:var(--color-ink-muted);margin:0}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-bottom:1rem}.admin-kpi-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md, 8px);box-shadow:0 1px 3px #00000005}.admin-kpi-card__icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--color-accent) 10%,transparent);flex-shrink:0}.admin-kpi-card__body{display:flex;flex-direction:column}.admin-kpi-card__label{font-size:.775rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--color-ink-muted);margin-bottom:.25rem}.admin-kpi-card__value{font-size:1.3rem;font-weight:700;color:var(--color-ink);line-height:1.1;margin-bottom:.1rem}.admin-kpi-card__sub{font-size:.75rem;color:var(--color-ink-muted)}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:.75rem;margin-bottom:.75rem}.admin-card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md, 8px);overflow:hidden}.admin-card__head{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--color-rule);background:color-mix(in srgb,var(--color-rule) 15%,transparent)}.admin-card__title{font-size:.925rem;font-weight:700;margin:0;color:var(--color-ink)}.admin-card__body{padding:.85rem 1rem}.admin-daily-bars{display:flex;flex-direction:column;gap:.4rem}.admin-bar-row{display:grid;grid-template-columns:80px 1fr 70px;align-items:center;gap:.75rem;font-size:.8rem}.admin-bar-track{height:10px;background:color-mix(in srgb,var(--color-rule) 40%,transparent);border-radius:5px;overflow:hidden}.admin-bar-fill{height:100%;background:var(--color-accent);border-radius:5px;transition:width .3s ease}.source-distribution{display:flex;flex-direction:column;gap:1rem}.source-stat-row{display:flex;align-items:center;gap:.75rem}.source-stat-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px}.source-stat-icon.is-yt{background:#fee2e2;color:#dc2626}.source-stat-icon.is-mp3{background:#e0e7ff;color:#4f46e5}.source-stat-info{display:flex;flex-direction:column}.source-stat-label{font-size:.85rem;font-weight:600}.source-stat-count{font-size:.8rem;color:var(--color-ink-muted)}.source-ratio-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--color-rule);margin-top:.5rem}.source-ratio-yt{background:#ef4444;height:100%}.source-ratio-mp3{background:#6366f1;height:100%}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.admin-table th{padding:.5rem .85rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--color-ink-muted);border-bottom:1px solid var(--color-rule);background:color-mix(in srgb,var(--color-rule) 15%,transparent)}.admin-table td{padding:.5rem .85rem;border-bottom:1px solid var(--color-rule);vertical-align:middle}.admin-table tr:hover td{background:color-mix(in srgb,var(--color-accent) 3%,transparent)}.admin-table__story-title{font-weight:600;color:var(--color-ink);text-decoration:none;display:block}.admin-table__story-title:hover{color:var(--color-accent)}.admin-table__story-author{font-size:.75rem;color:var(--color-ink-muted)}.admin-table__story-link{font-weight:600;color:var(--color-ink);text-decoration:none}.admin-table__story-link:hover{color:var(--color-accent)}.admin-comment-content{max-width:320px;font-size:.825rem;line-height:1.4;color:var(--color-ink)}.badge--youtube{background:#fee2e2;color:#b91c1c;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge--mp3{background:#e0e7ff;color:#3730a3;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.status-toggle-btn.is-published{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-toggle-btn.is-draft{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.featured-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid transparent;cursor:pointer;background:#f3f4f6;color:#6b7280}.featured-toggle-btn.is-featured{background:#fef3c7;color:#b45309;border-color:#fde68a}.admin-rank-select{padding:.25rem .5rem;border-radius:4px;border:1px solid var(--color-rule);background:var(--color-paper);font-size:.75rem;color:var(--color-ink);cursor:pointer}.admin-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.admin-search-box{display:flex;align-items:center;gap:.5rem;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-sm, 6px);padding:.4rem .75rem;min-width:280px;color:var(--color-ink-muted)}.admin-search-box input{border:none;background:transparent;outline:none;width:100%;font-size:.85rem;color:var(--color-ink)}.filter-group{display:flex;gap:.3rem;background:color-mix(in srgb,var(--color-rule) 20%,transparent);padding:.2rem;border-radius:6px}.filter-btn{padding:.3rem .75rem;font-size:.775rem;font-weight:600;border:none;background:transparent;color:var(--color-ink-muted);border-radius:4px;cursor:pointer;transition:all .15s ease}.filter-btn.is-active{background:var(--color-paper);color:var(--color-ink);box-shadow:0 1px 2px #0000000d}.admin-actions{display:inline-flex;align-items:center;gap:.4rem}.admin-pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-top:1px solid var(--color-rule)}.admin-pagination__info{font-size:.825rem;color:var(--color-ink-muted)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-modal{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md, 8px);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026}.admin-modal__head{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-rule)}.admin-modal__head h3{margin:0;font-size:1.25rem;font-family:var(--font-display)}.admin-modal__foot{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-rule)}.admin-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.825rem;font-weight:600;color:var(--color-ink)}.form-group input,.form-group select,.form-group textarea{padding:.55rem .75rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);font-size:.875rem;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.form-row-checkboxes{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.source-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.source-type-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:1px solid var(--color-rule);border-radius:6px;cursor:pointer;font-size:.825rem;font-weight:500;transition:all .15s ease}.source-type-option.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.admin-form-alert{padding:.75rem 1rem;border-radius:6px;background:#fee2e2;color:#b91c1c;font-size:.85rem;font-weight:500}.form-help{font-size:.75rem;color:var(--color-ink-muted)}.input-sm{padding:.3rem .5rem;font-size:.8rem;border:1px solid var(--color-rule);border-radius:4px}.text-danger{color:#ef4444}.text-accent{color:var(--color-accent)}.btn-xs{padding:.2rem .5rem;font-size:.75rem}.nav__link--admin{color:var(--color-accent);font-weight:600}.admin-portal-wrapper{min-height:100vh;background:var(--color-canvas);color:var(--color-ink);display:flex;flex-direction:column}.admin-portal-nav{position:sticky;top:0;z-index:100;background:var(--color-paper);border-bottom:1px solid var(--color-rule);box-shadow:0 1px 4px #00000008}.admin-portal-nav__inner{max-width:1240px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-portal-nav__left{display:flex;align-items:center;gap:.75rem}.admin-portal-brand{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-ink);letter-spacing:-.02em}.badge--admin-tag{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:4px}.admin-portal-nav__right{display:flex;align-items:center;gap:1rem}.admin-view-listener-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.825rem;font-weight:600;text-decoration:none}.admin-user-pill{display:flex;flex-direction:column;text-align:right;line-height:1.2}.admin-user-name{font-size:.85rem;font-weight:600;color:var(--color-ink)}.admin-user-role{font-size:.725rem;color:var(--color-accent);font-weight:600}.admin-guard-page{padding-top:4rem;padding-bottom:5rem}.demo-login-group{display:flex;flex-direction:column;gap:.6rem;margin-top:.5rem}.auth-demo-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.auth-demo-btn--admin{background:color-mix(in srgb,var(--color-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);color:var(--color-accent);font-weight:600}.auth-demo-btn--admin:hover{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}.admin-sort-btn{display:inline-flex;align-items:center;gap:.3rem;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:0;cursor:pointer;white-space:nowrap}.admin-sort-btn:hover{color:var(--color-ink)}.admin-sort-ind{font-size:.65rem;opacity:.55}th[aria-sort=ascending] .admin-sort-ind,th[aria-sort=descending] .admin-sort-ind{opacity:1;color:var(--color-accent)}.admin-card--stories .admin-table-wrap{min-height:540px;overflow-anchor:none}.admin-card--stories .admin-table tbody{transition:opacity .18s ease}.admin-card--stories.is-loading .admin-table tbody{opacity:.45;pointer-events:none}.admin-card--stories .admin-table tbody tr{animation:admin-row-in .22s ease both}@keyframes admin-row-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.admin-sort-ind{display:inline-block;transition:transform .15s ease,opacity .15s ease}.admin-table th,.admin-table td{transition:background-color .15s ease}@media (prefers-reduced-motion: reduce){.admin-card--stories .admin-table tbody tr{animation:none}}.spotlight-slider{display:flex;flex-direction:column;gap:.75rem;min-width:0}.spotlight-slider__stage{display:grid}.spotlight--slide{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translate(14px);transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s}.spotlight--slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease,visibility 0s}.spotlight-slider__nav{display:flex;align-items:center;justify-content:center;gap:.75rem}.spotlight-slider__dots{display:flex;align-items:center;gap:.4rem}.spotlight-slider__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--color-rule);cursor:pointer;transition:width .25s ease,background-color .25s ease}.spotlight-slider__dot:hover{background:var(--color-muted)}.spotlight-slider__dot.is-active{width:22px;background:var(--color-accent)}.spotlight-slider__arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-rule);border-radius:999px;background:transparent;color:var(--color-ink);cursor:pointer;transition:border-color .15s ease,color .15s ease}.spotlight-slider__arrow:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (prefers-reduced-motion: reduce){.spotlight--slide,.spotlight--slide.is-active{transition:none;transform:none}}.player__time{flex:0 0 auto;min-width:7ch;font-variant-numeric:tabular-nums}.player__time--start{text-align:right}.player__time--end{text-align:left}.range{touch-action:none}.catalogue{scroll-margin-top:5rem}.catalogue__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem}.sort-select{display:inline-flex;align-items:center;gap:.5rem;font:500 .75rem / 1 var(--font-mono, monospace);color:var(--color-muted)}.sort-select select{height:32px;padding:0 .6rem;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);background:var(--color-paper);color:var(--color-ink-2);font:inherit;cursor:pointer}.sort-select select:hover{border-color:var(--color-accent)}.row__actions{display:flex;align-items:center;gap:.4rem}.fav-btn.is-on{color:var(--color-accent);border-color:var(--color-accent)}.fav-btn.is-on svg{fill:currentColor}.fav-error{align-self:center;font-size:.8rem;color:var(--color-accent)}.volume{display:flex;align-items:center;gap:.25rem}.volume__range{flex:none;width:84px}@media (max-width: 720px){.volume__range{display:none}}.nav__more{display:none}@media (max-width: 960px){.nav__inner{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.5rem;height:56px}.searchpill{justify-self:end;width:40px;height:40px;padding:0;justify-content:center}.searchpill__text,.searchpill__kbd{display:none}.nav__more{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-rule);border-radius:var(--radius-sm, 4px);background:var(--color-paper-2);color:var(--color-ink-2);transition:border-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out)}.nav__more:hover,.nav__more.is-open{border-color:var(--color-accent);color:var(--color-accent)}.nav__right{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem clamp(1rem,4vw,2.5rem) 1rem;background:var(--color-paper);border-bottom:1px solid var(--color-rule);box-shadow:0 18px 32px -18px var(--color-ink-2, rgba(0, 0, 0, .35));max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain}.nav__right.is-open{display:flex;animation:fade var(--dur-short, .2s) var(--ease-out)}.nav__link{width:100%;height:46px;padding:0 .75rem;justify-content:flex-start;font-size:.95rem}.nav__link span{display:inline}.nav__username{max-width:none}.theme-switcher{order:10;width:100%;margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--color-rule)}.theme-pill{width:100%;height:46px;justify-content:flex-start;padding:0 .75rem}.theme-pill__kbd{display:none}.theme-menu{position:static;width:100%;max-height:min(45vh,320px);margin-top:.5rem;box-shadow:none}}.cmdk__close{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;cursor:pointer}.cmdk__close-icon{display:none}@media (max-width: 640px){.cmdk__close{width:44px;height:44px;margin-right:-.75rem}.cmdk__close kbd{display:none}.cmdk__close-icon{display:block}}@media (max-width: 720px){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea,.input,.input-sm{font-size:16px}}@media (max-width: 720px){.player__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info controls" "seek extras";padding-top:.6rem;padding-bottom:.6rem;gap:.25rem .75rem}.volume{display:none}.player__extras{gap:.35rem}.sleep .chip:not(.is-on) span{display:none}.sleep .chip{padding:0 .6rem}.sleep__menu{max-width:calc(100vw - 2rem)}}.row--single .row__sub{white-space:nowrap}@media (max-width: 720px){.admin-portal-nav__inner{padding:.5rem 1rem;gap:.5rem}.admin-portal-nav__left{min-width:0;gap:.5rem}.admin-portal-brand{font-size:1.1rem;white-space:nowrap}.badge--admin-tag,.admin-user-pill{display:none}.admin-portal-nav__right{gap:.4rem}.admin-portal-nav__right .btn{width:40px;height:40px;padding:0;justify-content:center}.admin-portal-nav__right .btn span{display:none}.admin-tab{flex:1;justify-content:center;padding:.6rem .4rem;font-size:.8rem;white-space:normal;text-align:center}}.admin-modal{max-height:90vh;max-height:90dvh}.admin-portal-nav__right .btn{border:1px solid var(--color-rule)}@media (max-width: 720px){.admin-subview__header{flex-direction:column;align-items:stretch;gap:.75rem}.admin-actions{flex-wrap:wrap;width:100%}.admin-actions .btn{flex:1 1 auto;justify-content:center}.admin-modal-overlay{padding:.5rem}.admin-modal{max-height:calc(100vh - 1rem);max-height:calc(100dvh - 1rem)}.admin-modal__head{padding:1rem 1.25rem}.admin-form{padding:1.25rem}.admin-modal__foot{position:sticky;bottom:0;z-index:1;margin:1.25rem -1.25rem -1.25rem;padding:.85rem 1.25rem;background:var(--color-paper)}.admin-modal__foot .btn{flex:1;justify-content:center}}.admin-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))}@media (max-width: 400px){.admin-bar-row{grid-template-columns:64px minmax(0,1fr) 56px;gap:.5rem}.admin-card__head{flex-wrap:wrap;gap:.5rem}}.admin-subview__header>.btn{align-self:flex-start}@media (max-width: 400px){.player__time{min-width:4.5ch}}.btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.confirm-dialog{max-width:460px}.confirm-dialog__body{padding:1.25rem 1.5rem 0;font-size:.925rem;line-height:1.55}.confirm-dialog .admin-modal__foot{margin:1.25rem 0 0;padding:1rem 1.5rem}.confirm-dialog__quote{margin:.75rem 0 0;padding:.6rem .85rem;border-left:3px solid var(--color-rule-2, var(--color-rule));background:color-mix(in srgb,var(--color-rule) 25%,transparent);border-radius:0 4px 4px 0;font-size:.85rem;color:var(--color-ink-2);max-height:8rem;overflow-y:auto;overflow-wrap:anywhere;white-space:pre-wrap}.admin-form-alert--warn{display:flex;gap:.6rem;align-items:flex-start;background:#fef3c7;color:#92400e;margin-bottom:.75rem}.admin-form-alert--warn svg{flex:none;margin-top:.15rem}.admin-form-alert--ok{background:#ecfdf5;color:#047857}.admin-toolbar__filters{display:flex;flex-wrap:wrap;gap:.6rem}.admin-search-box{flex:1 1 260px;max-width:100%}.admin-user-cell,.admin-comment-author{display:flex;flex-direction:column;gap:.1rem}.admin-user-cell small{overflow-wrap:anywhere}.admin-nowrap{white-space:nowrap}.admin-comment-content{min-width:14rem;max-width:28rem;overflow-wrap:anywhere;white-space:pre-wrap}.upload-drop{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:2px dashed var(--color-rule-2, var(--color-rule));border-radius:var(--radius-md, 8px);background:color-mix(in srgb,var(--color-rule) 12%,transparent);transition:border-color .15s ease,background-color .15s ease}.upload-drop.is-over{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.upload-drop__hint{margin:0;font-size:.85rem;color:var(--color-ink-muted)}.upload-actions{display:flex;flex-wrap:wrap;gap:.5rem}.upload-done{display:flex;align-items:center;gap:.65rem;color:var(--color-accent)}.upload-done__meta{display:flex;flex-direction:column;min-width:0;color:var(--color-ink)}.upload-done__meta strong{overflow-wrap:anywhere;font-size:.875rem}.upload-done__meta small{color:var(--color-ink-muted)}.upload-preview{width:100%;max-width:100%;height:40px}.upload-progress__label{margin-bottom:.4rem;font-size:.85rem;overflow-wrap:anywhere}.upload-progress__track{height:8px;border-radius:4px;background:color-mix(in srgb,var(--color-rule) 60%,transparent);overflow:hidden}.upload-progress__fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width .2s ease}.upload-external{margin-top:.6rem;font-size:.85rem}.upload-external summary{cursor:pointer;color:var(--color-ink-muted)}.upload-external input{width:100%;margin-top:.5rem}@media (max-width: 520px){.admin-tab{flex-direction:column;gap:.2rem;padding:.55rem .2rem;font-size:.72rem}.admin-toolbar__filters,.admin-toolbar__filters .filter-group,.admin-toolbar .filter-group{width:100%}.admin-toolbar .filter-btn{flex:1}}@media (max-width: 720px){.confirm-dialog .admin-modal__foot{position:static;margin:1.25rem 0 0;padding:1rem 1.25rem}.confirm-dialog__body{padding:1rem 1.25rem 0}}.player{transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}.player.is-typing,.player-mini.is-typing{transform:translateY(130%);opacity:0;pointer-events:none}.player__hide{flex:none}.player-mini{position:fixed;right:12px;bottom:12px;z-index:500;display:flex;align-items:center;gap:.2rem;max-width:calc(100vw - 24px);padding:.25rem .4rem .25rem .25rem;border:1px solid var(--color-rule-2, var(--color-rule));border-radius:999px;background:color-mix(in oklch,var(--color-paper) 96%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px -8px var(--color-ink-2, rgba(0, 0, 0, .35));transition:transform .2s var(--ease-out),opacity .2s var(--ease-out)}.player-mini__toggle{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink, #fff)}.player-mini__expand{display:inline-flex;align-items:center;gap:.4rem;min-width:0;height:40px;padding:0 .4rem 0 .5rem;color:var(--color-ink-2);font-size:.8rem;font-weight:600}.player-mini__title{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.cmdk__panel{top:var(--vv-top, 0px);height:var(--vvh, 100%)}}@media (prefers-reduced-motion: reduce){.player,.player-mini{transition:none}}.searchpill{cursor:text}.searchpill:focus-within{border-color:var(--color-accent);color:var(--color-ink-2)}.searchpill__input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;color:var(--color-ink);font:inherit;font-size:.85rem;text-overflow:ellipsis;-moz-appearance:none;appearance:none;-webkit-appearance:none}.searchpill__input::placeholder{color:var(--color-muted)}.searchpill__input::-webkit-search-cancel-button,.searchpill__input::-webkit-search-decoration{display:none;-webkit-appearance:none}@media (max-width: 960px){.searchpill{justify-self:stretch;width:100%;height:40px;padding:0 .65rem;justify-content:flex-start;gap:.5rem}.searchpill__kbd{display:none}}.player__hide{position:absolute;top:0;right:14px;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--color-rule);border-radius:50%;background:var(--color-paper);box-shadow:0 2px 8px -2px var(--color-ink-2, rgba(0, 0, 0, .35));color:var(--color-ink-2);cursor:pointer}.player__hide:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.player__hide:hover{color:var(--color-accent)}.app.has-player{padding-bottom:calc(var(--player-h, 105px) + 1.5rem)}.searchbox{display:contents}.searchpill__clear{flex:none;display:grid;place-items:center;width:32px;height:32px;margin-right:-.35rem;border-radius:var(--radius-sm, 4px);color:var(--color-ink-2);cursor:pointer}.searchpill__clear:hover{color:var(--color-accent)}.searchpanel{position:absolute;top:100%;left:0;right:0;z-index:350;display:flex;flex-direction:column;background:var(--color-paper);border-top:1px solid var(--color-rule);box-shadow:0 18px 32px -18px var(--color-ink-2, rgba(0, 0, 0, .35));height:calc(var(--vvh, 100vh) - 57px);height:calc(var(--vvh, 100dvh) - 57px);animation:fade var(--dur-short, .2s) var(--ease-out)}.searchpanel .cmdk__list{flex:1;max-height:none;overflow-y:auto;overscroll-behavior:contain}@media (min-width: 961px){.searchpanel{top:calc(100% + 6px);left:50%;right:auto;width:min(620px,calc(100% - 2rem));height:auto;max-height:min(70vh,560px);transform:translate(-50%);border:1px solid var(--color-rule-2, var(--color-rule));border-radius:var(--radius-card, var(--radius-sm, 8px));box-shadow:0 24px 54px -16px var(--color-ink-2, rgba(0, 0, 0, .35));animation:none;overflow:hidden}}input,textarea,select{scroll-margin-top:5.5rem}html.is-typing-mobile body{padding-bottom:var(--typing-pad, 0px)}.comment-form__input-wrap{align-items:flex-end}.comment-form__input-wrap .comment-textarea{height:auto;min-height:42px;max-height:160px;padding:.6rem .85rem;line-height:1.45;resize:none;overflow-y:auto;font-family:inherit;overflow-wrap:anywhere}.comment-item__body{white-space:pre-wrap;overflow-wrap:anywhere}.row.row--single{grid-template-columns:minmax(0,1fr) auto auto;gap:.85rem}.row:has(>a.row__main),.popular__item,.spotlight--slide{position:relative}.row>a.row__main:after,.popular__link:after,.spotlight__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.row>a.row__main~:is(button,.row__actions),.popular__link~:is(button,.row__actions),.spotlight .btn{position:relative;z-index:1}.row:has(>a.row__main):hover,.popular__item:hover{background-color:var(--color-paper-2)}.row:has(>a.row__main):hover .row__title,.popular__item:hover .popular__title{color:var(--color-accent)}.page{padding:1.5rem clamp(1rem,4vw,2.5rem) 3rem;gap:1.75rem}.section-title{align-items:center;gap:.6rem;font-size:1.3rem}.section-title__icon{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;flex:none;border-radius:.6rem;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent)}.rail,.popular,.catalogue{gap:.9rem}.rail__head,.catalogue__head{align-items:center;padding-bottom:.6rem}.rail__meta .link{display:inline-flex;align-items:center;gap:.25rem}.nav__brand{align-items:center}.nav__brand-mark{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;margin-right:.45rem;border-radius:.6rem;background:var(--color-accent);color:var(--color-accent-ink, #fff);box-shadow:0 6px 14px -6px var(--color-accent)}.foot__brand,.foot__tag{display:inline-flex;align-items:center;gap:.35rem}.foot__tag svg{color:var(--color-accent)}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.75rem;align-items:center;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--color-rule);border-radius:18px;background:radial-gradient(70% 90% at 100% 0%,color-mix(in oklch,var(--color-accent) 20%,transparent),transparent 65%),radial-gradient(55% 80% at 0% 100%,color-mix(in oklch,var(--color-accent) 11%,transparent),transparent 60%),var(--color-paper-2)}.hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.hero__sym{position:absolute;color:var(--color-accent);opacity:.13;animation:hero-float 9s ease-in-out infinite}.hero__sym--1{top:9%;left:50%;width:64px;height:64px;--rot: -12deg}.hero__sym--2{bottom:10%;left:38%;width:38px;height:38px;--rot: 10deg;animation-delay:-3s}.hero__sym--3{top:60%;right:5%;width:56px;height:56px;--rot: 8deg;animation-delay:-5s}.hero__sym--4{top:6%;right:24%;width:34px;height:34px;--rot: 14deg;animation-delay:-2s}.hero__sym--5{bottom:7%;right:3%;width:44px;height:44px;--rot: -8deg;animation-delay:-6s}.hero__sym--6{top:48%;left:1.5%;width:30px;height:30px;--rot: 0deg;animation-delay:-4s}@keyframes hero-float{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-10px) rotate(calc(var(--rot, 0deg) + 6deg))}}.hero__text{gap:1rem}.hero__eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem .3rem .65rem;border:1px solid color-mix(in oklch,var(--color-accent) 35%,transparent);border-radius:999px;background:color-mix(in oklch,var(--color-accent) 11%,transparent);color:var(--color-accent);font:600 .7rem / 1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase}.hero__eq,.cover__eq{display:inline-flex;align-items:flex-end;gap:2px}.hero__eq{height:12px}.hero__eq i,.cover__eq i{display:block;width:3px;height:45%;border-radius:2px;background:currentColor;transform-origin:bottom}.hero__eq i:nth-child(1){height:50%;animation:eq 1.1s ease-in-out infinite}.hero__eq i:nth-child(2){height:100%;animation:eq .9s ease-in-out infinite -.3s}.hero__eq i:nth-child(3){height:70%;animation:eq 1.3s ease-in-out infinite -.6s}.hero__eq i:nth-child(4){height:85%;animation:eq 1s ease-in-out infinite -.2s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.hero__title{font-size:clamp(2.1rem,4.2vw + .4rem,3.7rem);max-width:15ch}.hero__title-accent{color:var(--color-accent);background:linear-gradient(var(--color-accent),var(--color-accent)) 0 94% / 100% 3px no-repeat;padding-bottom:.12em}.hero__lede{font-size:1.02rem;max-width:46ch}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.hero .btn{border-radius:12px}.hero__meta{gap:.5rem}.hero__chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border:1px solid var(--color-rule);border-radius:999px;background:color-mix(in oklch,var(--color-paper) 75%,transparent);color:var(--color-ink-2);letter-spacing:.04em}.hero__chip svg{color:var(--color-accent)}.spotlight{padding:1.15rem;gap:.9rem;border-radius:16px;background:color-mix(in oklch,var(--color-paper) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 22px 44px -28px color-mix(in oklch,var(--color-ink) 55%,transparent)}.spotlight__label{display:inline-flex;align-items:center;gap:.4rem}.spotlight__body{grid-template-columns:124px minmax(0,1fr);gap:1rem;align-items:center}.spotlight .cover--lg{padding:.65rem}.spotlight .cover--lg .cover__title{font-size:.95rem;-webkit-line-clamp:3}.spotlight .btn{border-radius:12px}.genre-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.6rem}.genre-tile{display:flex;align-items:center;gap:.6rem;min-width:0;padding:.55rem .7rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);color:var(--color-ink);text-align:left;cursor:pointer;transition:transform var(--dur-short, .2s) var(--ease-out),border-color var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.genre-tile:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 10px 22px -16px var(--color-accent)}.genre-tile__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:.75rem;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent)}.genre-tile__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.genre-tile__count{padding:.15rem .5rem;border-radius:999px;background:var(--color-paper-2);color:var(--color-muted);font:500 .72rem / 1.2 var(--font-mono, monospace)}.cover--c1{--cv: var(--color-accent)}.cover--c2{--cv: var(--color-ink)}.cover--c3{--cv: var(--color-muted)}.cover--c4{--cv: var(--color-rule-2)}.cover--c5{--cv: var(--color-focus, var(--color-accent))}.cover{border-radius:12px;background:linear-gradient(155deg,color-mix(in oklch,var(--cv, var(--color-accent)) 16%,var(--color-paper-2)),var(--color-paper-2) 62%)}.cover__mark{position:absolute;right:-.4rem;bottom:-.4rem;width:62%;height:auto;color:var(--cv, var(--color-accent));opacity:.1;transform:rotate(-10deg);pointer-events:none}.cover__top{display:inline-flex;align-items:center;gap:.35rem;color:var(--cv, var(--color-accent))}.cover__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cover__foot .cover__meta{display:inline-flex;align-items:center;gap:.25rem}.cover__eq{height:14px;color:var(--cv, var(--color-accent))}.cover__eq i:nth-child(1){height:40%}.cover__eq i:nth-child(2){height:85%}.cover__eq i:nth-child(3){height:55%}.cover__eq i:nth-child(4){height:100%}.cover__eq i:nth-child(5){height:65%}.spotlight .cover__eq i,.card:hover .cover__eq i{animation:eq 1s ease-in-out infinite}.cover--sm{width:48px;height:62px;border-radius:10px}.cover--sm .cover__mark{width:74%;right:-.2rem;bottom:-.2rem}.cover--sm .cover__initial{position:relative}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.75rem}.card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.7rem .85rem .7rem .7rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);transition:transform var(--dur-short, .2s) var(--ease-out),border-color var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 12px 24px -18px var(--color-accent)}.card:hover .cover{transform:none;box-shadow:none}.card__body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.card__title{font-size:.98rem}.card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__sub{display:inline-flex;align-items:center;gap:.3rem}.card__stats{margin-top:0;gap:.25rem .8rem}.card .play-icon{position:relative;z-index:1}.popular__list{border-top:0;column-gap:.75rem;row-gap:.6rem}.popular__item{grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.8rem;padding:.65rem .85rem .65rem .7rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);transition:border-color var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.popular__item:hover{border-color:var(--color-accent);box-shadow:0 12px 24px -18px var(--color-accent)}.popular__rank{position:relative;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:var(--color-paper-2);color:var(--color-muted);font:700 .95rem / 1 var(--font-mono, monospace);letter-spacing:0}.popular__rank.is-top,.popular__item:first-child .popular__rank{background:var(--color-accent);color:var(--color-accent-ink, #fff)}.popular__rank svg{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-8deg);color:var(--color-accent);fill:currentColor}.popular__sub{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .65rem}.popular__chip,.popular__stat{display:inline-flex;align-items:center;gap:.28rem}.popular__chip{padding:.12rem .5rem;border-radius:999px;background:color-mix(in oklch,var(--color-accent) 12%,transparent);color:var(--color-accent);font-size:.7rem;font-weight:500}.filter{display:inline-flex;align-items:center;gap:.4rem;height:34px;border-radius:999px}.filter svg{opacity:.85}.rows{display:flex;flex-direction:column;gap:.5rem;border-top:0}.rows .row,.rows li.row{padding-block:.6rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);transition:border-color var(--dur-short, .2s) var(--ease-out),background-color var(--dur-micro, .12s) var(--ease-out)}.rows .row:hover{border-color:color-mix(in oklch,var(--color-accent) 55%,var(--color-rule))}.rows .row.is-current{margin:0;padding-inline:.75rem;border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 8%,var(--color-paper))}.row__genre{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:var(--color-paper-2)}.row__genre svg{color:var(--color-accent)}.row:has(>a.row__main),.popular__item{padding-inline:.75rem}@media (max-width: 960px){.hero{grid-template-columns:minmax(0,1fr);gap:1.25rem}.hero__sym--1{left:70%}.hero__sym--3{top:40%}}@media (max-width: 640px){.page{gap:1.4rem;padding-top:1.1rem}.hero{padding:1.1rem;border-radius:16px}.hero__title{max-width:none}.spotlight__body{grid-template-columns:88px minmax(0,1fr)}.genre-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.hero__sym,.hero__eq i,.spotlight .cover__eq i,.card:hover .cover__eq i{animation:none}.genre-tile:hover,.card:hover{transform:none}}.catalogue__tools{align-items:center;gap:.6rem 1rem}.sort-tabs{display:inline-flex;padding:3px;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-paper-2)}.sort-tab{display:inline-flex;align-items:center;gap:.35rem;height:30px;padding:0 .8rem;border-radius:999px;color:var(--color-ink-2);font-size:.8rem;white-space:nowrap;transition:background-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out)}.sort-tab:hover{color:var(--color-ink)}.sort-tab[aria-pressed=true]{background:var(--color-paper);color:var(--color-accent);font-weight:600;box-shadow:0 1px 4px -1px color-mix(in oklch,var(--color-ink) 30%,transparent)}.row .cover--sm{width:44px;height:58px}@media (max-width: 720px){.row__genre,.row__count{display:none}.rows .row,.rows li.row{padding-block:.55rem;gap:.75rem}.row__actions{gap:.3rem}.catalogue__tools{gap:.5rem}.sort-tabs{width:100%}.sort-tab{flex:1;justify-content:center;padding:0 .4rem}.foot p{padding-block:1rem;gap:.25rem .6rem}.foot__tag:last-child{display:none}}.genre-menu{position:relative;min-width:0}.genre-menu__btn{display:inline-flex;align-items:center;gap:.5rem;height:38px;max-width:100%;padding:0 .85rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-paper);color:var(--color-ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color var(--dur-micro, .12s) var(--ease-out),background-color var(--dur-micro, .12s) var(--ease-out)}.genre-menu__btn svg{flex:none;color:var(--color-accent)}.genre-menu__btn:hover,.genre-menu__btn[aria-expanded=true]{border-color:var(--color-accent)}.genre-menu__btn.is-filtered{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 10%,var(--color-paper))}.genre-menu__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-menu__chevron{transition:transform var(--dur-short, .2s) var(--ease-out)}.genre-menu__btn[aria-expanded=true] .genre-menu__chevron{transform:rotate(180deg)}.genre-menu__list{position:absolute;top:calc(100% + 6px);left:0;z-index:var(--z-dropdown, 100);display:flex;flex-direction:column;gap:2px;min-width:max(100%,15rem);max-width:min(22rem,calc(100vw - 2rem));max-height:min(20rem,60vh);overflow-y:auto;padding:.35rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);box-shadow:0 18px 40px -18px color-mix(in oklch,var(--color-ink) 55%,transparent);overscroll-behavior:contain}.genre-menu__item{display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:10px;color:var(--color-ink);font-size:.875rem;text-align:left;cursor:pointer}.genre-menu__item:hover,.genre-menu__item:focus-visible{background:var(--color-paper-2)}.genre-menu__item.is-selected{background:color-mix(in oklch,var(--color-accent) 12%,transparent);font-weight:600}.genre-menu__icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:.55rem;background:color-mix(in oklch,var(--color-accent) 13%,transparent);color:var(--color-accent)}.genre-menu__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-menu__count{color:var(--color-muted);font:500 .72rem / 1 var(--font-mono, monospace)}.genre-menu__check{flex:none;color:var(--color-accent)}.genre-tile--more{border-style:dashed;color:var(--color-muted)}.genre-tile--more .genre-tile__name{color:var(--color-ink-2)}@media (max-width: 720px){.genre-menu,.genre-menu__btn{width:100%}.genre-menu__btn{justify-content:flex-start}.genre-menu__label{flex:1;text-align:left}.genre-menu__list{right:0;max-width:none}}.nav__brand-mark{margin-right:0}.nav__brand-text{display:inline-flex;align-items:baseline;padding-left:.45rem;max-width:8rem;overflow:hidden;white-space:nowrap;transition:max-width .38s var(--ease-out),padding-left .38s var(--ease-out),opacity .22s var(--ease-out)}@media (max-width: 960px){.searchpill{transition:border-color var(--dur-micro, .12s) var(--ease-out),box-shadow .3s var(--ease-out)}.nav__inner:has(.searchpill.is-open) .nav__brand-text{max-width:0;padding-left:0;opacity:0}.nav__inner:has(.searchpill.is-open) .searchpill{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent) 18%,transparent)}}@media (max-width: 640px){.nav__inner{padding-inline:.75rem;gap:.4rem}}@media (prefers-reduced-motion: reduce){.nav__brand-text{transition:none}}.catalogue__tools{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:.6rem}.dd{position:relative;min-width:0}.dd--genre{flex:1 1 0;max-width:20rem}.dd--sort{flex:none;min-width:8.9rem}.dd.is-open{z-index:var(--z-dropdown, 100)}.dd__btn{display:flex;align-items:center;gap:.5rem;width:100%;height:40px;padding:0 .8rem;border:1px solid var(--color-rule);border-radius:14px;background:var(--color-paper);color:var(--color-ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-radius .3s var(--ease-out),border-color var(--dur-short, .2s) var(--ease-out),background-color var(--dur-short, .2s) var(--ease-out)}.dd__lead{flex:none;color:var(--color-accent)}.dd__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.dd__chevron{flex:none;color:var(--color-muted);transition:transform .3s var(--ease-out)}.dd.is-open .dd__chevron{transform:rotate(180deg);color:var(--color-accent)}.dd__btn:hover{border-color:var(--color-accent)}.dd.is-accent .dd__btn{border-color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 10%,var(--color-paper))}.dd--sort .dd__btn{color:var(--color-accent);font-weight:600}.dd.is-open .dd__btn{border-color:var(--color-accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.dd__panel{position:absolute;top:100%;left:0;right:0;margin-top:-1px;display:grid;grid-template-rows:0fr;border:1px solid var(--color-accent);border-top:0;border-radius:0 0 14px 14px;background:var(--color-paper);box-shadow:0 18px 32px -18px color-mix(in oklch,var(--color-ink) 55%,transparent);opacity:0;visibility:hidden;pointer-events:none;transition:grid-template-rows .32s var(--ease-out),opacity .2s var(--ease-out),visibility 0s linear .32s}.dd.is-open .dd__panel{grid-template-rows:1fr;opacity:1;visibility:visible;pointer-events:auto;transition:grid-template-rows .32s var(--ease-out),opacity .2s var(--ease-out),visibility 0s}.dd__clip{min-height:0;overflow:hidden}.dd__list{display:flex;flex-direction:column;gap:2px;max-height:min(18rem,50vh);padding:.35rem;overflow-y:auto;overscroll-behavior:contain}.dd__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .55rem;border-radius:10px;color:var(--color-ink);font-size:.875rem;text-align:left;cursor:pointer}.dd__item:hover,.dd__item:focus-visible{background:var(--color-paper-2)}.dd__item.is-selected{background:color-mix(in oklch,var(--color-accent) 12%,transparent);font-weight:600}.dd__icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;border-radius:.55rem;background:color-mix(in oklch,var(--color-accent) 13%,transparent);color:var(--color-accent)}.dd__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd__count{color:var(--color-muted);font:500 .72rem / 1 var(--font-mono, monospace)}.dd__check{flex:none;color:var(--color-accent)}@media (prefers-reduced-motion: reduce){.dd__btn,.dd__chevron,.dd__panel,.dd.is-open .dd__panel{transition:none}}.spotlight .cover--lg{justify-content:flex-end;gap:.5rem;aspect-ratio:3 / 4;padding:.75rem}.spotlight .cover--lg .cover__top,.spotlight .cover--lg .cover__foot .cover__meta{display:none}.spotlight .cover--lg .cover__title{font-size:1.15rem;line-height:1.15;-webkit-line-clamp:4}.spotlight .cover--lg .cover__foot{justify-content:flex-start}.spotlight .cover--lg .cover__mark{top:-.2rem;right:-.4rem;bottom:auto;width:70%;opacity:.12;transform:rotate(8deg)}@media (max-width: 640px){.spotlight__body{grid-template-columns:96px minmax(0,1fr)}.spotlight .cover--lg .cover__title{font-size:1rem}.spotlight__title{font-size:1.2rem}}.spotlight__body{align-items:stretch}.spotlight .cover--lg{aspect-ratio:auto;height:100%;min-height:7.5rem}.spotlight__text{gap:.3rem;justify-content:center}.spotlight .metrics-bar{margin:.05rem 0;gap:.35rem .8rem}.spotlight .btn{margin-top:.3rem}@media (max-width: 960px){.nav__right{display:flex;flex-direction:column;align-items:stretch;gap:0;top:100%;left:0;right:0;padding:.2rem clamp(1rem,4vw,2.5rem) .4rem;border:0;border-bottom:1px solid var(--color-rule);border-radius:0;background:var(--color-paper);box-shadow:0 22px 30px -22px color-mix(in oklch,var(--color-ink) 45%,transparent);visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s var(--ease-out),transform .26s var(--ease-out),visibility 0s linear .26s}.nav__right.is-open{display:flex;visibility:visible;opacity:1;transform:none;pointer-events:auto;animation:none;transition:opacity .2s var(--ease-out),transform .26s var(--ease-out),visibility 0s}.nav__right .nav__link{width:100%;height:50px;padding:0 .25rem;gap:.85rem;justify-content:flex-start;border:0;border-bottom:1px solid var(--color-rule);border-radius:0;background:none;color:var(--color-ink);font-size:.95rem;font-weight:500}.nav__right .nav__link:hover,.nav__right .nav__link[aria-current=page]{color:var(--color-accent)}.nav__right .nav__link svg,.nav__right .theme-pill>svg{flex:none;width:18px;height:18px;color:var(--color-accent)}.nav__link--admin{order:1}.nav__right>.nav__link:not(.nav__link--login):not(.nav__link--user):not(.nav__link--admin){order:2}.nav__link--login,.nav__link--user{order:3}.nav__right .nav__link--login{color:var(--color-accent);font-weight:600}.nav__right .theme-switcher{order:10;margin:0;padding:0;border:0}.nav__right .theme-pill{width:100%;height:50px;padding:0 .25rem;gap:.85rem;justify-content:flex-start;border:0;border-radius:0;background:none;color:var(--color-ink);font:inherit;font-size:.95rem;font-weight:500}.theme-pill__name{font-weight:600}.theme-pill__name:before{content:"Giao diện · ";color:var(--color-muted);font-weight:400}.nav__right .theme-menu{margin:0 0 .4rem}}@media (max-width: 640px){.nav__right{padding-inline:.75rem}}@media (prefers-reduced-motion: reduce){.nav__right{transition:none}}.back{align-self:flex-start;margin-bottom:0;padding:.35rem .85rem .35rem .65rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-paper-2);color:var(--color-ink-2);font-weight:500;transition:border-color var(--dur-micro, .12s) var(--ease-out),color var(--dur-micro, .12s) var(--ease-out)}.back:hover{border-color:var(--color-accent)}.detail{position:relative;overflow:hidden;grid-template-columns:200px minmax(0,1fr);gap:1.25rem 2rem;align-items:center;padding:clamp(1.1rem,3vw,1.75rem);border:1px solid var(--color-rule);border-radius:18px;background:radial-gradient(70% 90% at 100% 0%,color-mix(in oklch,var(--color-accent) 16%,transparent),transparent 65%),var(--color-paper-2)}.detail__text{gap:.65rem}.detail__title{font-size:clamp(1.7rem,3vw + .5rem,2.6rem)}.detail__summary:empty{display:none}.detail__stats-row{flex-wrap:nowrap;gap:.4rem;padding:0;overflow:hidden}.detail__stats-row .card__stat{flex:none;gap:.35rem;padding:.32rem .65rem;border-radius:999px;font-size:.8rem;white-space:nowrap}.detail__actions{flex-wrap:nowrap;gap:.6rem;margin-top:.25rem}.detail__actions .btn{border-radius:12px}.detail .cover--lg{justify-content:flex-end;gap:.5rem}.detail .cover--lg .cover__top,.detail .cover--lg .cover__foot .cover__meta{display:none}.detail .cover--lg .cover__title{font-size:1.25rem}.detail .cover--lg .cover__foot{justify-content:flex-start}.detail .cover--lg .cover__mark{top:-.2rem;right:-.4rem;bottom:auto;width:70%;opacity:.12}@media (max-width: 640px){.detail{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"c t" "c s" "m m" "a a";gap:.6rem 1rem;align-items:start}.detail__text{display:contents}.detail>.cover{grid-area:c;width:100%}.detail__title{grid-area:t;align-self:end;font-size:1.6rem}.detail__stats-row{grid-area:s;align-self:start;gap:.3rem}.detail__stats-row .card__stat{gap:.28rem;padding:.28rem .5rem;font-size:.76rem}.detail__summary{grid-area:m}.detail__actions{grid-area:a}.detail__actions .btn{flex:1;justify-content:center}.detail .cover--lg .cover__title{font-size:1rem}}.audio-track{display:flex;flex-direction:column;gap:.9rem}.comments-section{gap:1rem;padding-top:0;border-top:0}.rows .row--single{padding-inline:.9rem}.comment-textarea{scrollbar-width:none}.comment-textarea::-webkit-scrollbar{display:none}.comment-form .input,.comment-submit{border-radius:14px}.comment-item{flex-direction:row;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:14px;background:var(--color-paper)}.comment-item__avatar{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:50%;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent);font-weight:700;font-size:.95rem}.comment-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.comment-item__body{overflow-wrap:anywhere}.auth-page{position:relative;isolation:isolate}.auth-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.auth-decor__sym{position:absolute;color:var(--color-accent);opacity:.12;animation:hero-float 9s ease-in-out infinite}.auth-decor__sym--1{top:6%;left:5%;width:58px;height:58px;--rot: -12deg}.auth-decor__sym--2{top:26%;right:6%;width:44px;height:44px;--rot: 10deg;animation-delay:-3s}.auth-decor__sym--3{bottom:20%;left:8%;width:42px;height:42px;--rot: 8deg;animation-delay:-5s}.auth-decor__sym--4{bottom:6%;right:12%;width:48px;height:48px;--rot: -8deg;animation-delay:-6s}.auth-decor__sym--5{top:52%;left:2%;width:28px;height:28px;--rot: 0deg;animation-delay:-4s}.auth-card{position:relative;overflow:hidden;gap:1.1rem;padding:2rem 1.6rem 1.75rem;border-radius:22px;background:color-mix(in oklch,var(--color-paper) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 34px 60px -38px color-mix(in oklch,var(--color-ink) 60%,transparent)}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:140px;background:radial-gradient(60% 100% at 50% 0%,color-mix(in oklch,var(--color-accent) 20%,transparent),transparent 72%);pointer-events:none}.auth-card>*{position:relative}.auth-card__badge{width:60px;height:60px;border:0;border-radius:18px;background:var(--color-accent);color:var(--color-accent-ink, #fff);box-shadow:0 16px 30px -14px var(--color-accent);transform:rotate(-4deg)}.auth-card__title{font-size:1.5rem}.auth-tabs{padding:4px;border-radius:14px;background:var(--color-paper-2)}.auth-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;border-radius:11px;font-weight:600}.auth-tab.is-active{background:var(--color-paper);color:var(--color-accent);box-shadow:0 2px 8px -2px color-mix(in oklch,var(--color-ink) 28%,transparent)}.auth-card .input{height:46px;border-radius:12px}.auth-card .field__icon{left:.95rem;color:var(--color-accent)}.auth-card .field__wrap .input{padding-left:2.7rem}.auth-card .btn{border-radius:12px}.auth-submit{height:48px;font-size:.95rem}.auth-card__alert{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .9rem;border-radius:12px;font-size:.825rem;line-height:1.45;color:var(--color-ink)}.auth-card__alert--error{border:1px solid var(--color-accent);background:color-mix(in oklch,var(--color-accent) 11%,var(--color-paper))}.auth-card__alert--success{border:1px solid #10b981;background:color-mix(in oklch,#10b981 12%,var(--color-paper))}.auth-card__alert--success svg{flex:none;margin-top:.1rem;color:#10b981}.user-profile-box{gap:.5rem;padding:.6rem;border-radius:16px;background:var(--color-paper)}.user-profile-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.55rem .6rem;border-radius:12px;background:var(--color-paper-2)}.user-profile-ico{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent)}.user-profile-val{min-width:0;overflow-wrap:anywhere}@media (max-width: 640px){.auth-card{padding:1.6rem 1.15rem 1.4rem}}@media (prefers-reduced-motion: reduce){.auth-decor__sym{animation:none}}.track{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;border:1px solid var(--color-rule);border-radius:18px;background:linear-gradient(120deg,color-mix(in oklch,var(--color-accent) 9%,var(--color-paper-2)),var(--color-paper-2) 58%);transition:border-color var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.track:before{content:"";position:absolute;right:-1.5rem;top:50%;width:8rem;height:8rem;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in oklch,var(--color-accent) 15%,transparent),transparent 68%);pointer-events:none}.track>*{position:relative}.track.is-current{border-color:color-mix(in oklch,var(--color-accent) 70%,var(--color-rule))}.track.is-playing{box-shadow:0 20px 40px -26px var(--color-accent)}.track__play{position:relative;display:grid;place-items:center;width:3.5rem;height:3.5rem}.track__play:before,.track__play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--color-accent);border-radius:50%;opacity:0;pointer-events:none}.track.is-playing .track__play:before{animation:track-ring 1.9s ease-out infinite}.track.is-playing .track__play:after{animation:track-ring 1.9s ease-out infinite .95s}@keyframes track-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.75);opacity:0}}.track__play .play-icon{position:relative;z-index:1;width:3.5rem;height:3.5rem;border:0;background:linear-gradient(145deg,var(--color-accent),color-mix(in oklch,var(--color-accent) 72%,var(--color-ink)));color:var(--color-accent-ink, #fff);box-shadow:0 12px 24px -12px var(--color-accent),inset 0 1px #ffffff40;transition:transform var(--dur-short, .2s) var(--ease-out),box-shadow var(--dur-short, .2s) var(--ease-out)}.track__play .play-icon svg{width:22px;height:22px}.track__play .play-icon:hover{transform:scale(1.07)}.track__play .play-icon:active{transform:scale(.96)}.track__main{display:flex;flex-direction:column;gap:.3rem;min-width:0}.track__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 1.1rem / 1.2 var(--font-display, serif);color:var(--color-ink)}.track__sub{font-size:.78rem;color:var(--color-muted)}.track.is-playing .track__sub{color:var(--color-accent);font-weight:600}.track__bar{display:block;height:4px;border-radius:2px;background:linear-gradient(to right,var(--color-accent) var(--progress),color-mix(in oklch,var(--color-ink) 12%,transparent) var(--progress))}.track__side{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.track__time{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-ink-2);font:500 .8rem / 1 var(--font-mono, monospace)}.track__time svg{color:var(--color-accent)}.track__eq{display:inline-flex;align-items:flex-end;gap:2px;height:18px;color:var(--color-accent);opacity:.3;transition:opacity var(--dur-short, .2s) var(--ease-out)}.track__eq i{display:block;width:3px;border-radius:2px;background:currentColor;transform-origin:bottom}.track__eq i:nth-child(1){height:45%}.track__eq i:nth-child(2){height:90%}.track__eq i:nth-child(3){height:60%}.track__eq i:nth-child(4){height:100%}.track__eq i:nth-child(5){height:70%}.track.is-playing .track__eq{opacity:1}.track.is-playing .track__eq i{animation:eq .9s ease-in-out infinite}.track.is-playing .track__eq i:nth-child(2){animation-delay:-.2s}.track.is-playing .track__eq i:nth-child(3){animation-delay:-.45s}.track.is-playing .track__eq i:nth-child(4){animation-delay:-.1s}.track.is-playing .track__eq i:nth-child(5){animation-delay:-.65s}@media (max-width: 640px){.track{gap:.8rem;padding:.8rem .9rem}.track__play,.track__play .play-icon{width:3.2rem;height:3.2rem}}@media (prefers-reduced-motion: reduce){.track.is-playing .track__play:before,.track.is-playing .track__play:after,.track.is-playing .track__eq i{animation:none}}.pagehead{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--color-rule);border-radius:18px;background:radial-gradient(70% 140% at 100% 0%,color-mix(in oklch,var(--color-accent) 14%,transparent),transparent 65%),var(--color-paper-2)}.pagehead__icon{display:grid;place-items:center;flex:none;width:3rem;height:3rem;border-radius:16px;background:linear-gradient(145deg,var(--color-accent),color-mix(in oklch,var(--color-accent) 72%,var(--color-ink)));color:var(--color-accent-ink, #fff);box-shadow:0 12px 24px -12px var(--color-accent)}.pagehead__text{flex:1;min-width:0}.pagehead__title{font:600 1.4rem / 1.15 var(--font-display, serif);letter-spacing:-.015em;color:var(--color-ink)}.pagehead__sub{margin-top:.2rem;font-size:.82rem;color:var(--color-muted)}.pagehead__count{display:grid;place-items:center;flex:none;min-width:2.2rem;height:2.2rem;padding:0 .6rem;border:1px solid var(--color-rule);border-radius:999px;background:var(--color-paper);color:var(--color-accent);font:600 .85rem / 1 var(--font-mono, monospace)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:2.5rem 1.25rem;border:1px dashed var(--color-rule-2, var(--color-rule));border-radius:18px;background:color-mix(in oklch,var(--color-accent) 4%,var(--color-paper));text-align:center}.empty-state__icon{display:grid;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:.4rem;border-radius:24px;background:color-mix(in oklch,var(--color-accent) 14%,transparent);color:var(--color-accent);box-shadow:0 0 0 10px color-mix(in oklch,var(--color-accent) 7%,transparent)}.empty-state__title{font:600 1.2rem / 1.25 var(--font-display, serif);color:var(--color-ink)}.empty-state__text{max-width:36ch;font-size:.9rem;line-height:1.5;color:var(--color-muted)}.empty-state .btn{margin-top:.4rem;border-radius:12px}.cards--list{padding:0;margin:0;list-style:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}.card__actions{position:relative;z-index:1;display:flex;align-items:center;gap:.4rem}.card .track__bar{margin-top:.1rem}.catalogue__tools.is-genre-open .dd--genre{max-width:100%}.sortpick{--row: 40px;--idx: 0;position:relative;flex:none;width:9.7rem;height:var(--row);transition:width .38s var(--ease-out)}.sortpick.is-open{z-index:var(--z-dropdown, 100)}.sortpick__frame{position:absolute;left:0;right:0;top:0;height:var(--row);box-sizing:border-box;border:1px solid var(--color-accent);border-radius:14px;background:color-mix(in oklch,var(--color-accent) 10%,var(--color-paper));transition:top .32s var(--ease-out),height .32s var(--ease-out),background-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}.sortpick.is-open .sortpick__frame{top:calc(var(--row) * var(--idx) * -1);height:calc(var(--row) * 3);background:var(--color-paper);box-shadow:0 22px 40px -18px color-mix(in oklch,var(--color-ink) 55%,transparent)}.sortpick__band{position:absolute;left:4px;right:4px;top:4px;height:calc(var(--row) - 8px);border-radius:10px;background:color-mix(in oklch,var(--color-accent) 14%,transparent);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-out)}.sortpick.is-open .sortpick__band{opacity:1}.sortpick__list{position:absolute;left:0;right:0;top:calc(var(--row) * var(--idx) * -1);height:calc(var(--row) * 3);cursor:pointer;outline:none;clip-path:inset(calc(var(--row) * var(--idx)) 0 calc(var(--row) * (2 - var(--idx))) 0 round 14px);transition:clip-path .32s var(--ease-out),top .32s var(--ease-out)}.sortpick.is-open .sortpick__list{clip-path:inset(0 0 0 0 round 14px)}.sortpick:focus-within .sortpick__frame{outline:3px solid color-mix(in oklch,var(--color-accent) 22%,transparent)}.sortpick__item{display:flex;align-items:center;gap:.5rem;height:var(--row);box-sizing:border-box;padding:0 1.9rem 0 .9rem;color:var(--color-ink-2);font-size:.875rem;font-weight:500;white-space:nowrap;opacity:.6;transition:opacity .2s var(--ease-out),color .2s var(--ease-out),background-color .2s var(--ease-out)}.sortpick.is-open .sortpick__item:not(.is-selected):hover{opacity:1;color:var(--color-ink)}.sortpick__item.is-selected{color:var(--color-accent);font-weight:600;opacity:1}.sortpick__icon{flex:none}.sortpick__label{min-width:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s var(--ease-out)}.sortpick__grip{position:absolute;top:calc(var(--row) / 2);right:.65rem;transform:translateY(-50%);color:var(--color-accent);opacity:.7;pointer-events:none;transition:opacity .2s var(--ease-out)}.sortpick.is-open .sortpick__grip{opacity:0}.catalogue__tools.is-genre-open .sortpick{width:var(--row);pointer-events:none}.catalogue__tools.is-genre-open .sortpick__label,.catalogue__tools.is-genre-open .sortpick__grip{opacity:0}@media (prefers-reduced-motion: reduce){.sortpick,.sortpick__frame,.sortpick__list,.sortpick__band{transition:none}}.player__sub{display:inline-flex;align-items:center;gap:.4rem;font:500 .74rem / 1.3 var(--font-mono, monospace);color:var(--color-muted)}.player.is-playing .player__sub{color:var(--color-accent)}.player__eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px}.player__eq i{display:block;width:2px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;animation:eq .9s ease-in-out infinite}.player__eq i:nth-child(2){animation-delay:-.3s}.player__eq i:nth-child(3){animation-delay:-.6s}.player__main{background:linear-gradient(145deg,var(--color-accent),color-mix(in oklch,var(--color-accent) 72%,var(--color-ink)));box-shadow:0 10px 20px -10px var(--color-accent),inset 0 1px #ffffff38}@media (max-width: 720px){.player__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"info info extras" "controls seek seek";align-items:center;gap:.55rem .6rem;padding:.7rem .9rem .75rem}.player .cover--sm{width:42px;height:54px}.player__extras{justify-self:end;gap:.4rem}.player__extras .chip{min-width:34px;height:34px;justify-content:center;padding:0 .65rem;border-radius:999px}.player__controls{gap:.15rem}.player__controls .icon-btn{width:38px;height:38px}.player__main{width:46px;height:46px}.player__seek{min-width:0;gap:.4rem}.player__time{min-width:6.2ch;font-size:.72rem}.player__seek>span:last-child{display:inline}}@media (prefers-reduced-motion: reduce){.player__eq i{animation:none}}@media (max-width: 640px){.detail__actions .btn{padding-inline:.7rem;white-space:nowrap}.detail__actions .fav-btn{flex:none}.detail__actions .fav-btn span{display:none}}.nav__brand-logo{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 6px 14px -8px color-mix(in oklch,var(--color-ink) 60%,transparent)}.nav__brand{gap:0}.nav__brand-text{gap:.28rem;font-size:1.12rem;max-width:10rem}.nav__brand-accent{color:var(--color-accent)}.foot__logo{flex:none;width:18px;height:18px;border-radius:50%;object-fit:cover}.lbl-long{display:none}@media (min-width: 560px){.lbl-long{display:inline}}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.6rem}.admin-kpi-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label" "value value" "sub sub";align-items:center;gap:.35rem .6rem;padding:.7rem .8rem;border-radius:14px}.admin-kpi-card__icon{grid-area:icon;width:30px;height:30px;border-radius:10px}.admin-kpi-card__body{display:contents}.admin-kpi-card__label{grid-area:label;margin:0;font-size:.7rem;line-height:1.2}.admin-kpi-card__value{grid-area:value;margin:0;font-size:1.45rem}.admin-kpi-card__sub{grid-area:sub;font-size:.72rem;line-height:1.3}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.admin-table{width:100%;min-width:max-content}.admin-table th,.admin-table td{white-space:nowrap}.admin-table .admin-table__title-cell{max-width:16rem}.admin-table__story-title{overflow:hidden;text-overflow:ellipsis}@media (max-width: 720px){.admin-table th:first-child,.admin-table td:first-child{position:sticky;left:0;z-index:1;background:var(--color-paper)}.admin-table th:first-child{background:color-mix(in srgb,var(--color-rule) 15%,var(--color-paper))}}.admin-card--stories .admin-table-wrap{min-height:0}@media (max-width: 720px){.admin-subview__header{gap:.6rem}.admin-actions{flex-wrap:nowrap;gap:.4rem}.admin-actions .btn{flex:1 1 0;min-width:0;height:40px;padding:0 .5rem;gap:.35rem;font-size:.8rem;white-space:nowrap}.admin-actions .btn svg{flex:none}.admin-subview__desc{line-height:1.35}}.form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:.75rem;align-items:start}.form-row-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.5rem .75rem}.form-help{display:block;margin-top:.25rem;font-size:.72rem;line-height:1.3}@media (max-width: 720px){.admin-form{gap:.85rem}.admin-form .form-group input,.admin-form .form-group select,.admin-form .form-group textarea{font-size:16px}}@media (max-width: 559px){.admin-kpi-grid>.admin-kpi-card:last-child:nth-child(odd){grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon label value" "icon sub value";column-gap:.7rem}.admin-kpi-grid>.admin-kpi-card:last-child:nth-child(odd) .admin-kpi-card__value{align-self:center}}.admin-bar-row{grid-template-columns:5.6rem minmax(0,1fr) auto;gap:.6rem}.admin-bar-row>span:first-child,.admin-bar-row>span:last-child{white-space:nowrap}@media (max-width: 400px){.admin-bar-row{grid-template-columns:5.6rem minmax(0,1fr) auto;gap:.5rem}}@media (max-width: 720px){.admin-table th:first-child,.admin-table td:first-child{z-index:2;background-color:var(--color-paper);border-right:1px solid var(--color-rule);box-shadow:8px 0 10px -8px #00000038}.admin-table th:first-child{z-index:3;background-color:color-mix(in srgb,var(--color-rule) 15%,var(--color-paper))}.admin-table tr:hover td:first-child{background-color:color-mix(in srgb,var(--color-accent) 3%,var(--color-paper))}.admin-card--stories .admin-table th:first-child,.admin-card--stories .admin-table td:first-child{position:static;z-index:auto;border-right:0;box-shadow:none;background-color:transparent}}:root{--sh-1: 0 1px 2px color-mix(in oklch, var(--color-ink) 9%, transparent), 0 8px 18px -12px color-mix(in oklch, var(--color-ink) 30%, transparent);--sh-2: 0 2px 4px color-mix(in oklch, var(--color-ink) 10%, transparent), 0 16px 30px -16px color-mix(in oklch, var(--color-ink) 40%, transparent);--sh-3: 0 4px 10px color-mix(in oklch, var(--color-ink) 11%, transparent), 0 28px 50px -22px color-mix(in oklch, var(--color-ink) 52%, transparent);--sh-glow: 0 10px 22px -10px color-mix(in oklch, var(--color-accent) 75%, transparent);--sh-glow-hover: 0 14px 28px -10px color-mix(in oklch, var(--color-accent) 85%, transparent);--ease-soft: cubic-bezier(.22, 1, .36, 1);--move: .3s}body{transition:background-color .35s var(--ease-soft),color .35s var(--ease-soft)}.hero,.detail,.pagehead,.empty-state,.track,.card,.rows .row,.popular__item,.genre-tile,.comment-item,.dd__btn,.sortpick__frame,.cover{box-shadow:var(--sh-1)}.spotlight,.auth-card{box-shadow:var(--sh-3)}.card,.rows .row,.popular__item,.genre-tile,.track,.comment-item{transition:transform var(--move) var(--ease-soft),box-shadow var(--move) var(--ease-soft),border-color .2s var(--ease-soft),background-color .2s var(--ease-soft)}.card:hover,.popular__item:hover,.genre-tile:hover{box-shadow:var(--sh-2)}.rows .row:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.card:active,.rows .row:active,.popular__item:active,.genre-tile:active{transform:translateY(0) scale(.995);box-shadow:var(--sh-1)}.track.is-playing{box-shadow:var(--sh-2),0 20px 40px -26px var(--color-accent)}.cover{transition:transform var(--move) var(--ease-soft),box-shadow var(--move) var(--ease-soft)}.btn{transition:transform .2s var(--ease-soft),box-shadow .25s var(--ease-soft),background-color .2s var(--ease-soft),border-color .2s var(--ease-soft),color .2s var(--ease-soft),filter .2s var(--ease-soft)}.btn--primary{box-shadow:var(--sh-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--sh-glow-hover)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn--ghost,.btn--secondary{box-shadow:var(--sh-1)}.play-icon,.icon-btn{transition:transform .2s var(--ease-soft),box-shadow .25s var(--ease-soft),background-color .2s var(--ease-soft),border-color .2s var(--ease-soft),color .2s var(--ease-soft)}.play-icon{box-shadow:var(--sh-1)}.play-icon:hover{transform:scale(1.08);box-shadow:var(--sh-glow)}.play-icon:active,.icon-btn:active{transform:scale(.92)}.player__main{transition:transform .2s var(--ease-soft),box-shadow .25s var(--ease-soft),filter .2s var(--ease-soft)}.player__main:hover{transform:scale(1.06)}.nav{transition:box-shadow .3s var(--ease-soft),background-color .3s var(--ease-soft),border-color .3s var(--ease-soft)}.nav.is-scrolled{border-bottom-color:transparent;box-shadow:0 10px 28px -16px color-mix(in oklch,var(--color-ink) 45%,transparent)}.player{box-shadow:0 -14px 34px -18px color-mix(in oklch,var(--color-ink) 45%,transparent)}.player-mini{box-shadow:var(--sh-3)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes player-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.main>.page{animation:page-in .5s var(--ease-soft) backwards}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>*{animation:rise-in .55s var(--ease-soft) backwards}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(1){animation-delay:.04s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(2){animation-delay:.08s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(3){animation-delay:.12s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(4){animation-delay:.16s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(5){animation-delay:.2s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(6){animation-delay:.24s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(7){animation-delay:.28s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(8){animation-delay:.32s}:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>:nth-child(n+9){animation-delay:.36s}.hero{animation:rise-in .6s var(--ease-soft) backwards}.player,.player-mini{animation:player-in .45s var(--ease-soft) backwards}.dd__panel,.nav__right{transition-timing-function:var(--ease-soft)}@media (prefers-reduced-motion: reduce){.main>.page,:is(.cards,.rows,.popular__list,.genre-strip,.comments-list)>*,.hero,.player,.player-mini{animation:none}.card:hover,.rows .row:hover,.btn--primary:hover:not(:disabled),.play-icon:hover{transform:none}}.searchpill{border-radius:999px}.cmdk__item{border-radius:12px}@media (min-width: 961px){.searchbox{display:block;position:relative;justify-self:center;width:min(100%,400px)}.searchbox .searchpill{width:100%}.searchpanel{top:calc(100% + 8px);left:0;right:auto;width:max(100%,24rem);padding:.4rem;border:1px solid var(--color-rule);border-radius:20px;box-shadow:var(--sh-3, 0 24px 54px -16px rgba(0, 0, 0, .35));transform:none;animation:search-drop .22s var(--ease-soft, var(--ease-out)) backwards}.searchpanel .cmdk__group{padding:.4rem .7rem .3rem}.searchpanel .cmdk__list{padding:0 .1rem .1rem}}@keyframes search-drop{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1rem;padding:0;margin:0;list-style:none}.news-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-rule);border-radius:18px;background:var(--color-paper);box-shadow:var(--sh-1);transition:transform var(--move, .3s) var(--ease-soft, var(--ease-out)),box-shadow var(--move, .3s) var(--ease-soft, var(--ease-out)),border-color .2s var(--ease-soft, var(--ease-out))}.news-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:var(--sh-2)}.news-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent) 18%,var(--color-paper-2)),var(--color-paper-2))}.news-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-soft, var(--ease-out))}.news-card:hover .news-card__media img{transform:scale(1.05)}.news-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:color-mix(in oklch,var(--color-accent) 55%,var(--color-muted))}.news-card__body{display:flex;flex-direction:column;flex:1;gap:.45rem;padding:.9rem 1rem 1rem}.news-card__meta{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-muted);font:500 .74rem / 1 var(--font-mono, monospace)}.news-card__title{font:600 1.05rem / 1.3 var(--font-display, serif);color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.news-card:hover .news-card__title{color:var(--color-accent)}.news-card__summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem;line-height:1.5;color:var(--color-ink-2)}.news-card__more{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.2rem;color:var(--color-accent);font-size:.82rem;font-weight:600}.news-card__more svg{transition:transform .25s var(--ease-soft, var(--ease-out))}.news-card:hover .news-card__more svg{transform:translate(3px)}.news-article{gap:1.25rem}.news-article__head{display:flex;flex-direction:column;gap:.7rem}.news-article__title{font:600 clamp(1.6rem,3vw + .6rem,2.5rem) / 1.15 var(--font-display, serif);letter-spacing:-.02em}.news-article__meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:var(--color-muted);font:500 .8rem / 1 var(--font-mono, monospace)}.news-article__meta span{display:inline-flex;align-items:center;gap:.35rem}.news-article__meta svg{color:var(--color-accent)}.news-article__lede{font-size:1.08rem;line-height:1.6;color:var(--color-ink-2)}.news-article__cover{margin:0;overflow:hidden;border-radius:18px;box-shadow:var(--sh-2)}.news-article__cover img{display:block;width:100%;max-height:26rem;object-fit:cover}.news-article__body{display:flex;flex-direction:column;gap:1rem;font-size:1.02rem;line-height:1.75;color:var(--color-ink)}.news-article__body p{white-space:pre-line;overflow-wrap:anywhere}.news-article__all{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.5rem}.pagination__list{display:flex;align-items:center;gap:.3rem;padding:0;margin:0;list-style:none}.pagination__page,.pagination__step{display:grid;place-items:center;min-width:2.4rem;height:2.4rem;padding:0 .4rem;border:1px solid var(--color-rule);border-radius:12px;background:var(--color-paper);color:var(--color-ink-2);font:500 .85rem / 1 var(--font-mono, monospace);box-shadow:var(--sh-1);transition:transform .2s var(--ease-soft, var(--ease-out)),background-color .2s var(--ease-soft, var(--ease-out)),border-color .2s var(--ease-soft, var(--ease-out)),color .2s var(--ease-soft, var(--ease-out))}.pagination__page:hover,.pagination__step:not(.is-disabled):hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.pagination__page.is-current{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink, #fff);font-weight:700}.pagination__step.is-disabled{opacity:.4;pointer-events:none}.pagination__gap{padding:0 .15rem;color:var(--color-muted)}@media (max-width: 480px){.pagination__page,.pagination__step{min-width:2.1rem;height:2.1rem;border-radius:10px}.pagination,.pagination__list{gap:.25rem}}.admin-news-cell{display:flex;align-items:center;gap:.7rem}.admin-news-thumb{display:grid;place-items:center;flex:none;width:3rem;height:2.2rem;overflow:hidden;border-radius:8px;background:color-mix(in oklch,var(--color-accent) 12%,var(--color-paper-2));color:var(--color-accent)}.admin-news-thumb img{width:100%;height:100%;object-fit:cover}.admin-form textarea{resize:vertical}@media (prefers-reduced-motion: reduce){.news-card:hover,.news-card:hover .news-card__media img,.news-card:hover .news-card__more svg{transform:none}}.news-card__media img{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 560px){.news-grid{gap:.75rem}.news-card{display:grid;grid-template-columns:7.2rem minmax(0,1fr);border-radius:16px}.news-card__media{aspect-ratio:auto;min-height:7.5rem}.news-card__body{gap:.3rem;padding:.7rem .85rem .75rem}.news-card__title{font-size:.98rem}.news-card__summary{-webkit-line-clamp:2;font-size:.8rem}}