Tailwind UI Patterns Tailwind v4 Setup Component Patterns Button Variants Card Component Input with Label Responsive Patterns Mobile-First Grid Responsive Typography Container Queries Animation Patterns Transitions Keyframe Animations Dark Mode Layout Patterns Sticky Header Sidebar Layout Centered Max-Width Content Best Practices 1. Use design tokens via @theme for consistency 2. Mobile-first - start with mobile, add breakpoints up 3. Compose with cn() - merge classes cleanly 4. Extract components when patterns repeat 3+ times 5. Use semantic colors (brand, surface, error) over raw values 6.…