:root{--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary:var(--color-primary-500);--color-primary-dark:var(--color-primary-700);--color-primary-light:var(--color-primary-100);--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#ecfeff;--color-info-100:#cffafe;--color-info-500:#06b6d4;--color-info-600:#0891b2;--color-info-700:#0e7490;--color-bg:var(--color-gray-50);--color-bg-secondary:var(--color-gray-100);--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-text:var(--color-gray-800);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-400);--color-text-inverse:#ffffff;--font-family-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-family-mono:'JetBrains Mono','Fira Code',Consolas,'Liberation Mono',Menlo,monospace;--text-xs:clamp(0.6875rem, 0.65rem + 0.2vw, 0.75rem);--text-sm:clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);--text-base:clamp(0.875rem, 0.8rem + 0.4vw, 1rem);--text-lg:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-xl:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);--text-2xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-3xl:clamp(1.5rem, 1.25rem + 1.25vw, 1.875rem);--text-4xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.25rem);--text-5xl:clamp(2.25rem, 1.75rem + 2.5vw, 3rem);--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-px:1px;--space-0:0;--space-0-5:clamp(0.125rem, 0.1rem + 0.125vw, 0.1875rem);--space-1:clamp(0.25rem, 0.2rem + 0.25vw, 0.375rem);--space-1-5:clamp(0.375rem, 0.3rem + 0.375vw, 0.5rem);--space-2:clamp(0.5rem, 0.4rem + 0.5vw, 0.625rem);--space-2-5:clamp(0.625rem, 0.5rem + 0.625vw, 0.75rem);--space-3:clamp(0.75rem, 0.6rem + 0.75vw, 0.875rem);--space-3-5:clamp(0.875rem, 0.7rem + 0.875vw, 1rem);--space-4:clamp(1rem, 0.8rem + 1vw, 1.25rem);--space-5:clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--space-6:clamp(1.5rem, 1.2rem + 1.5vw, 1.75rem);--space-7:clamp(1.75rem, 1.4rem + 1.75vw, 2rem);--space-8:clamp(2rem, 1.6rem + 2vw, 2.5rem);--space-9:clamp(2.25rem, 1.8rem + 2.25vw, 2.75rem);--space-10:clamp(2.5rem, 2rem + 2.5vw, 3rem);--space-11:clamp(2.75rem, 2.2rem + 2.75vw, 3.5rem);--space-12:clamp(3rem, 2.4rem + 3vw, 4rem);--space-14:clamp(3.5rem, 2.8rem + 3.5vw, 4.5rem);--space-16:clamp(4rem, 3.2rem + 4vw, 5rem);--space-20:clamp(5rem, 4rem + 5vw, 6rem);--bp-xs:0;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--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);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-none:0 0 #0000;--shadow-primary:0 4px 14px 0 rgb(59 130 246 / 0.3);--shadow-success:0 4px 14px 0 rgb(16 185 129 / 0.3);--shadow-danger:0 4px 14px 0 rgb(239 68 68 / 0.3);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--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);--transition-fast:var(--duration-150) var(--ease-out);--transition-base:var(--duration-200) var(--ease-out);--transition-slow:var(--duration-300) var(--ease-out);--transition-colors:color var(--duration-200) var(--ease-out),background-color var(--duration-200) var(--ease-out),border-color var(--duration-200) var(--ease-out);--z-behind:-1;--z-base:0;--z-docked:10;--z-dropdown:100;--z-sticky:200;--z-banner:300;--z-overlay:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999;--touch-target-min:44px;--touch-target-comfortable:48px;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-full:100%;--container-prose:65ch;--sidebar-width:min(280px, 85vw);--sidebar-width-collapsed:64px;--header-height:var(--touch-target-comfortable);--nav-bottom-height:56px}@media (prefers-color-scheme:dark){:root{--color-bg:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-surface:var(--color-gray-800);--color-surface-elevated:var(--color-gray-700);--color-border:var(--color-gray-700);--color-border-strong:var(--color-gray-600);--color-text:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-text-muted:var(--color-gray-500)}}[data-theme=dark]{--color-bg:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-surface:var(--color-gray-800);--color-surface-elevated:var(--color-gray-700);--color-border:var(--color-gray-700);--color-border-strong:var(--color-gray-600);--color-text:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-text-muted:var(--color-gray-500)}