:root{--animation-duration-fast: .15s;--animation-duration-base: .2s;--animation-duration-slow: .3s;--animation-duration-slower: .5s;--animation-easing-linear: linear;--animation-easing-ease: ease;--animation-easing-ease-in: ease-in;--animation-easing-ease-out: ease-out;--animation-easing-ease-in-out: ease-in-out;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #facc15;--color-yellow-500: #eab308;--color-yellow-600: #ca8a04;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-cyan-50: #ecfeff;--color-cyan-100: #cffafe;--color-cyan-200: #a5f3fc;--color-cyan-300: #67e8f9;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--ha-color-primary-50: #eff6ff;--ha-color-primary-100: #dbeafe;--ha-color-primary-200: #bfdbfe;--ha-color-primary-300: #93c5fd;--ha-color-primary-400: #60a5fa;--ha-color-primary-500: #3b82f6;--ha-color-primary-600: #2563eb;--ha-color-primary-700: #1d4ed8;--ha-color-primary-800: #1e40af;--ha-color-primary-900: #1e3a8a;--ha-color-secondary-50: #fafafa;--ha-color-secondary-100: #f5f5f5;--ha-color-secondary-200: #e5e5e5;--ha-color-secondary-300: #d4d4d4;--ha-color-secondary-400: #a3a3a3;--ha-color-secondary-500: #737373;--ha-color-secondary-600: #525252;--ha-color-secondary-700: #404040;--ha-color-secondary-800: #262626;--ha-color-secondary-900: #171717;--ha-color-success-50: #f0fdf4;--ha-color-success-100: #dcfce7;--ha-color-success-200: #bbf7d0;--ha-color-success-300: #86efac;--ha-color-success-400: #4ade80;--ha-color-success-500: #22c55e;--ha-color-success-600: #16a34a;--ha-color-success-700: #15803d;--ha-color-success-800: #166534;--ha-color-success-900: #14532d;--ha-color-warning-50: #fefce8;--ha-color-warning-100: #fef9c3;--ha-color-warning-200: #fef08a;--ha-color-warning-300: #fde047;--ha-color-warning-400: #facc15;--ha-color-warning-500: #eab308;--ha-color-warning-600: #ca8a04;--ha-color-warning-700: #a16207;--ha-color-warning-800: #854d0e;--ha-color-warning-900: #713f12;--ha-color-error-50: #fef2f2;--ha-color-error-100: #fee2e2;--ha-color-error-200: #fecaca;--ha-color-error-300: #fca5a5;--ha-color-error-400: #f87171;--ha-color-error-500: #ef4444;--ha-color-error-600: #dc2626;--ha-color-error-700: #b91c1c;--ha-color-error-800: #991b1b;--ha-color-error-900: #7f1d1d;--ha-color-info-50: #ecfeff;--ha-color-info-100: #cffafe;--ha-color-info-200: #a5f3fc;--ha-color-info-300: #67e8f9;--ha-color-info-400: #22d3ee;--ha-color-info-500: #06b6d4;--ha-color-info-600: #0891b2;--ha-color-info-700: #0e7490;--ha-color-info-800: #155e75;--ha-color-info-900: #164e63;--ha-color-neutral-50: #fafafa;--ha-color-neutral-100: #f5f5f5;--ha-color-neutral-200: #e5e5e5;--ha-color-neutral-300: #d4d4d4;--ha-color-neutral-400: #a3a3a3;--ha-color-neutral-500: #737373;--ha-color-neutral-600: #525252;--ha-color-neutral-700: #404040;--ha-color-neutral-800: #262626;--ha-color-neutral-900: #171717;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-none: none;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1-5: .375rem;--spacing-2-5: .625rem;--spacing-3-5: .875rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono: "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .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;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-line-height-none: 1;--font-line-height-tight: 1.25;--font-line-height-snug: 1.375;--font-line-height-normal: 1.5;--font-line-height-relaxed: 1.625;--font-line-height-loose: 2;--font-letter-spacing-tighter: -.05em;--font-letter-spacing-tight: -.025em;--font-letter-spacing-normal: 0;--font-letter-spacing-wide: .025em;--font-letter-spacing-wider: .05em;--font-letter-spacing-widest: .1em;--background-primary: var(--theme-background-primary, #ffffff);--background-secondary: var(--theme-background-secondary, #fafafa);--background-tertiary: var(--theme-background-tertiary, #f5f5f5);--background-inverse: var(--theme-background-inverse, #171717);--surface-primary: var(--theme-surface-primary, #ffffff);--surface-secondary: var(--theme-surface-secondary, #fafafa);--surface-tertiary: var(--theme-surface-tertiary, #f5f5f5);--surface-hover: var(--theme-surface-hover, #f5f5f5);--surface-active: var(--theme-surface-active, #e5e5e5);--text-primary: var(--theme-text-primary, #171717);--text-secondary: var(--theme-text-secondary, #525252);--text-tertiary: var(--theme-text-tertiary, #737373);--text-disabled: var(--theme-text-disabled, #a3a3a3);--text-inverse: var(--theme-text-inverse, #ffffff);--border-primary: var(--theme-border-primary, #d4d4d4);--border-secondary: var(--theme-border-secondary, #e5e5e5);--border-focus: var(--theme-border-focus, #3b82f6);--border-error: var(--theme-border-error, #ef4444);--border-default: var(--theme-border-default, #e5e5e5);--border-subtle: var(--theme-border-subtle, #f5f5f5);--border-strong: var(--theme-border-strong, #d4d4d4);--foreground-primary: var(--theme-foreground-primary, #171717);--foreground-secondary: var(--theme-foreground-secondary, #525252);--foreground-tertiary: var(--theme-foreground-tertiary, #a3a3a3);--foreground-inverse: var(--theme-foreground-inverse, #ffffff);--primary-default: var(--theme-primary-default, #3b82f6);--primary-hover: var(--theme-primary-hover, #2563eb);--primary-active: var(--theme-primary-active, #1d4ed8);--primary-subtle: var(--theme-primary-subtle, #eff6ff);--secondary-default: var(--theme-secondary-default, #a855f7);--secondary-hover: var(--theme-secondary-hover, #9333ea);--secondary-active: var(--theme-secondary-active, #7e22ce);--secondary-subtle: var(--theme-secondary-subtle, #faf5ff);--success-default: var(--theme-success-default, #22c55e);--success-hover: var(--theme-success-hover, #16a34a);--success-active: var(--theme-success-active, #15803d);--success-subtle: var(--theme-success-subtle, #f0fdf4);--warning-default: var(--theme-warning-default, #eab308);--warning-hover: var(--theme-warning-hover, #ca8a04);--warning-active: var(--theme-warning-active, #a16207);--warning-subtle: var(--theme-warning-subtle, #fefce8);--error-default: var(--theme-error-default, #ef4444);--error-hover: var(--theme-error-hover, #dc2626);--error-active: var(--theme-error-active, #b91c1c);--error-subtle: var(--theme-error-subtle, #fef2f2);--info-default: var(--theme-info-default, #06b6d4);--info-hover: var(--theme-info-hover, #0891b2);--info-active: var(--theme-info-active, #0e7490);--info-subtle: var(--theme-info-subtle, #ecfeff)}[data-theme=light]{--theme-background-primary: #ffffff;--theme-background-secondary: #fafafa;--theme-background-tertiary: #f5f5f5;--theme-background-inverse: #171717;--theme-surface-primary: #ffffff;--theme-surface-secondary: #fafafa;--theme-surface-tertiary: #f5f5f5;--theme-surface-hover: #f5f5f5;--theme-surface-active: #e5e5e5;--theme-text-primary: #171717;--theme-text-secondary: #525252;--theme-text-tertiary: #737373;--theme-text-disabled: #a3a3a3;--theme-text-inverse: #ffffff;--theme-border-primary: #d4d4d4;--theme-border-secondary: #e5e5e5;--theme-border-focus: #3b82f6;--theme-border-error: #ef4444;--theme-border-default: #e5e5e5;--theme-border-subtle: #f5f5f5;--theme-border-strong: #d4d4d4;--theme-foreground-primary: #171717;--theme-foreground-secondary: #525252;--theme-foreground-tertiary: #a3a3a3;--theme-foreground-inverse: #ffffff;--theme-primary-default: #3b82f6;--theme-primary-hover: #2563eb;--theme-primary-active: #1d4ed8;--theme-primary-subtle: #eff6ff;--theme-secondary-default: #a855f7;--theme-secondary-hover: #9333ea;--theme-secondary-active: #7e22ce;--theme-secondary-subtle: #faf5ff;--theme-success-default: #22c55e;--theme-success-hover: #16a34a;--theme-success-active: #15803d;--theme-success-subtle: #f0fdf4;--theme-warning-default: #eab308;--theme-warning-hover: #ca8a04;--theme-warning-active: #a16207;--theme-warning-subtle: #fefce8;--theme-error-default: #ef4444;--theme-error-hover: #dc2626;--theme-error-active: #b91c1c;--theme-error-subtle: #fef2f2;--theme-info-default: #06b6d4;--theme-info-hover: #0891b2;--theme-info-active: #0e7490;--theme-info-subtle: #ecfeff}[data-theme=dark]{--theme-background-primary: #171717;--theme-background-secondary: #262626;--theme-background-tertiary: #404040;--theme-background-inverse: #ffffff;--theme-surface-primary: #262626;--theme-surface-secondary: #404040;--theme-surface-tertiary: #525252;--theme-surface-hover: #404040;--theme-surface-active: #525252;--theme-text-primary: #fafafa;--theme-text-secondary: #d4d4d4;--theme-text-tertiary: #a3a3a3;--theme-text-disabled: #525252;--theme-text-inverse: #171717;--theme-border-primary: #404040;--theme-border-secondary: #525252;--theme-border-focus: #3b82f6;--theme-border-error: #ef4444;--theme-border-default: #404040;--theme-border-subtle: #262626;--theme-border-strong: #525252;--theme-foreground-primary: #fafafa;--theme-foreground-secondary: #a3a3a3;--theme-foreground-tertiary: #737373;--theme-foreground-inverse: #171717;--theme-primary-default: #3b82f6;--theme-primary-hover: #60a5fa;--theme-primary-active: #93c5fd;--theme-primary-subtle: #1e3a8a;--theme-secondary-default: #a855f7;--theme-secondary-hover: #c084fc;--theme-secondary-active: #d8b4fe;--theme-secondary-subtle: #581c87;--theme-success-default: #22c55e;--theme-success-hover: #4ade80;--theme-success-active: #86efac;--theme-success-subtle: #14532d;--theme-warning-default: #eab308;--theme-warning-hover: #facc15;--theme-warning-active: #fde047;--theme-warning-subtle: #713f12;--theme-error-default: #ef4444;--theme-error-hover: #f87171;--theme-error-active: #fca5a5;--theme-error-subtle: #7f1d1d;--theme-info-default: #06b6d4;--theme-info-hover: #22d3ee;--theme-info-active: #67e8f9;--theme-info-subtle: #164e63}