:root{--color-accent-a04: color-mix(in srgb, var(--color-accent-400) 4%, transparent);--color-accent-a08: color-mix(in srgb, var(--color-accent-400) 8%, transparent);--color-accent-a10: color-mix(in srgb, var(--color-accent-400) 10%, transparent);--color-accent-a12: color-mix(in srgb, var(--color-accent-400) 12%, transparent);--color-accent-a15: color-mix(in srgb, var(--color-accent-400) 15%, transparent);--color-accent-a20: color-mix(in srgb, var(--color-accent-400) 20%, transparent);--color-accent-a25: color-mix(in srgb, var(--color-accent-400) 25%, transparent);--color-accent-a35: color-mix(in srgb, var(--color-accent-400) 35%, transparent);--color-neutral-0: #0a0a0a;--color-neutral-50: #0e0e0e;--color-neutral-100: #141414;--color-neutral-150: #171717;--color-neutral-200: #1a1a1a;--color-neutral-250: #1f1f1f;--color-neutral-300: #212121;--color-neutral-350: #262626;--color-neutral-400: #2a2a2a;--color-neutral-500: #333333;--color-neutral-600: #404040;--color-neutral-700: #525252;--color-neutral-800: #737373;--color-neutral-850: #a3a3a3;--color-neutral-900: #b3b3b3;--color-neutral-950: #d4d4d4;--color-neutral-975: #e5e5e5;--color-neutral-1000: #fafafa;--color-purple-300: #a855f7;--color-purple-400: #9333ea;--color-purple-500: #7e22ce;--color-purple-600: #581c87;--color-violet-300: #c4b5fd;--color-violet-400: #a78bfa;--color-violet-500: #8b5cf6;--color-violet-600: #7c3aed;--color-indigo-300: #a5b4fc;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-teal-300: #5eead4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-teal-600: #0d9488;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-amber-300: #fcd34d;--color-amber-400: #fbbf24;--color-amber-500: #f59e0b;--color-amber-600: #d97706;--color-orange-300: #fdba74;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-orange-600: #ea580c;--color-crimson-300: #ef4444;--color-crimson-400: #dc2626;--color-crimson-500: #b91c1c;--color-crimson-600: #991b1b;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-white: #ffffff;--shadow-accent-focus: 0 0 0 3px var(--color-accent-a15);--shadow-sm: 0 1px 2px rgba(0,0,0,.15), 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 2px 4px rgba(0,0,0,.2), 0 4px 16px rgba(0,0,0,.15);--shadow-lg: 0 4px 8px rgba(0,0,0,.25), 0 8px 32px rgba(0,0,0,.2);--input-label-size-float: 12px;--card-image-height: 140px;--modal-radius: 14px;--modal-stripe-height: 3px;--modal-backdrop: rgba(0, 0, 0, .6);--modal-blur: 4px;--dropdown-item-padding-y: 9px;--dropdown-item-padding-x: 14px;--tooltip-stripe-height: 2px;--toast-stripe-width: 3px;--snackbar-stripe-width: 3px;--snackbar-width: 360px;--snackbar-shadow: 0 8px 32px rgba(0,0,0,.4);--snackbar-container-offset: 24px;--snackbar-container-gap: 12px;--snackbar-z-index: 9999;--badge-padding-y: 3px;--badge-padding-x: 10px;--table-cell-padding-y: 14px;--table-cell-padding-x: 20px;--avatar-size-xs: 24px;--avatar-size-sm: 32px;--avatar-size-md: 40px;--avatar-size-lg: 56px;--avatar-size-xl: 72px;--avatar-status-dot: 12px;--spinner-size-sm: 20px;--spinner-size-md: 32px;--spinner-size-lg: 48px;--progress-height: 6px;--pagination-button-size: 38px;--tab-indicator-height: 4px;--alert-stripe-width: 3px;--sidebar-width: 256px;--sidebar-width-collapsed: 64px;--sidebar-active-bar-width: 3px;--sidebar-item-padding-y: 8px;--sidebar-item-padding-x: 12px;--sidebar-item-count-padding-y: 2px;--sidebar-item-count-padding-x: 8px;--sidebar-item-count-bubble-size: 22px;--sidebar-item-count-bubble-padding-x: 6px;--datepicker-day-size: 40px;--chip-padding-y: 4px;--chip-padding-x: 10px;--chip-close-size: 16px;--chip-avatar-size: 20px;--fab-size: 56px;--fab-size-mini: 40px;--fab-icon-size: 24px;--rich-text-editor-btn-size: 32px;--chat-msg-max-width: 85%;--chat-msg-gap: 1.25rem;--chat-msg-tool-border: 2px;--chat-input-max-height: 200px;--list-sidebar-width: 260px;--list-sidebar-item-padding-y: 10px;--list-sidebar-item-padding-x: 12px;--list-sidebar-group-font-size: .6875rem;--side-panel-width: 420px;--side-panel-backdrop: rgba(0, 0, 0, .6);--side-panel-blur: 4px;--font-family-body: "Geist Sans", system-ui, sans-serif;--font-family-mono: "Geist Mono", monospace;--font-family-display: "Fraunces", "Geist Sans", system-ui, serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-line-height-tight: 1.2;--font-line-height-snug: 1.3;--font-line-height-normal: 1.4;--font-line-height-relaxed: 1.5;--font-line-height-loose: 1.6;--font-letter-spacing-tight: -.3px;--text-xs: .875rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-mono: .9375rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--easing-out: cubic-bezier(.22, 1, .36, 1);--easing-in-out: cubic-bezier(.65, 0, .35, 1);--easing-spring: cubic-bezier(.16, 1, .3, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--color-accent-300: var(--color-purple-300);--color-accent-400: var(--color-purple-400);--color-accent-500: var(--color-purple-500);--color-accent-600: var(--color-purple-600);--color-bg-deepest: var(--color-neutral-0);--color-bg-base: var(--color-neutral-50);--color-bg-surface: var(--color-neutral-100);--color-bg-elevated-1: var(--color-neutral-150);--color-bg-elevated-2: var(--color-neutral-200);--color-bg-elevated-3: var(--color-neutral-300);--color-foreground: var(--color-neutral-1000);--color-foreground-secondary: var(--color-neutral-950);--color-foreground-body: var(--color-neutral-900);--color-foreground-muted: var(--color-neutral-850);--color-foreground-subtle: var(--color-neutral-800);--color-foreground-disabled: var(--color-neutral-700);--color-foreground-ghost: var(--color-neutral-600);--color-border-subtle: var(--color-neutral-250);--color-border-default: var(--color-neutral-350);--color-border-strong: var(--color-neutral-500);--color-border-emphasis: var(--color-neutral-600);--color-success: var(--color-emerald-400);--color-warning: var(--color-amber-400);--color-error: var(--color-crimson-400);--color-info: var(--color-blue-400);--button-radius: var(--radius-md);--button-padding-y: var(--spacing-3);--button-padding-x: var(--spacing-6);--button-padding-y-sm: var(--spacing-2);--button-padding-x-sm: var(--spacing-4);--button-font-size: var(--text-sm);--button-font-size-sm: var(--text-xs);--button-font-weight: var(--font-weight-semibold);--input-radius: var(--radius-lg);--input-font-size: var(--text-sm);--input-label-size-rest: var(--text-sm);--card-radius: var(--radius-lg);--card-padding: var(--spacing-6);--modal-border: var(--color-neutral-400);--dropdown-border: var(--color-neutral-400);--dropdown-radius: var(--radius-lg);--dropdown-item-radius: var(--radius-md);--tooltip-border: var(--color-neutral-400);--tooltip-radius: var(--radius-md);--tooltip-font-size: var(--text-xs);--toast-radius: var(--radius-lg);--snackbar-radius: var(--radius-lg);--snackbar-padding-y: var(--spacing-4);--snackbar-padding-x: var(--spacing-4);--snackbar-gap: var(--spacing-3);--badge-radius: var(--radius-full);--badge-font-size: var(--text-xs);--table-radius: var(--radius-lg);--table-header-font-size: var(--text-xs);--avatar-radius: var(--radius-full);--progress-radius: var(--radius-full);--progress-track-bg: var(--color-neutral-250);--pagination-radius: var(--radius-md);--tab-font-size: var(--text-sm);--alert-radius: var(--radius-md);--sidebar-item-radius: var(--radius-md);--sidebar-item-font-size: var(--text-sm);--sidebar-group-font-size: var(--text-xs);--sidebar-item-count-font-size: var(--text-xs);--datepicker-radius: var(--radius-lg);--datepicker-header-font-size: var(--text-sm);--chip-radius: var(--radius-full);--chip-font-size: var(--text-xs);--fab-radius: var(--radius-full);--rich-text-editor-radius: var(--radius-lg);--select-radius: var(--radius-lg);--select-dropdown-radius: var(--radius-lg);--select-chip-gap: var(--spacing-2);--chat-msg-padding-y: var(--spacing-2);--chat-msg-padding-x: var(--spacing-4);--chat-msg-font-size: var(--text-sm);--chat-msg-font-size-system: var(--text-xs);--chat-input-radius: var(--radius-xl);--chat-input-padding: var(--spacing-6);--chat-input-font-size: var(--text-base);--list-sidebar-item-radius: var(--radius-md);--list-sidebar-item-font-size: var(--text-xs);--side-panel-header-padding-y: var(--spacing-3);--side-panel-header-padding-x: var(--spacing-4);--side-panel-body-padding-y: var(--spacing-3);--side-panel-body-padding-x: var(--spacing-4);--side-panel-footer-padding-y: var(--spacing-3);--side-panel-footer-padding-x: var(--spacing-4);--input-bg: var(--color-bg-surface);--input-border: var(--color-border-default);--card-bg: var(--color-bg-elevated-1);--card-border: var(--color-border-default);--modal-bg: var(--color-bg-elevated-2);--dropdown-bg: var(--color-bg-elevated-2);--tooltip-bg: var(--color-bg-elevated-1);--toast-bg: var(--color-bg-elevated-2);--toast-border: var(--color-border-default);--snackbar-bg: var(--color-bg-elevated-2);--snackbar-border: var(--color-border-default);--table-header-bg: var(--color-bg-surface);--sidebar-bg: var(--color-bg-base);--sidebar-border: var(--color-border-subtle);--rich-text-editor-toolbar-bg: var(--color-bg-elevated-1);--rich-text-editor-toolbar-border: var(--color-border-default);--rich-text-editor-editor-bg: var(--color-bg-surface);--chat-input-bg: var(--color-bg-elevated-1);--chat-input-border: var(--color-border-default);--list-sidebar-bg: var(--color-bg-base);--list-sidebar-border: var(--color-border-subtle);--side-panel-bg: var(--color-bg-surface);--side-panel-border: var(--color-border-subtle)}[data-accent=purple]{--color-accent-300: var(--color-purple-300);--color-accent-400: var(--color-purple-400);--color-accent-500: var(--color-purple-500);--color-accent-600: var(--color-purple-600)}[data-accent=violet]{--color-accent-300: var(--color-violet-300);--color-accent-400: var(--color-violet-400);--color-accent-500: var(--color-violet-500);--color-accent-600: var(--color-violet-600)}[data-accent=indigo]{--color-accent-300: var(--color-indigo-300);--color-accent-400: var(--color-indigo-400);--color-accent-500: var(--color-indigo-500);--color-accent-600: var(--color-indigo-600)}[data-accent=blue]{--color-accent-300: var(--color-blue-300);--color-accent-400: var(--color-blue-400);--color-accent-500: var(--color-blue-500);--color-accent-600: var(--color-blue-600)}[data-accent=sky]{--color-accent-300: var(--color-sky-300);--color-accent-400: var(--color-sky-400);--color-accent-500: var(--color-sky-500);--color-accent-600: var(--color-sky-600)}[data-accent=teal]{--color-accent-300: var(--color-teal-300);--color-accent-400: var(--color-teal-400);--color-accent-500: var(--color-teal-500);--color-accent-600: var(--color-teal-600)}[data-accent=emerald]{--color-accent-300: var(--color-emerald-300);--color-accent-400: var(--color-emerald-400);--color-accent-500: var(--color-emerald-500);--color-accent-600: var(--color-emerald-600)}[data-accent=amber]{--color-accent-300: var(--color-amber-300);--color-accent-400: var(--color-amber-400);--color-accent-500: var(--color-amber-500);--color-accent-600: var(--color-amber-600)}[data-accent=orange]{--color-accent-300: var(--color-orange-300);--color-accent-400: var(--color-orange-400);--color-accent-500: var(--color-orange-500);--color-accent-600: var(--color-orange-600)}[data-accent=crimson]{--color-accent-300: var(--color-crimson-300);--color-accent-400: var(--color-crimson-400);--color-accent-500: var(--color-crimson-500);--color-accent-600: var(--color-crimson-600)}[data-accent=rose]{--color-accent-300: var(--color-rose-300);--color-accent-400: var(--color-rose-400);--color-accent-500: var(--color-rose-500);--color-accent-600: var(--color-rose-600)}[data-accent=pink]{--color-accent-300: var(--color-pink-300);--color-accent-400: var(--color-pink-400);--color-accent-500: var(--color-pink-500);--color-accent-600: var(--color-pink-600)}[data-tint=purple]{--color-tint-500: var(--color-purple-500)}[data-tint=violet]{--color-tint-500: var(--color-violet-500)}[data-tint=indigo]{--color-tint-500: var(--color-indigo-500)}[data-tint=blue]{--color-tint-500: var(--color-blue-500)}[data-tint=sky]{--color-tint-500: var(--color-sky-500)}[data-tint=teal]{--color-tint-500: var(--color-teal-500)}[data-tint=emerald]{--color-tint-500: var(--color-emerald-500)}[data-tint=amber]{--color-tint-500: var(--color-amber-500)}[data-tint=orange]{--color-tint-500: var(--color-orange-500)}[data-tint=crimson]{--color-tint-500: var(--color-crimson-500)}[data-tint=rose]{--color-tint-500: var(--color-rose-500)}[data-tint=pink]{--color-tint-500: var(--color-pink-500)}