:root{--neutral-0:oklch(100% 0 286);--neutral-25:oklch(98.8% 0.001 286);--neutral-50:oklch(97.8% 0.001 286);--neutral-75:oklch(96.7% 0.001 286);--neutral-100:oklch(95.5% 0.002 286);--neutral-150:oklch(93.8% 0.003 286);--neutral-200:oklch(92.0% 0.004 286);--neutral-300:oklch(87.0% 0.005 286);--neutral-400:oklch(77.0% 0.008 286);--neutral-500:oklch(65.0% 0.012 286);--neutral-550:oklch(59.0% 0.014 286);--neutral-600:oklch(53.1% 0.015 286);--neutral-650:oklch(48.5% 0.015 286);--neutral-700:oklch(44.2% 0.015 286);--neutral-750:oklch(36.0% 0.012 286);--neutral-800:oklch(28.0% 0.009 286);--neutral-850:oklch(22.0% 0.007 286);--neutral-900:oklch(18.0% 0.005 286);--neutral-950:oklch(14.1% 0.004 286);--neutral-1000:oklch(9.0% 0.003 286);--brand-25:oklch(98.5% 0.023 225.3);--brand-50:oklch(96.0% 0.027 225.3);--brand-100:oklch(92.0% 0.033 225.3);--brand-200:oklch(85.0% 0.045 225.3);--brand-300:oklch(74.0% 0.063 225.3);--brand-400:oklch(63.0% 0.081 225.3);--brand-500:oklch(52.3% 0.099 225.3);--brand-600:oklch(44.0% 0.085 225.3);--brand-700:oklch(37.0% 0.074 225.3);--brand-800:oklch(29.0% 0.061 225.3);--brand-900:oklch(22.0% 0.049 225.3);--brand-950:oklch(16.0% 0.039 225.3);--green-50:oklch(96.5% 0.030 155);--green-200:oklch(87.0% 0.070 155);--green-500:oklch(58.0% 0.140 155);--green-700:oklch(42.0% 0.110 155);--green-900:oklch(25.0% 0.070 155);--amber-50:oklch(97.0% 0.035 75);--amber-200:oklch(89.0% 0.080 75);--amber-500:oklch(70.0% 0.150 75);--amber-700:oklch(50.0% 0.120 75);--amber-900:oklch(30.0% 0.080 75);--red-50:oklch(96.5% 0.025 25);--red-200:oklch(87.0% 0.070 25);--red-500:oklch(58.0% 0.190 25);--red-700:oklch(45.0% 0.160 25);--red-900:oklch(27.0% 0.100 25);--canvas:var(--neutral-25);--surface:var(--neutral-0);--surface-secondary:var(--neutral-50);--surface-tertiary:var(--neutral-75);--surface-sunk:var(--neutral-100);--surface-elevated:var(--neutral-0);--text-primary:var(--neutral-950);--text-secondary:var(--neutral-700);--text-tertiary:var(--neutral-600);--text-disabled:var(--neutral-400);--text-on-brand:var(--neutral-0);--text-inverse:var(--neutral-0);--border-subtle:var(--neutral-150);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-brand:color-mix(in oklab,var(--brand-500) 28%,transparent);--brand:var(--brand-500);--brand-hover:var(--brand-600);--brand-active:var(--brand-700);--brand-surface:color-mix(in oklab,var(--brand-500) 8%,var(--surface));--brand-surface-hover:color-mix(in oklab,var(--brand-500) 12%,var(--surface));--brand-ghost:color-mix(in oklab,var(--brand-500) 6%,transparent);--brand-ghost-hover:color-mix(in oklab,var(--brand-500) 10%,transparent);--neutral-ghost:color-mix(in oklab,var(--neutral-950) 4%,transparent);--neutral-ghost-hover:color-mix(in oklab,var(--neutral-950) 7%,transparent);--neutral-ghost-active:color-mix(in oklab,var(--neutral-950) 11%,transparent);--success:var(--green-500);--success-surface:var(--green-50);--success-border:var(--green-200);--success-text:var(--green-700);--warning:var(--amber-500);--warning-surface:var(--amber-50);--warning-border:var(--amber-200);--warning-text:var(--amber-700);--danger:var(--red-500);--danger-surface:var(--red-50);--danger-border:var(--red-200);--danger-text:var(--red-700);--focus-ring:color-mix(in oklab,var(--brand-500) 45%,transparent);--corner-radius-scale:1;--radius-xs-base:2px;--radius-xs:calc(var(--radius-xs-base) * var(--corner-radius-scale));--radius-sm-base:4px;--radius-sm:calc(var(--radius-sm-base) * var(--corner-radius-scale));--radius-md-base:6px;--radius-md:calc(var(--radius-md-base) * var(--corner-radius-scale));--radius-lg-base:8px;--radius-lg:calc(var(--radius-lg-base) * var(--corner-radius-scale));--radius-xl-base:12px;--radius-xl:calc(var(--radius-xl-base) * var(--corner-radius-scale));--radius-2xl-base:16px;--radius-2xl:calc(var(--radius-2xl-base) * var(--corner-radius-scale));--radius-full:9999px;--density-scale:1;--row-pad-y:6px;--height-row:calc(30px * var(--density-scale));--height-nav-row:calc(30px * var(--density-scale));--height-toolbar:calc(40px * var(--density-scale));--height-control:calc(32px * var(--density-scale));--height-control-sm:calc(26px * var(--density-scale))}:root [data-density=comfortable],:root[data-density=comfortable]{--density-scale:1.2}.dark,:root[data-theme=dark]{--canvas:var(--neutral-1000);--surface:var(--neutral-900);--surface-secondary:var(--neutral-850);--surface-tertiary:var(--neutral-800);--surface-sunk:var(--neutral-1000);--surface-elevated:var(--neutral-850);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-400);--text-tertiary:var(--neutral-500);--text-disabled:var(--neutral-650);--text-inverse:var(--neutral-950);--border-subtle:var(--neutral-850);--border:var(--neutral-800);--border-strong:var(--neutral-750);--brand:var(--brand-400);--brand-hover:var(--brand-300);--brand-active:var(--brand-200);--brand-surface:color-mix(in oklab,var(--brand-400) 14%,var(--surface));--brand-surface-hover:color-mix(in oklab,var(--brand-400) 20%,var(--surface));--neutral-ghost:color-mix(in oklab,var(--neutral-0) 5%,transparent);--neutral-ghost-hover:color-mix(in oklab,var(--neutral-0) 9%,transparent);--neutral-ghost-active:color-mix(in oklab,var(--neutral-0) 13%,transparent);--success-surface:var(--green-900);--success-text:var(--green-200);--success-border:color-mix(in oklab,var(--green-500) 35%,transparent);--warning-surface:var(--amber-900);--warning-text:var(--amber-200);--warning-border:color-mix(in oklab,var(--amber-500) 35%,transparent);--danger-surface:var(--red-900);--danger-text:var(--red-200);--danger-border:color-mix(in oklab,var(--red-500) 35%,transparent)}