Development Notes for AI Agents

This file contains important context and instructions for AI agents working on this codebase.

Styling Guidelines

**IMPORTANT**: Always edit Stylus source files (`.styl`) instead of CSS files.

• **Edit**: Files in `styles/` with `.styl` extension
• **DO NOT EDIT**: `styles/index.css` - this file is auto-generated from Stylus sources

The CSS file is compiled from the Stylus sources and will be overwritten. Any changes made directly to CSS files will be lost.

Stylus File Structure

• `styles/index.styl` - Main entry point
• `styles/components/` - Component-specific styles
• `styles/variables.styl` - Color and size variables
• `styles/util.styl` - Utility classes
• `styles/base.styl` - Base styles

Other Development Notes

Add any other important context for AI agents here...