:root{--white:#ffffff;--black:#000000;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success-500:#22c55e;--success-600:#16a34a;--warning-500:#f59e0b;--warning-600:#d97706;--error-500:#ef4444;--error-600:#dc2626;--info-500:#3b82f6;--info-600:#2563eb;--font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:'Fira Code','Consolas',monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);--text-sm:clamp(0.8125rem, 0.775rem + 0.1875vw, 0.875rem);--text-base:clamp(0.9375rem, 0.9rem + 0.1875vw, 1rem);--text-lg:clamp(1.0625rem, 1rem + 0.3125vw, 1.125rem);--text-xl:clamp(1.1875rem, 1.1rem + 0.4375vw, 1.25rem);--text-2xl:clamp(1.4375rem, 1.3rem + 0.6875vw, 1.5rem);--text-3xl:clamp(1.75rem, 1.55rem + 1vw, 1.875rem);--text-4xl:clamp(2.125rem, 1.85rem + 1.375vw, 2.25rem);--text-5xl:clamp(2.75rem, 2.3rem + 2.25vw, 3rem);--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--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);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-max:1200px;--container-padding:var(--space-4)}:root,[data-theme=light]{--color-bg:var(--white);--color-bg-secondary:var(--gray-50);--color-bg-tertiary:var(--gray-100);--color-bg-elevated:var(--white);--color-text:var(--gray-900);--color-text-secondary:var(--gray-600);--color-text-tertiary:var(--gray-500);--color-text-inverse:var(--white);--color-border:var(--gray-200);--color-border-strong:var(--gray-300);--color-primary:var(--primary-600);--color-primary-hover:var(--primary-700);--color-primary-light:var(--primary-50);--color-success:var(--success-600);--color-warning:var(--warning-600);--color-error:var(--error-600);--color-info:var(--info-600);--shadow-card:var(--shadow-md);color-scheme:light}[data-theme=dark]{--color-bg:var(--gray-950);--color-bg-secondary:var(--gray-900);--color-bg-tertiary:var(--gray-800);--color-bg-elevated:var(--gray-900);--color-text:var(--gray-50);--color-text-secondary:var(--gray-400);--color-text-tertiary:var(--gray-500);--color-text-inverse:var(--gray-900);--color-border:var(--gray-800);--color-border-strong:var(--gray-700);--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-light:var(--primary-900);--shadow-card:0 4px 6px -1px rgb(0 0 0 / 0.3),0 2px 4px -2px rgb(0 0 0 / 0.3);color-scheme:dark}@media (prefers-color-scheme:dark){[data-theme=system]{--color-bg:var(--gray-950);--color-bg-secondary:var(--gray-900);--color-bg-tertiary:var(--gray-800);--color-bg-elevated:var(--gray-900);--color-text:var(--gray-50);--color-text-secondary:var(--gray-400);--color-text-tertiary:var(--gray-500);--color-text-inverse:var(--gray-900);--color-border:var(--gray-800);--color-border-strong:var(--gray-700);--color-primary:var(--primary-400);--color-primary-hover:var(--primary-300);--color-primary-light:var(--primary-900);--shadow-card:0 4px 6px -1px rgb(0 0 0 / 0.3),0 2px 4px -2px rgb(0 0 0 / 0.3);color-scheme:dark}}@media (min-width:640px){:root{--container-padding:var(--space-6)}}@media (min-width:1024px){:root{--container-padding:var(--space-8)}}