:root{--bg: #fafafa;--surface: #ffffff;--surface-2: #f5f5f5;--surface-3: #ededed;--ink-0: #0f172a;--ink-1: #334155;--ink-2: #475569;--ink-3: #64748b;--ink-4: #94a3b8;--border-0: rgba(15, 23, 42, .06);--border-1: rgba(15, 23, 42, .1);--border-2: rgba(15, 23, 42, .16);--border-3: rgba(15, 23, 42, .24);--border: var(--border-1);--primary: #2563eb;--primary-hover: #1d4ed8;--primary-active: #1e40af;--primary-soft: #dbeafe;--primary-softer: #eff6ff;--primary-ink: #ffffff;--ok: #15803d;--ok-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--danger-on: #ffffff;--info: #0369a1;--info-soft: #e0f2fe;--chart-1: #2a78d6;--chart-2: #eb6834;--chart-3: #1baf7a;--chart-grid: #e7e5e4;--chart-axis: #c3c2b7;--cta: #0f766e;--cta-hover: #115e59;--cta-active: #134e4a;--cta-soft: #ccfbf1;--cta-ink: #ffffff;--font-sans: "Nunito Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: var(--font-sans);--font-serif: var(--font-sans);--text-xs: 11px;--text-sm: 13px;--text-md: 14px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--text-4xl: 46px;--text-field: var(--text-md);--tap-min: 0px;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--space-1: var(--s-1);--space-2: var(--s-2);--space-3: var(--s-3);--space-4: var(--s-4);--space-5: var(--s-5);--space-6: var(--s-6);--space-8: var(--s-7);--space-10: var(--s-8);--space-12: var(--s-9);--space-16: var(--s-10);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-pill: var(--r-pill);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--border-thin: 1px;--border-med: 1px;--border-thick: 2px;--dur-fast: .12s;--dur-mid: .22s;--duration-fast: var(--dur-fast);--duration-base: var(--dur-mid);--duration-slow: .32s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-snap: cubic-bezier(.2, .8, .2, 1);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 2px 8px rgba(15, 23, 42, .06);--shadow-pop: 0 24px 48px rgba(15, 23, 42, .16), 0 4px 12px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px var(--primary-soft);--surface-0: var(--surface);--surface-1: var(--surface-2);--accent: var(--primary);--accent-1: var(--primary);--accent-soft: var(--primary-soft);--accent-ink: var(--primary-active);--z-dropdown: 100;--z-modal: 1000;--z-toast: 2000;--chrome-frame-radius: var(--radius-lg);--chrome-frame-border: 1px solid var(--border-2);--chrome-frame-shadow: var(--shadow-sm);--app-header-bg: color-mix(in srgb, var(--bg) 92%, transparent);--app-header-chrome-bg: var(--surface-1);--app-header-chrome-text: var(--ink-0);--app-header-chrome-muted: var(--ink-2);--app-header-chrome-meta: var(--ink-3);--accent-bar-width: 4px;--text: var(--ink-0);--text-primary: var(--ink-0);--text-1: var(--ink-1);--text-2: var(--ink-2);--text-secondary: var(--ink-2);--text-3: var(--ink-3);--text-muted: var(--ink-3);--text-dim: var(--ink-3);--text-tertiary: var(--ink-3);--color-text-muted: var(--ink-3);--muted: var(--ink-3);--ink: var(--ink-0);--on-primary: var(--primary-ink);--border-subtle: var(--border-0);--border-soft: var(--border-0);--border-color: var(--border-1);--color-border: var(--border-1);--line: var(--border-1);--line-2: var(--border-1);--border-strong: var(--border-2);--surface-muted: var(--surface-2);--surface-soft: var(--surface-2);--surface-subtle: var(--surface-2);--color-surface: var(--surface);--color-surface-2: var(--surface-2);--color-surface-muted: var(--surface-2);--bg-2: var(--surface-2);--bg-secondary: var(--surface-2);--success: var(--ok);--color-success: var(--ok);--ok-fg: var(--ok);--ok-ink: var(--ok);--ok-bg: var(--ok-soft);--warning: var(--warn);--warn-fg: var(--warn);--warn-ink: var(--warn);--warn-bg: var(--warn-soft);--warn-border: color-mix(in srgb, var(--warn) 35%, transparent);--warning-border: color-mix(in srgb, var(--warn) 35%, transparent);--color-danger: var(--danger);--danger-fg: var(--danger);--danger-ink: var(--danger);--err-fg: var(--danger);--danger-bg: var(--danger-soft);--err-bg: var(--danger-soft);--danger-border: color-mix(in srgb, var(--danger) 35%, transparent);--color-accent: var(--primary);--radius: var(--radius-md);--radius-xs: 4px;--radius-1: var(--radius-sm);--radius-2: var(--radius-md);--radius-full: 999px;--r-full: 999px;--shadow: var(--shadow-md);--shadow-xl: var(--shadow-pop);--focus-ring: var(--primary);--accent-border: color-mix(in srgb, var(--primary) 35%, transparent);--accent-warn: var(--warn);--tone-danger: var(--danger);--color-danger-700: var(--danger);--fh-text-muted: var(--ink-3);--fh-muted: var(--ink-3);--fh-border: var(--border-1);--fh-surface: var(--surface);--fh-accent: var(--primary);--fh-danger: var(--danger);--fh-success: var(--ok);--fh-warning: var(--warn)}:root[data-theme=dark]{--bg: #05070d;--surface: #0c1220;--surface-2: #1c283c;--surface-3: #2a3a52;--surface-0: var(--surface);--surface-1: #141e30;--ink-0: #f8fafc;--ink-1: #e2e8f0;--ink-2: #cbd5e1;--ink-3: #94a3b8;--ink-4: #64748b;--border-0: rgba(148, 163, 184, .1);--border-1: rgba(148, 163, 184, .18);--border-2: rgba(148, 163, 184, .28);--border-3: rgba(148, 163, 184, .4);--border: var(--border-1);--primary: #60a5fa;--primary-hover: #3b82f6;--primary-active: #2563eb;--primary-soft: rgba(96, 165, 250, .16);--primary-softer: rgba(96, 165, 250, .08);--primary-ink: #0b1220;--accent: var(--primary);--accent-1: var(--primary);--accent-soft: var(--primary-soft);--accent-ink: var(--primary-active);--ok: #22c55e;--ok-soft: rgba(34, 197, 94, .16);--warn: #f59e0b;--warn-soft: rgba(245, 158, 11, .16);--danger: #fca5a5;--danger-soft: rgba(239, 68, 68, .16);--danger-on: #2a0606;--info: #38bdf8;--info-soft: rgba(56, 189, 248, .16);--chart-1: #3987e5;--chart-2: #d95926;--chart-3: #199e70;--chart-grid: #1e293b;--chart-axis: #334155;--cta: #2dd4bf;--cta-hover: #14b8a6;--cta-active: #0d9488;--cta-soft: rgba(45, 212, 191, .16);--cta-ink: #0b1220;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--shadow-pop: 0 24px 48px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px var(--primary-soft);--app-header-chrome-bg: var(--surface-1);--app-header-chrome-text: var(--ink-0);--app-header-chrome-muted: var(--ink-2);--app-header-chrome-meta: var(--ink-3)}.accent-bar{position:relative;overflow:hidden}.accent-bar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--accent-bar-width);background:var(--accent-bar-color, var(--info));pointer-events:none;z-index:1}.accent-bar--ok{--accent-bar-color: var(--ok)}.accent-bar--warn{--accent-bar-color: var(--warn)}.accent-bar--danger{--accent-bar-color: var(--danger)}.accent-bar--info{--accent-bar-color: var(--info)}.accent-bar--primary{--accent-bar-color: var(--primary)}@media(pointer:coarse){:root{--text-field: 16px;--tap-min: 44px}}@media(max-width:720px){:root{--text-field: 16px;--tap-min: 44px}}