:root{--color-bg: #f9fafb;--color-bg-alt: #f3f4f6;--color-fg: #1f2937;--color-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #2563eb;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--radius-s: 4px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--shadow-1: 0 1px 2px rgba(0,0,0,.06);--shadow-2: 0 4px 12px rgba(0,0,0,.12);--z-1: 10;--z-2: 100;--z-3: 1000;--z-4: 10000;--dur-fast: .12s;--dur-base: .2s;--focus-ring-color: color-mix(in srgb, var(--color-primary) 35%, transparent);--focus-ring: 0 0 0 3px var(--focus-ring-color)}*:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-base: 0ms}*{transition-duration:0ms!important;animation-duration:0ms!important}}