Cline rules

1# Styling
2 
3- Use the shadcn/ui library unless the user specifies otherwise.
4- Use builtin Tailwind CSS variable based colors like `bg-primary` or `text-primary-foreground`.
5- You MUST generate responsive designs.
6- For dark mode, you MUST set the `dark` class on an element. Dark mode will NOT be applied automatically, so use JavaScript to toggle the class if necessary.
7- Be sure that text is legible in dark mode by using the Tailwind CSS color classes.
8- Always test minimal CSS changes before adding complex styles
9- Make small, targeted changes and test their impact before adding more complexity
10- Avoid adding unnecessary CSS rules without verifying they're actually needed
11- Use browser developer tools to understand existing styles before making changes
12- Leverage existing CSS frameworks (like Tailwind) before writing custom CSS
13