:root{color-scheme:dark light;--grey-50:#f7f7f8;--grey-100:#fbfbfb;--grey-150:#f2f2f5;--grey-200:#ededf1;--grey-300:#d7d8e0;--grey-400:#a4a6b7;--grey-500:#6e7189;--grey-600:#48495c;--grey-700:#3e3e4e;--grey-800:#262631;--grey-900:#13131a;--grey-950:#0e0e11;--grey-999:#000000;--violet-50:#efeeff;--violet-100:#e2e0ff;--violet-200:#cac7fe;--violet-300:#aaa5fc;--violet-400:#8881f8;--violet-500:#6b63f1;--violet-600:#4f46e5;--violet-700:#4038ca;--violet-800:#3730a3;--violet-900:#332e81;--violet-950:#1e1b4b;--blue-50:#f0f6fe;--blue-100:#ddeafc;--blue-200:#c3dcfa;--blue-300:#9ac6f6;--blue-400:#6aa8f0;--blue-500:#4787ea;--blue-600:#326ade;--blue-700:#2956cc;--blue-800:#2848a9;--blue-900:#253e83;--blue-950:#1b2850;--orange-50:#fffceb;--orange-100:#fff6c6;--orange-200:#ffeb88;--orange-300:#ffdc49;--orange-400:#ffc920;--orange-500:#faad14;--orange-600:#dd7f02;--orange-700:#b75a06;--orange-800:#95440b;--orange-900:#7a380d;--orange-950:#461d02;--red-50:#fdf3f3;--red-100:#fce4e4;--red-200:#facece;--red-300:#f5acac;--red-400:#ed7c7c;--red-500:#e15252;--red-600:#cd3535;--red-700:#a92828;--red-800:#8f2525;--red-900:#772525;--red-950:#400f0f;--green-50:#f1fcf3;--green-100:#defae6;--green-200:#bff3ce;--green-300:#8de8a8;--green-400:#53d57a;--green-500:#28a94f;--green-600:#1f9a44;--green-700:#1c7939;--green-800:#1b6030;--green-900:#184f2a;--green-950:#082b14;--teal-50:#f3faf8;--teal-100:#afe0d8;--teal-200:#7fc9bf;--teal-300:#54ada4;--teal-400:#3f948f;--teal-500:#3b918a;--teal-600:#2d7470;--teal-700:#275e5a;--teal-800:#21403f;--teal-900:#0e2525;--teal-950:#0e2525;--space-0:0;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-section:var(--space-16);--space-component:var(--space-6);--space-element:var(--space-4);--space-inline:var(--space-2);--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--text-size-display:var(--font-size-4xl);--text-size-heading:var(--font-size-2xl);--text-size-subheading:var(--font-size-lg);--text-size-body:var(--font-size-base);--text-size-caption:var(--font-size-sm);--text-size-label:var(--font-size-xs);--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-radius-none:0;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-base:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--focus-ring-width:2px;--focus-ring-width-input:1px;--focus-ring-offset:2px;--state-disabled-opacity:var(--opacity-25);--hover-opacity:0.8;--active-scale:0.95;--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.5);--shadow-base:0 4px 6px hsl(var(--shadow-color)/0.4);--shadow-lg:0 10px 15px hsl(var(--shadow-color)/0.3);--shadow-xl:0 20px 25px hsl(var(--shadow-color)/0.25);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--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);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-duration-fast:100ms;--animation-duration-base:200ms;--animation-duration-slow:500ms;--animation-duration-slower:750ms;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-width-sm:var(--breakpoint-sm);--container-width-md:var(--breakpoint-md);--container-width-lg:var(--breakpoint-lg);--container-width-xl:var(--breakpoint-xl);--container-width-2xl:var(--breakpoint-2xl);--grid-columns:12;--size-3xs:10px;--size-2xs:12px;--size-xs:16px;--size-sm:20px;--size-md:24px;--size-lg:32px;--size-xl:40px;--size-2xl:48px;--size-3xl:56px;--size-4xl:64px;--opacity-0:0;--opacity-10:0.1;--opacity-25:0.25;--opacity-50:0.5;--opacity-75:0.75;--opacity-90:0.9;--opacity-100:1;--shadow-color:0 0% 0%;--chart-color-1:var(--teal-500);--chart-color-2:var(--blue-500);--chart-color-3:var(--violet-500);--chart-color-4:var(--orange-500);--chart-color-5:var(--green-500);--chart-color-6:var(--red-500);--chart-color-7:var(--teal-400);--chart-color-8:var(--blue-400);--chart-color-9:var(--violet-400);--chart-color-10:var(--orange-400);--chart-color-11:var(--green-400);--chart-color-12:var(--red-400);--chart-color-13:var(--teal-600);--chart-color-14:var(--blue-600);--chart-color-15:var(--violet-600);--chart-color-16:var(--orange-600);--chart-color-17:var(--green-600);--chart-color-18:var(--red-600);--chart-color-19:var(--teal-700);--chart-color-20:var(--blue-700);--chart-color-21:var(--violet-700);--chart-color-22:var(--orange-700);--chart-color-23:var(--green-700);--chart-color-24:var(--red-700);--chart-color-25:var(--teal-300);--chart-color-26:var(--blue-300);--chart-color-27:var(--violet-300);--chart-color-28:var(--orange-300);--chart-color-29:var(--green-300);--chart-color-30:var(--red-300);--chart-color-31:var(--teal-800);--chart-color-32:var(--orange-800);--button-radius:var(--border-radius-base);--button-padding-inline:var(--space-4);--button-padding-block:var(--space-2);--button-font-weight:var(--font-weight-medium);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--input-border-radius:var(--border-radius-base);--card-padding:var(--space-6);--card-border-radius:var(--border-radius-lg)}:root,[data-theme=light]{color-scheme:light;--focus-ring-color:var(--color-border-focus);--color-primary:var(--teal-400);--color-primary-hover:var(--teal-700);--color-primary-light:var(--teal-100);--color-accent:var(--orange-500);--color-accent-primary:var(--color-primary);--color-success:var(--green-600);--color-success-light:var(--green-100);--color-warning:var(--orange-600);--color-warning-light:var(--orange-100);--color-danger:var(--red-600);--color-danger-hover:var(--red-700);--color-danger-light:var(--red-100);--color-info:var(--blue-600);--color-info-light:var(--blue-100);--color-bg-canvas:var(--grey-50);--color-bg-primary:var(--grey-100);--color-bg-secondary:var(--grey-200);--color-bg-tertiary:var(--grey-300);--color-bg-elevated:var(--grey-50);--color-bg-input:var(--grey-50);--color-bg-hover:var(--grey-200);--color-bg-pressed:var(--grey-200);--color-bg-overlay:rgba(0,0,0,0.5);--color-bg-backdrop:rgba(0,0,0,0.3);--color-bg-modal-overlay:rgba(0,0,0,0.45);--color-bg-danger:var(--red-50);--color-bg-warning:var(--orange-50);--color-bg-success:var(--green-50);--color-bg-info:var(--blue-50);--color-bg-active:var(--grey-150);--color-bg-selected:var(--color-primary-light);--color-bg-highlight:var(--teal-100);--color-bg-pulse:var(--color-primary-light);--color-bg-primary-accent:var(--teal-50);--color-text-primary:var(--grey-900);--color-text-secondary:var(--grey-500);--color-text-tertiary:var(--grey-600);--color-text-disabled:var(--grey-300);--color-text-inverse:var(--grey-50);--color-text-placeholder:var(--grey-300);--color-text-link:var(--teal-600);--color-text-link-hover:var(--teal-700);--color-text-danger:var(--red-600);--color-text-warning:var(--orange-600);--color-text-success:var(--green-600);--color-text-info:var(--blue-600);--color-border-primary:var(--grey-300);--color-border-secondary:var(--grey-200);--color-border-focus:var(--teal-400);--color-border-danger:var(--red-600);--color-border-hover:var(--grey-400);--color-border-active:var(--color-primary);--color-border-selected:var(--color-primary);--color-border-editing:var(--color-primary);--color-border-success:var(--green-600);--color-border-warning:var(--orange-600);--color-border-info:var(--blue-600);--color-icon-primary:var(--grey-700);--color-icon-secondary:var(--grey-500);--color-icon-disabled:var(--grey-300);--color-neutral:var(--grey-500);--button-primary-text:var(--color-text-inverse);--button-secondary-bg:transparent;--button-secondary-text:var(--color-text-primary);--button-secondary-border:var(--color-border-primary);--button-danger-fg:var(--color-text-inverse);--button-primary-bg:var(--teal-400);--button-primary-bg-hover:var(--teal-600);--button-primary-bg-clicked:var(--teal-600);--button-secondary-bg-hover:var(--grey-150);--button-secondary-bg-clicked:var(--grey-300);--button-danger-bg:var(--red-600);--button-danger-bg-hover:var(--red-700);--button-danger-bg-clicked:var(--red-800);--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.1);--shadow-base:0 4px 6px hsl(var(--shadow-color)/0.1);--shadow-lg:0 10px 15px hsl(var(--shadow-color)/0.1);--shadow-xl:0 20px 25px hsl(var(--shadow-color)/0.1)}[data-theme=dark]{color-scheme:dark;--focus-ring-color:var(--color-border-focus);--color-primary:var(--teal-400);--color-primary-hover:var(--teal-700);--color-primary-light:var(--teal-600);--color-accent:var(--orange-500);--color-accent-primary:var(--color-primary);--color-success:var(--green-600);--color-success-light:var(--green-100);--color-warning:var(--orange-600);--color-warning-light:var(--orange-100);--color-danger:var(--red-600);--color-danger-hover:var(--red-700);--color-danger-light:var(--red-100);--color-info:var(--blue-600);--color-info-light:var(--blue-100);--color-bg-canvas:var(--grey-950);--color-bg-primary:var(--grey-900);--color-bg-secondary:var(--grey-900);--color-bg-tertiary:var(--grey-800);--color-bg-elevated:var(--grey-800);--color-bg-input:var(--grey-800);--color-bg-hover:var(--grey-800);--color-bg-pressed:var(--grey-700);--color-bg-overlay:rgba(0,0,0,0.8);--color-bg-backdrop:rgba(0,0,0,0.6);--color-bg-modal-overlay:rgba(0,0,0,0.75);--color-bg-danger:var(--grey-800);--color-bg-warning:var(--grey-800);--color-bg-success:var(--green-500);--color-bg-info:var(--blue-500);--color-bg-active:var(--grey-700);--color-bg-selected:var(--color-primary-light);--color-bg-highlight:var(--teal-800);--color-bg-pulse:var(--color-primary-light);--color-bg-primary-accent:var(--teal-800);--color-text-primary:var(--grey-50);--color-text-secondary:var(--grey-400);--color-text-tertiary:var(--grey-500);--color-text-disabled:var(--grey-700);--color-text-inverse:var(--grey-900);--color-text-placeholder:var(--grey-600);--color-text-link:var(--teal-400);--color-text-link-hover:var(--teal-300);--color-text-danger:var(--red-500);--color-text-warning:var(--orange-500);--color-text-success:var(--green-500);--color-text-info:var(--blue-500);--color-border-primary:var(--grey-600);--color-border-secondary:var(--grey-700);--color-border-focus:var(--teal-600);--color-border-danger:var(--red-600);--color-border-hover:var(--grey-500);--color-border-active:var(--color-primary);--color-border-selected:var(--color-primary);--color-border-editing:var(--color-primary);--color-border-success:var(--green-600);--color-border-warning:var(--orange-600);--color-border-info:var(--blue-600);--color-icon-primary:var(--grey-300);--color-icon-secondary:var(--grey-500);--color-icon-disabled:var(--grey-700);--color-neutral:var(--grey-700);--button-primary-text:var(--grey-50);--button-secondary-bg:transparent;--button-secondary-text:var(--color-text-primary);--button-secondary-border:var(--color-border-primary);--button-danger-fg:var(--grey-200);--button-primary-bg:var(--teal-600);--button-primary-bg-hover:var(--teal-700);--button-primary-bg-clicked:var(--teal-800);--button-secondary-bg-hover:var(--grey-700);--button-secondary-bg-clicked:var(--grey-600);--button-danger-bg:var(--red-600);--button-danger-bg-hover:var(--red-700);--button-danger-bg-clicked:var(--red-800);--shadow-sm:0 1px 2px hsl(var(--shadow-color)/0.5);--shadow-base:0 4px 6px hsl(var(--shadow-color)/0.4);--shadow-lg:0 10px 15px hsl(var(--shadow-color)/0.3);--shadow-xl:0 20px 25px hsl(var(--shadow-color)/0.25)}.button{padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);border-radius:var(--button-radius);font-size:var(--font-size-base);font-weight:var(--button-font-weight);border:var(--border-width-thin) solid transparent;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.button:active{transform:scale(var(--active-scale))}.button:disabled{opacity:var(--state-disabled-opacity);pointer-events:none}.buttonPrimary{background:var(--button-primary-bg);color:var(--button-primary-text)}.buttonPrimary:hover{background:var(--button-primary-bg-hover)}.buttonPrimary:active{background:var(--button-primary-bg-clicked)}.buttonSecondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.buttonSecondary:hover{background:var(--button-secondary-bg-hover)}.buttonSecondary:active{background:var(--button-secondary-bg-clicked)}.buttonDanger{background:var(--button-danger-bg);color:var(--button-danger-fg)}.buttonDanger:hover{background:var(--button-danger-bg-hover)}.buttonDanger:active{background:var(--button-danger-bg-clicked)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}