: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;--info: #0369a1;--info-soft: #e0f2fe;--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}:root[data-theme=dark]{--bg: #0b1220;--surface: #121826;--surface-2: #1a2233;--surface-3: #243049;--surface-0: var(--surface);--surface-1: var(--surface-2);--ink-0: #f1f5f9;--ink-1: #cbd5e1;--ink-2: #a8b8c8;--ink-3: #94a3b8;--ink-4: #64748b;--border-0: rgba(255, 255, 255, .06);--border-1: rgba(255, 255, 255, .1);--border-2: rgba(255, 255, 255, .16);--border-3: rgba(255, 255, 255, .24);--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);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .16);--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}}
