:root{--base-color-ink-50: #f0f0f8;--base-color-ink-100: #d0d0e0;--base-color-ink-200: #aaaac0;--base-color-ink-300: #8888a0;--base-color-ink-400: #66667a;--base-color-ink-500: #44445a;--base-color-ink-600: #2e2e3e;--base-color-ink-700: #232330;--base-color-ink-750: #1d1d28;--base-color-ink-800: #171720;--base-color-ink-850: #11111a;--base-color-ink-900: #0d0d14;--base-color-ink-950: #08080d;--base-color-navy-50: #eef2f8;--base-color-navy-100: #d0d8e8;--base-color-navy-200: #a8b8cc;--base-color-navy-300: #8090aa;--base-color-navy-400: #5a6f90;--base-color-navy-500: #3d5070;--base-color-navy-600: #2a3c58;--base-color-navy-700: #1e2c44;--base-color-navy-750: #172338;--base-color-navy-800: #111c2e;--base-color-navy-850: #0c1422;--base-color-navy-900: #070c18;--base-color-navy-950: #04070f;--base-color-orange-100: #ffe8d9;--base-color-orange-300: #ff9966;--base-color-orange-400: #ff7733;--base-color-orange-500: #ff5500;--base-color-orange-600: #cc4400;--base-color-orange-dim: rgba(255, 85, 0, .12);--base-color-gold-100: #fff6d9;--base-color-gold-300: #ffd966;--base-color-gold-400: #ffc933;--base-color-gold-500: #ffb800;--base-color-gold-600: #cc9400;--base-color-gold-dim: rgba(255, 184, 0, .12);--base-color-lime-100: #f0fdd4;--base-color-lime-300: #d0f59a;--base-color-lime-400: #bcee6a;--base-color-lime-500: #a3e635;--base-color-lime-600: #6db300;--base-color-lime-dim: rgba(163, 230, 53, .12);--base-ease-out: cubic-bezier(.16, 1, .3, 1);--base-ease-in-out: cubic-bezier(.4, 0, .2, 1);--base-dur-fast: .12s;--base-dur-base: .18s;--base-dur-slow: .28s;--base-radius-none: 0;--base-radius-sm: 4px;--base-radius-md: 6px;--base-radius-lg: 8px;--base-radius-xl: 12px;--base-radius-full: 9999px;--base-state-success: #00e5a0;--base-state-success-dim: rgba(0, 229, 160, .12);--base-state-warning: #ffb800;--base-state-warning-dim: rgba(255, 184, 0, .12);--base-state-error: #ff4d6d;--base-state-error-dim: rgba(255, 77, 109, .12);--base-state-info: #6366ff;--base-state-info-dim: rgba(99, 102, 255, .12);--base-state-on-success: #001a0d;--base-state-on-warning: #1a1200;--base-state-on-error: #1a0008;--base-state-on-info: #ffffff;--base-sp-1: 4px;--base-sp-2: 8px;--base-sp-3: 12px;--base-sp-4: 16px;--base-sp-5: 20px;--base-sp-6: 24px;--base-sp-8: 32px;--base-sp-10: 40px;--base-sp-12: 48px;--base-sp-16: 64px;--base-sp-20: 80px;--base-font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace;--base-font-display: "Space Grotesk", system-ui, sans-serif;--base-size-xs: 11px;--base-size-sm: 13px;--base-size-md: 15px;--base-size-lg: 18px;--base-size-xl: 22px;--base-size-2xl: 28px;--base-size-3xl: 36px;--base-size-4xl: 48px;--base-size-5xl: 64px;--base-weight-light: 300;--base-weight-regular: 400;--base-weight-medium: 500;--base-weight-semibold: 600;--base-weight-bold: 700;--base-leading-tight: 1.2;--base-leading-snug: 1.35;--base-leading-normal: 1.6;--base-leading-relaxed: 1.8;--base-tracking-tight: -.04em;--base-tracking-snug: -.02em;--base-tracking-normal: 0;--base-tracking-wide: .06em;--base-tracking-wider: .12em}:root{--sp-1: var(--base-sp-1);--sp-2: var(--base-sp-2);--sp-3: var(--base-sp-3);--sp-4: var(--base-sp-4);--sp-5: var(--base-sp-5);--sp-6: var(--base-sp-6);--sp-8: var(--base-sp-8);--sp-10: var(--base-sp-10);--sp-12: var(--base-sp-12);--sp-16: var(--base-sp-16);--sp-20: var(--base-sp-20);--page-padding: var(--base-sp-4);--section-gap: var(--base-sp-6);--component-gap: var(--base-sp-4);--item-gap: var(--base-sp-2);--inset-sm: var(--base-sp-3);--inset-md: var(--base-sp-4);--inset-lg: var(--base-sp-6);--radius-badge: var(--base-radius-sm);--radius-input: var(--base-radius-md);--radius-card: var(--base-radius-lg);--radius-modal: var(--base-radius-xl);--radius-pill: var(--base-radius-full);--font: var(--base-font-mono);--font-display: var(--base-font-display);--text-micro: var(--base-size-xs);--text-sm: var(--base-size-sm);--text-body: var(--base-size-md);--text-lead: var(--base-size-lg);--text-heading: var(--base-size-xl);--text-title: var(--base-size-2xl);--text-display: var(--base-size-3xl);--text-hero: var(--base-size-4xl);--text-giant: var(--base-size-5xl);--weight-normal: var(--base-weight-regular);--weight-medium: var(--base-weight-medium);--weight-semibold: var(--base-weight-semibold);--weight-bold: var(--base-weight-bold);--leading-tight: var(--base-leading-tight);--leading-normal: var(--base-leading-normal);--tracking-tight: var(--base-tracking-tight);--tracking-normal: var(--base-tracking-normal);--tracking-wide: var(--base-tracking-wide);--tracking-wider: var(--base-tracking-wider);--ease: var(--base-ease-out);--ease-io: var(--base-ease-inOut);--dur-fast: var(--base-dur-fast);--dur-base: var(--base-dur-base);--dur-slow: var(--base-dur-slow)}html{background:var(--bg);color:var(--on-bg)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--on-bg)}.ds-app,.ds-app *{box-sizing:border-box}.ds-app{min-height:100dvh;background:var(--bg);color:var(--on-bg);font-family:var(--font);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;font-feature-settings:"liga" 1,"calt" 1}.ds-app :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root,[data-theme=dark-orange]{--bg: #08080d;--surface: #11111a;--surface-raised: #1d1d28;--on-bg: #f0f0f8;--on-bg-muted: #8888a0;--on-bg-subtle: #44445a;--on-surface: #f0f0f8;--on-surface-muted: #8888a0;--on-surface-subtle: #44445a;--accent: #ff5500;--accent-hover: #ff7733;--accent-press: #cc4400;--accent-muted: rgba(255, 85, 0, .12);--on-accent: #ffffff;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--focus-ring: #ff5500;--success: #00e5a0;--success-muted: rgba(0, 229, 160, .12);--on-success: #001a0d;--warning: #ffb800;--warning-muted: rgba(255, 184, 0, .12);--on-warning: #1a1200;--error: #ff4d6d;--error-muted: rgba(255, 77, 109, .12);--on-error: #1a0008;--info: #6366ff;--info-muted: rgba(99, 102, 255, .12);--on-info: #ffffff;--achievement: #ffb800;--on-achievement: #000000;--chart-1: #ff5500;--chart-2: #6366ff;--chart-3: #00e5a0;--chart-4: #ffb800;--chart-5: #ff4d6d}[data-theme=dadbod]{--bg: #03060f;--surface: #07101e;--surface-raised: #0c1829;--on-bg: #e8f0f8;--on-bg-muted: #7a90a8;--on-bg-subtle: #3a4a5c;--on-surface: #e8f0f8;--on-surface-muted: #7a90a8;--on-surface-subtle: #3a4a5c;--accent: #38bdf8;--accent-hover: #60cdff;--accent-press: #0ea5e9;--accent-muted: rgba(56, 189, 248, .12);--on-accent: #03060f;--border: rgba(56, 189, 248, .1);--border-strong: rgba(56, 189, 248, .3);--focus-ring: #38bdf8;--success: #34d399;--success-muted: rgba(52, 211, 153, .12);--on-success: #001a0d;--warning: #ffb800;--warning-muted: rgba(255, 184, 0, .12);--on-warning: #1a1200;--error: #ff4d6d;--error-muted: rgba(255, 77, 109, .12);--on-error: #ffffff;--info: #818cf8;--info-muted: rgba(129, 140, 248, .12);--on-info: #ffffff;--achievement: #ffb800;--on-achievement: #000000;--chart-1: #38bdf8;--chart-2: #818cf8;--chart-3: #34d399;--chart-4: #f59e0b;--chart-5: #ff4d6d}[data-theme=heartthrob-crimson]{--bg: #0c0a0a;--surface: #150e0e;--surface-raised: #1d1212;--on-bg: #f0e8e8;--on-bg-muted: #b09090;--on-bg-subtle: #705050;--on-surface: #f0e8e8;--on-surface-muted: #b09090;--on-surface-subtle: #705050;--accent: #e53e3e;--accent-hover: #f05252;--accent-press: #c53030;--accent-muted: rgba(229, 62, 62, .12);--on-accent: #ffffff;--border: rgba(229, 62, 62, .1);--border-strong: rgba(229, 62, 62, .28);--focus-ring: #e53e3e;--success: #68d391;--success-muted: rgba(104, 211, 145, .12);--on-success: #0a1a0f;--warning: #ffb800;--warning-muted: rgba(255, 184, 0, .12);--on-warning: #1a1200;--error: #fc8181;--error-muted: rgba(252, 129, 129, .12);--on-error: #2d0a0a;--info: #fbb6ce;--info-muted: rgba(251, 182, 206, .12);--on-info: #2d0a14;--achievement: #f6ad55;--achievement-muted: rgba(246, 173, 85, .12);--on-achievement: #1a0d00;--chart-1: #e53e3e;--chart-2: #fc8181;--chart-3: #f6ad55;--chart-4: #68d391;--chart-5: #fbb6ce}body{font-family:var(--font);font-size:var(--text-body);font-weight:var(--weight-normal)}h1{font-family:var(--font);font-size:var(--text-title);font-weight:var(--weight-bold)}h2{font-family:var(--font);font-size:var(--text-heading);font-weight:var(--weight-semibold)}h3,h4,h5,h6{font-family:var(--font);font-size:var(--text-lead);font-weight:var(--weight-semibold)}input,textarea,select,button{font:inherit}code,pre,kbd{font-family:monospace}