:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--page-padding: 16px;--section-gap: 24px;--component-gap: 16px;--item-gap: 8px;--inset-sm: 12px;--inset-md: 16px;--inset-lg: 24px;--radius-badge: 4px;--radius-input: 6px;--radius-card: 8px;--radius-md: 6px;--radius-modal: 12px;--radius-pill: 9999px;--height-control-sm: 32px;--height-control-md: 40px;--height-control-compact: 32px;--height-control-lg: 52px;--overlay: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .42);--shadow-raised: 0 4px 12px rgba(0, 0, 0, .4);--shadow-overlay: 0 8px 32px rgba(0, 0, 0, .6);--font: "Fira Code", "Cascadia Code", "Consolas", monospace;--font-display: "Space Grotesk", system-ui, sans-serif;--text-micro: .625rem;--text-sm: .75rem;--text-body: .875rem;--text-base: 1rem;--text-lead: 1.125rem;--text-heading: 1.375rem;--text-title: 1.75rem;--text-display: 2.25rem;--text-hero: 3rem;--text-giant: 4rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.6;--tracking-tight: -.04em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .12em;--ease: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s}: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;--achievement-muted: rgba(255, 184, 0, .12);--on-achievement: #000000;--spark-glow: #6366ff;--spark-core: #ffb800;--spark-hot: #f0f0f8;--spark-branch: #ff5500;--spark-flash: #f0f0f8;--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;--achievement-muted: rgba(255, 184, 0, .12);--on-achievement: #000000;--spark-glow: #818cf8;--spark-core: #ffb800;--spark-hot: #e8f0f8;--spark-branch: #38bdf8;--spark-flash: #e8f0f8;--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;--spark-glow: #fbb6ce;--spark-core: #f6ad55;--spark-hot: #f0e8e8;--spark-branch: #e53e3e;--spark-flash: #f0e8e8;--chart-1: #e53e3e;--chart-2: #fc8181;--chart-3: #f6ad55;--chart-4: #68d391;--chart-5: #fbb6ce}[data-theme=heartthrob-vitalscan]{--bg: #060809;--surface: #0a100d;--surface-raised: #0f1812;--on-bg: #eaf5ee;--on-bg-muted: #8ab098;--on-bg-subtle: #4a7060;--on-surface: #eaf5ee;--on-surface-muted: #8ab098;--on-surface-subtle: #4a7060;--accent: #4ade80;--accent-hover: #6ee89a;--accent-press: #2ecc60;--accent-muted: rgba(74, 222, 128, .12);--on-accent: #060809;--border: rgba(74, 222, 128, .1);--border-strong: rgba(74, 222, 128, .28);--focus-ring: #4ade80;--success: #4ade80;--success-muted: rgba(74, 222, 128, .12);--on-success: #060809;--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: #fb923c;--info-muted: rgba(251, 146, 60, .12);--on-info: #1a0800;--achievement: #fcd34d;--achievement-muted: rgba(252, 211, 77, .12);--on-achievement: #1a1000;--spark-glow: #fb923c;--spark-core: #fcd34d;--spark-hot: #eaf5ee;--spark-branch: #4ade80;--spark-flash: #eaf5ee;--chart-1: #4ade80;--chart-2: #fcd34d;--chart-3: #fb923c;--chart-4: #f87171;--chart-5: #fc6040}html{background:var(--bg);color:var(--on-bg)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--on-bg);font-family:var(--font)}.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}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}