:root{--color-neutral-0:0 0% 100%;--color-neutral-50:240 5% 96%;--color-neutral-100:240 5% 90%;--color-neutral-200:240 5% 80%;--color-neutral-300:240 5% 70%;--color-neutral-400:240 5% 60%;--color-neutral-500:240 5% 50%;--color-neutral-600:240 10% 40%;--color-neutral-700:240 10% 25%;--color-neutral-800:240 10% 18%;--color-neutral-850:240 10% 15%;--color-neutral-900:240 10% 12%;--color-neutral-925:240 10% 10%;--color-neutral-950:240 10% 8%;--color-neutral-1000:240 10% 4%;--color-purple-400:260 70% 70%;--color-purple-500:260 70% 65%;--color-purple-600:260 70% 55%;--color-purple-700:260 70% 45%;--color-violet-400:280 70% 75%;--color-violet-500:280 70% 70%;--color-blue-400:220 80% 65%;--color-blue-500:220 80% 60%;--color-blue-600:220 80% 50%;--color-blue-gradient:230 80% 65%;--color-red-400:0 70% 60%;--color-red-500:0 70% 55%;--color-red-600:0 70% 45%;--color-green-400:142 70% 50%;--color-green-500:142 70% 45%;--color-green-600:142 70% 35%;--space-0:0;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-toast:60;--surface-base:var(--color-neutral-925);--surface-raised:var(--color-neutral-900);--surface-overlay:var(--color-neutral-850);--surface-sunken:var(--color-neutral-950);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-muted:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-on-emphasis:var(--color-neutral-0);--interactive-primary:var(--color-purple-500);--interactive-primary-hover:var(--color-purple-400);--interactive-primary-gradient-end:var(--color-violet-500);--interactive-accent:var(--color-blue-500);--interactive-accent-hover:var(--color-blue-400);--interactive-accent-gradient-end:var(--color-blue-gradient);--interactive-destructive:var(--color-red-500);--interactive-destructive-hover:var(--color-red-400);--interactive-success:var(--color-green-500);--interactive-success-hover:var(--color-green-400);--border-default:var(--color-neutral-700);--border-muted:var(--color-neutral-800);--border-emphasis:var(--color-neutral-600);--border-interactive:var(--color-blue-500);--focus-ring:var(--color-purple-400);--focus-ring-offset:var(--color-neutral-925);--state-hover-overlay:hsl(var(--color-neutral-0)/0.05);--state-active-overlay:hsl(var(--color-neutral-0)/0.1);--state-selected-overlay:hsl(var(--color-blue-500)/0.15);--state-disabled-opacity:0.5;--spacing-page-x:var(--space-4);--spacing-page-y:var(--space-8);--spacing-section:var(--space-6);--spacing-element:var(--space-4);--spacing-inline:var(--space-2);--text-heading-1:var(--font-size-2xl);--text-heading-2:var(--font-size-xl);--text-heading-3:var(--font-size-lg);--text-body:var(--font-size-base);--text-body-sm:var(--font-size-sm);--text-caption:var(--font-size-xs);--layout-max-width:80rem;--layout-content-max-width:42rem;--header-height:var(--space-14);--header-height-mobile:var(--space-12);--header-padding-x:var(--space-4);--header-padding-y:var(--space-4);--card-padding:var(--space-4);--card-padding-lg:var(--space-6);--card-radius:var(--radius-lg);--card-border-width:1px;--card-header-gap:var(--space-1-5);--button-height-sm:var(--space-9);--button-height-md:var(--space-10);--button-height-lg:var(--space-12);--button-padding-x-sm:var(--space-3);--button-padding-x-md:var(--space-4);--button-padding-x-lg:var(--space-8);--button-radius:var(--radius-full);--button-font-size:var(--font-size-sm);--button-font-weight:var(--font-weight-medium);--button-icon-size:var(--space-4);--button-icon-size-lg:var(--space-5);--button-gap:var(--space-2);--input-height:var(--space-10);--input-height-sm:var(--space-9);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--input-radius:var(--radius-md);--input-border-width:1px;--input-font-size:var(--font-size-sm);--input-background:var(--color-neutral-800);--badge-padding-x:var(--space-2-5);--badge-padding-y:var(--space-0-5);--badge-radius:var(--radius-full);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-medium);--icon-size-sm:var(--space-4);--icon-size-md:var(--space-5);--icon-size-lg:var(--space-6);--icon-size-xl:var(--space-7);--dialog-padding:var(--space-6);--dialog-radius:var(--radius-lg);--dialog-max-width:32rem;--popover-padding:var(--space-4);--popover-radius:var(--radius-md);--tabs-height:var(--space-10);--tabs-padding:var(--space-1);--tabs-radius:var(--radius-md);--tabs-trigger-radius:var(--radius-sm);--tabs-trigger-padding-x:var(--space-3);--tabs-trigger-padding-y:var(--space-1-5);--tooltip-padding-x:var(--space-3);--tooltip-padding-y:var(--space-1-5);--tooltip-radius:var(--radius-md);--tooltip-font-size:var(--font-size-xs);--skeleton-radius:var(--radius-md);--checkbox-size:var(--space-4);--checkbox-radius:var(--radius-sm);--separator-thickness:1px}@media (min-width:40rem){:root{--spacing-page-x:var(--space-6);--spacing-section:var(--space-6)}}@media (min-width:64rem){:root{--spacing-page-y:var(--space-8);--spacing-section:var(--space-8)}}[data-theme=calm]{--color-neutral-0:0 0% 100%;--color-neutral-50:40 30% 97%;--color-neutral-100:40 25% 93%;--color-neutral-200:35 20% 85%;--color-neutral-300:30 15% 70%;--color-neutral-400:25 12% 55%;--color-neutral-500:20 10% 45%;--color-neutral-600:20 10% 35%;--color-neutral-700:20 12% 28%;--color-neutral-800:20 15% 20%;--color-neutral-850:20 15% 16%;--color-neutral-900:20 18% 12%;--color-neutral-925:20 18% 10%;--color-neutral-950:20 20% 7%;--color-neutral-1000:20 20% 4%;--color-orange-400:25 85% 55%;--color-orange-500:22 80% 50%;--color-orange-600:18 75% 42%;--color-orange-700:15 70% 35%;--color-terracotta-400:15 70% 55%;--color-terracotta-500:12 65% 48%;--interactive-primary:var(--color-orange-500);--interactive-primary-hover:var(--color-orange-400);--interactive-primary-gradient-end:var(--color-terracotta-500);--interactive-accent:var(--color-orange-500);--interactive-accent-hover:var(--color-orange-400);--interactive-accent-gradient-end:var(--color-terracotta-500);--focus-ring:var(--color-orange-400)}[data-mode=light]{--surface-base:var(--color-neutral-50);--surface-raised:var(--color-neutral-0);--surface-overlay:var(--color-neutral-0);--surface-sunken:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-500);--text-disabled:var(--color-neutral-400);--text-on-emphasis:var(--color-neutral-0);--border-default:var(--color-neutral-200);--border-muted:var(--color-neutral-100);--border-emphasis:var(--color-neutral-300);--focus-ring-offset:var(--color-neutral-50);--state-hover-overlay:hsl(var(--color-neutral-1000)/0.04);--state-active-overlay:hsl(var(--color-neutral-1000)/0.08);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.03);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.05),0 2px 4px -2px rgb(0 0 0/0.05);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.05),0 4px 6px -4px rgb(0 0 0/0.05);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.05),0 8px 10px -6px rgb(0 0 0/0.05);--input-background:var(--color-neutral-0)}[data-theme=basic][data-mode=light]{--border-interactive:var(--color-purple-500);--state-selected-overlay:hsl(var(--color-purple-500)/0.12)}[data-theme=calm][data-mode=light]{--border-interactive:var(--color-orange-500);--state-selected-overlay:hsl(var(--color-orange-500)/0.12);--focus-ring-offset:var(--color-neutral-50)}[data-theme=calm][data-mode=dark]{--surface-base:var(--color-neutral-925);--surface-raised:var(--color-neutral-900);--surface-overlay:var(--color-neutral-850);--surface-sunken:var(--color-neutral-950);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-muted:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-on-emphasis:var(--color-neutral-0);--border-default:var(--color-neutral-700);--border-muted:var(--color-neutral-800);--border-emphasis:var(--color-neutral-600);--border-interactive:var(--color-orange-500);--focus-ring-offset:var(--color-neutral-925);--state-hover-overlay:hsl(var(--color-neutral-0)/0.05);--state-active-overlay:hsl(var(--color-neutral-0)/0.1);--state-selected-overlay:hsl(var(--color-orange-500)/0.15);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--input-background:var(--color-neutral-800)}[data-theme=blush]{--color-neutral-0:0 0% 100%;--color-neutral-50:0 0% 98%;--color-neutral-100:0 0% 95%;--color-neutral-200:0 0% 90%;--color-neutral-300:0 0% 80%;--color-neutral-400:0 0% 65%;--color-neutral-500:0 0% 50%;--color-neutral-600:0 0% 40%;--color-neutral-700:0 0% 30%;--color-neutral-800:0 0% 20%;--color-neutral-850:0 0% 15%;--color-neutral-900:0 0% 12%;--color-neutral-925:0 0% 10%;--color-neutral-950:0 0% 7%;--color-neutral-1000:0 0% 4%;--color-blush-50:345 33% 99%;--color-blush-100:350 53% 97%;--color-blush-200:351 38% 95%;--color-blush-300:348 42% 88%;--color-blush-400:347 45% 82%;--color-blush-500:347 48% 76%;--color-blush-600:347 45% 65%;--interactive-primary:var(--color-neutral-900);--interactive-primary-hover:var(--color-neutral-700);--interactive-primary-gradient-end:var(--color-neutral-900);--interactive-accent:var(--color-neutral-900);--interactive-accent-hover:var(--color-neutral-700);--interactive-accent-gradient-end:var(--color-neutral-900);--focus-ring:var(--color-neutral-700);--radius-sm:0;--radius-md:2px;--radius-lg:2px;--radius-xl:4px;--radius-2xl:4px;--radius-full:2px;--button-radius:2px;--card-radius:2px;--input-radius:2px;--tabs-radius:2px;--tabs-trigger-radius:0;--badge-radius:2px;--popover-radius:2px;--dialog-radius:2px;--tooltip-radius:2px;--checkbox-radius:0}[data-theme=blush][data-mode=light]{--border-interactive:var(--color-neutral-900);--state-selected-overlay:hsl(var(--color-neutral-900)/0.08);--focus-ring-offset:var(--color-blush-100);--surface-base:var(--color-blush-100);--surface-raised:var(--color-neutral-0);--surface-overlay:var(--color-neutral-0);--surface-sunken:var(--color-blush-200)}[data-theme=blush][data-mode=dark]{--surface-base:var(--color-neutral-925);--surface-raised:var(--color-neutral-900);--surface-overlay:var(--color-neutral-850);--surface-sunken:var(--color-neutral-950);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-muted:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-on-emphasis:var(--color-neutral-900);--interactive-primary:var(--color-neutral-50);--interactive-primary-hover:var(--color-neutral-200);--interactive-primary-gradient-end:var(--color-neutral-50);--interactive-accent:var(--color-blush-500);--interactive-accent-hover:var(--color-blush-400);--interactive-accent-gradient-end:var(--color-blush-600);--focus-ring:var(--color-neutral-300);--border-default:var(--color-neutral-700);--border-muted:var(--color-neutral-800);--border-emphasis:var(--color-neutral-600);--icon-accent:var(--color-blush-500);--border-interactive:var(--color-neutral-50);--focus-ring-offset:var(--color-neutral-925);--state-hover-overlay:hsl(var(--color-neutral-0)/0.05);--state-active-overlay:hsl(var(--color-neutral-0)/0.1);--state-selected-overlay:hsl(var(--color-neutral-0)/0.12);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--input-background:var(--color-neutral-800)}[data-theme=midnight]{--color-neutral-0:0 0% 100%;--color-neutral-50:210 10% 96%;--color-neutral-100:210 10% 90%;--color-neutral-200:210 8% 80%;--color-neutral-300:210 6% 65%;--color-neutral-400:210 5% 50%;--color-neutral-500:210 4% 40%;--color-neutral-600:210 4% 28%;--color-neutral-700:210 5% 18%;--color-neutral-800:210 6% 10%;--color-neutral-850:210 6% 7%;--color-neutral-900:0 0% 4%;--color-neutral-925:0 0% 2%;--color-neutral-950:0 0% 0%;--color-neutral-1000:0 0% 0%;--color-cyan-400:185 85% 55%;--color-cyan-500:188 90% 45%;--color-cyan-600:190 85% 38%;--color-cyan-700:192 80% 30%;--color-electric-400:200 90% 55%;--color-electric-500:205 85% 50%;--interactive-primary:var(--color-cyan-500);--interactive-primary-hover:var(--color-cyan-400);--interactive-primary-gradient-end:var(--color-electric-500);--interactive-accent:var(--color-cyan-500);--interactive-accent-hover:var(--color-cyan-400);--interactive-accent-gradient-end:var(--color-electric-500);--focus-ring:var(--color-cyan-400);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:32px;--radius-full:16px;--button-radius:16px;--card-radius:32px;--input-radius:12px;--tabs-radius:16px;--tabs-trigger-radius:12px;--badge-radius:8px;--popover-radius:24px;--dialog-radius:32px;--tooltip-radius:12px;--checkbox-radius:6px}[data-theme=midnight][data-mode=light]{--border-interactive:var(--color-cyan-600);--state-selected-overlay:hsl(var(--color-cyan-500)/0.12);--focus-ring-offset:var(--color-neutral-50)}[data-theme=midnight][data-mode=dark]{--surface-base:var(--color-neutral-925);--surface-raised:var(--color-neutral-900);--surface-overlay:var(--color-neutral-850);--surface-sunken:var(--color-neutral-950);--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-400);--text-muted:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-on-emphasis:var(--color-neutral-950);--border-default:var(--color-neutral-700);--border-muted:var(--color-neutral-800);--border-emphasis:var(--color-neutral-600);--border-interactive:var(--color-cyan-500);--focus-ring-offset:var(--color-neutral-925);--state-hover-overlay:hsl(var(--color-neutral-0)/0.05);--state-active-overlay:hsl(var(--color-neutral-0)/0.1);--state-selected-overlay:hsl(var(--color-cyan-500)/0.18);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.15),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.15),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.15),0 8px 10px -6px rgb(0 0 0/0.1);--input-background:var(--color-neutral-800)}