*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f8f8;--surface: #ffffff;--surface-2: #f3f4f6;--bg-subtle: #f3f4f6;--bg-drag-over: #eff6ff;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #dc2626;--danger-hover: #b91c1c;--success: #10b981;--warning: #f59e0b;--ai-accent: #a855f7;--ring: color-mix(in oklab, var(--accent) 50%, transparent);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2.5rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.5rem;--radius-sm: 6px;--radius: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--motion-fast: 80ms;--motion-base: .16s;--motion-slow: .24s;--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06)}html{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text)}body{min-height:100dvh}