:root{--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-accent:#7c3aed;--color-danger:#dc2626;--color-border:#e5e7eb;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--radius:6px;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-heading:1.5rem}:root,[data-theme=light]{--color-bg:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-accent:#7c3aed;--color-danger:#dc2626;--color-border:#e5e7eb}[data-theme=dark]{--color-bg:#111827;--color-surface:#1f2937;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-accent:#a78bfa;--color-danger:#f87171;--color-border:#374151}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:var(--text-md);line-height:1.5}button{cursor:pointer;font:inherit}h1,h2,h3,h4{line-height:1.2}.flex{display:flex}.column{flex-direction:column;display:flex}.center{justify-content:center;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}