:root{--brand-h:152;--brand-c:.085;--paper-h:62;--teal-50:oklch(97% .02 var(--brand-h));--teal-100:oklch(93.5% .04 var(--brand-h));--teal-200:oklch(87% .06 var(--brand-h));--teal-300:oklch(76% .08 var(--brand-h));--teal-400:oklch(62% .095 var(--brand-h));--teal-500:oklch(50% .09 var(--brand-h));--teal-600:oklch(43% .08 var(--brand-h));--teal-700:oklch(36% .07 var(--brand-h));--teal-800:oklch(28% .055 var(--brand-h));--teal-900:oklch(20% .04 var(--brand-h));--teal-950:oklch(14% .03 var(--brand-h));--neutral-0:#fff;--neutral-25:oklch(99% .006 var(--paper-h));--neutral-50:oklch(98% .011 var(--paper-h));--neutral-100:oklch(96% .015 var(--paper-h));--neutral-150:oklch(93.5% .018 var(--paper-h));--neutral-200:oklch(91% .02 var(--paper-h));--neutral-300:oklch(84% .022 var(--paper-h));--neutral-400:oklch(70% .024 var(--paper-h));--neutral-500:oklch(56% .03 var(--paper-h));--neutral-600:oklch(44% .035 var(--paper-h));--neutral-700:oklch(33% .035 var(--paper-h));--neutral-800:oklch(23% .03 var(--paper-h));--neutral-900:oklch(16% .025 var(--paper-h));--neutral-950:oklch(11% .02 var(--paper-h));--success-50:oklch(96% .04 155);--success-500:oklch(62% .14 155);--success-700:oklch(45% .11 155);--warning-50:oklch(97% .04 75);--warning-500:oklch(72% .14 75);--warning-700:oklch(52% .13 55);--danger-50:oklch(96% .03 20);--danger-500:oklch(62% .18 20);--danger-700:oklch(48% .17 20);--info-50:oklch(96% .03 240);--info-500:oklch(62% .12 240);--accent-coral:oklch(72% .12 30);--accent-amber:oklch(78% .13 80);--accent-violet:oklch(62% .13 290);--accent-mint:oklch(72% .1 165);--bg:var(--neutral-50);--bg-raised:oklch(99.3% .008 var(--paper-h));--bg-sunken:var(--neutral-100);--bg-subtle:var(--neutral-25);--bg-inverse:var(--neutral-900);--surface:oklch(99.3% .008 var(--paper-h));--surface-hover:var(--neutral-50);--surface-active:var(--neutral-100);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-subtle:var(--neutral-150);--text:var(--neutral-900);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-inverse:var(--neutral-0);--primary:var(--teal-500);--primary-hover:var(--teal-600);--primary-active:var(--teal-700);--primary-subtle:var(--teal-50);--primary-muted:var(--teal-100);--primary-border:var(--teal-200);--on-primary:#fff;--focus-ring:color-mix(in oklch,var(--teal-500)45%,transparent);--input-bg:oklch(97.8% .016 var(--paper-h));--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--fs-xs:11px;--fs-sm:12px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--fs-4xl:38px;--fs-5xl:48px;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.65;--fw-regular:400;--fw-medium:500;--fw-semi:600;--fw-bold:700;--fw-heavy:800;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-wide:.04em;--tracking-wider:.08em;--s-0:0;--s-px:1px;--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:48px;--s-10:64px;--s-11:80px;--s-12:96px;--r-scale:1;--r-xs:calc(4px*var(--r-scale));--r-sm:calc(6px*var(--r-scale));--r-md:calc(10px*var(--r-scale));--r-lg:calc(14px*var(--r-scale));--r-xl:calc(20px*var(--r-scale));--r-2xl:calc(28px*var(--r-scale));--r-full:999px;--shadow-xs:0 1px 2px #3b2d1e0a;--shadow-sm:0 1px 2px #3b2d1e0d,0 1px 3px #3b2d1e0a;--shadow-md:0 2px 4px #3b2d1e0a,0 6px 14px #3b2d1e0f;--shadow-lg:0 4px 6px #3b2d1e0a,0 16px 32px #3b2d1e14;--shadow-xl:0 8px 10px #3b2d1e0a,0 24px 48px #3b2d1e1a;--shadow-focus:0 0 0 3px var(--focus-ring);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-fast:.12s;--dur-med:.2s;--dur-slow:.32s;--density:1;--control-h-sm:calc(28px*var(--density));--control-h-md:calc(36px*var(--density));--control-h-lg:calc(44px*var(--density));--row-h:calc(48px*var(--density));--sidebar-w:248px;--sidebar-w-collapsed:64px;--topbar-h:56px;--content-max:1200px}[data-theme=dark]{--bg:var(--neutral-950);--bg-raised:var(--neutral-900);--bg-sunken:oklch(8% .008 var(--brand-h));--bg-subtle:var(--neutral-900);--bg-inverse:var(--neutral-0);--surface:var(--neutral-900);--surface-hover:oklch(19% .012 var(--brand-h));--surface-active:var(--neutral-800);--border:oklch(25% .014 var(--brand-h));--border-strong:oklch(32% .016 var(--brand-h));--border-subtle:oklch(20% .012 var(--brand-h));--text:oklch(96% .008 var(--brand-h));--text-muted:oklch(70% .012 var(--brand-h));--text-subtle:oklch(55% .012 var(--brand-h));--text-inverse:var(--neutral-900);--primary:var(--teal-400);--primary-hover:var(--teal-300);--primary-active:var(--teal-500);--primary-subtle:oklch(22% .04 var(--brand-h));--primary-muted:oklch(28% .05 var(--brand-h));--primary-border:oklch(35% .06 var(--brand-h));--on-primary:var(--neutral-950);--input-bg:oklch(19% .012 var(--paper-h));--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #00000059,0 1px 3px #00000040;--shadow-md:0 2px 4px #0000004d,0 6px 14px #00000059;--shadow-lg:0 4px 6px #0000004d,0 16px 32px #00000073;--shadow-xl:0 8px 10px #00000059,0 24px 48px #00000080}[data-density=compact]{--density:.85}[data-density=cozy]{--density:1}[data-density=spacious]{--density:1.15}[data-radius=sharp]{--r-scale:.4}[data-radius=md]{--r-scale:1}[data-radius=soft]{--r-scale:1.6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-med)var(--ease-out),color var(--dur-med)var(--ease-out)}::selection{background:var(--primary-muted);color:var(--text)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--r-sm);outline:none}