Cline rules

1# Technology Stack
2 
3This project is built with the following technologies:
4 
5## Core Framework
6- **Vite 6.3+**: Fast build tool and development server
7- **React 19.0+**: UI library for building component-based interfaces
8 
9## Styling
10- **Tailwind CSS 4.1+**: Utility-first CSS framework
11  - Using `@tailwindcss/vite` plugin for Vite integration
12  - Using `@tailwindcss/postcss` for PostCSS integration
13 
14## Language
15- **TypeScript 5.7+**: Typed JavaScript for better developer experience and code quality
16 
17## Development Tools
18- **ESLint 9.22+**: For code linting
19- **Bun**: Package manager and runtime
20 
21## Visualization Libraries
22- **@visx/visx**: For data visualization components
23- **mathjax-react**: For rendering mathematical equations
24 
25## Project Structure
26- Standard Vite + React project structure
27- Component-based architecture
28- Context API for state management (see `src/context/VelocityContext.tsx`)
29 
30## Build Process
31- TypeScript compilation
32- Vite bundling
33- PostCSS processing with Tailwind
34 
35## Development Workflow
36- Use `bunx vite dev` to start the development server
37- Use `bunx vite build` to create a production build
38- Use `bunx vite preview` to preview the production build locally
39