Now I'll build a clean, refreshing water intake tracker with a calming blue theme. I'll update the globals.css with a fresh water-inspired color palette and create the components.
Now let me create the water tracker component and the main page:
Your water intake tracker is ready! It features a clean, calming blue-themed design with:
- Visual progress ring showing your daily hydration percentage
- Glass counter bars that fill up as you log each glass
- Simple controls - tap the plus button to add a glass, minus to remove, and reset to start over
- Daily goal tracking - targets 8 glasses (2L) per day
- Persistence - your progress saves locally and resets each day
- Mobile-optimized - 44px+ touch targets and a centered, card-based layout
The app tracks your water intake in 250ml glasses and provides encouraging feedback as you work toward your daily goal.