Title: Habit Constellation App
Prompt: A stargazing habit tracker where every habit is a star and streaks draw constellations. Build a three-pane observatory with habit cards, a clickable night-sky canvas, and nightly stats. It should feel precise and celestial, turning discipline into quiet astronomy.
Design: A navy observatory splits into habit rail, central star canvas, and stats rail; gold, ice, rose, and mint stars pulse on a twinkling field with constellation lines between them. Cards carry week-dot strips, the header tracks total light, and tabs switch week, month, and year views without page reloads.
Visual techniques:
- Interactive canvas star map with radial glows and constellation lines
- Twinkling background starfield with sinusoidal opacity
- Color-coded habit system with week-dot indicators
- Dashed selection ring and stat-tile dashboard
- Rise-in card animation with reduced-motion fallback
Interaction model: Users add habits, select cards to focus constellations, click stars to toggle tonight's completion, switch time views, complete all or shuffle the sky, and watch done counts, glow percentage, best day, and detail stories update live.