:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--indigo-500: #6366f1;--navy: #0f172a;--navy-800: #1e293b;--navy-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--white: #ffffff;--green-50: #f0fdf4;--green-200: #bbf7d0;--green-500: #22c55e;--green-700: #15803d;--yellow-50: #fefce8;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-800: #92400e;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-500: #ef4444;--red-700: #b91c1c;--bg-page: var(--slate-50);--bg-surface: var(--white);--bg-muted: var(--slate-100);--bg-hover: var(--slate-50);--text-primary: var(--navy);--text-secondary: var(--slate-600);--text-muted: var(--slate-500);--text-placeholder: var(--slate-400);--text-label: var(--navy-700);--text-on-accent: var(--white);--accent: var(--blue-600);--accent-hover: var(--blue-700);--accent-subtle: var(--blue-50);--accent-subtle-hover: var(--blue-100);--accent-border: var(--blue-200);--accent-text: var(--blue-700);--border: var(--slate-200);--border-light: var(--slate-100);--border-strong: var(--slate-300);--control-off: var(--slate-500);--border-input: var(--slate-300);--focus: var(--blue-600);--success-bg: var(--green-50);--success-border: var(--green-200);--success-text: var(--green-700);--success-solid: var(--green-500);--warning-bg: var(--yellow-50);--warning-border: var(--amber-200);--warning-text: var(--amber-800);--warning-solid: var(--amber-500);--danger-bg: var(--red-50);--danger-bg-hover: var(--red-100);--danger-border: var(--red-200);--danger-text: var(--red-700);--danger-solid: var(--red-500);--neutral-bg: var(--slate-100);--neutral-border: var(--slate-200);--neutral-text: var(--slate-600);--dark-bg: var(--navy);--dark-bg-raised: var(--navy-800);--dark-text: var(--slate-50);--dark-text-muted: var(--slate-400);--dark-accent: var(--blue-400);--dark-accent-subtle: rgba(37, 99, 235, .15);--heat-hot: var(--blue-600);--heat-warm: var(--blue-400);--heat-cool: var(--blue-200);--heat-cold: var(--slate-200);--overlay: rgba(15, 23, 42, .5);--overlay-ink: rgba(15, 23, 42, .92);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-round: 50%;--shadow-sm: 0px 1px 3px 0px rgba(15, 23, 42, .06);--shadow-md: 0px 4px 16px 0px rgba(15, 23, 42, .08);--shadow-lg: 0px 8px 32px 0px rgba(15, 23, 42, .1);--shadow-xl: 0px 24px 64px 0px rgba(15, 23, 42, .18);--shadow-accent: 0px 2px 8px 0px rgba(37, 99, 235, .25);--shadow-accent-hover: 0px 4px 14px 0px rgba(37, 99, 235, .32);--shadow-accent-lg: 0px 4px 20px 0px rgba(37, 99, 235, .4);--ring-focus: 0px 0px 0px 3px rgba(37, 99, 235, .2);--ring-error: 0px 0px 0px 3px rgba(239, 68, 68, .15);--shadow-knob: 0px 1px 3px 0px rgba(0, 0, 0, .15);--sidebar-width: 240px;--topbar-height: 60px;--bottom-tab-height: 64px;--modal-width: 480px;--content-max: 1280px;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--font-display: "Instrument Serif", Georgia, serif;--font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}.type-xs{font-family:var(--font-sans);font-size:.75rem;line-height:1.5;font-weight:500}.type-sm{font-family:var(--font-sans);font-size:.8125rem;line-height:1.5;font-weight:500}.type-base{font-family:var(--font-sans);font-size:.875rem;line-height:1.5;font-weight:400}.type-md{font-family:var(--font-sans);font-size:1rem;line-height:1.6;font-weight:400}.type-lg{font-family:var(--font-sans);font-size:1.125rem;line-height:1.4;font-weight:600}.type-xl{font-family:var(--font-sans);font-size:1.25rem;line-height:1.35;font-weight:600}.display-xl{font-family:var(--font-display);font-size:3.75rem;line-height:1.1;font-weight:400;letter-spacing:-.02em}.display-lg{font-family:var(--font-display);font-size:2.5rem;line-height:1.15;font-weight:400;letter-spacing:-.02em}.display-md{font-family:var(--font-display);font-size:2.25rem;line-height:1;font-weight:400;letter-spacing:-.03em}.display-sm{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;font-weight:400;letter-spacing:-.02em}.display-italic{font-family:var(--font-display);font-size:2.5rem;line-height:1.15;font-weight:400;letter-spacing:-.02em;font-style:italic}.code{font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;font-weight:400}