This is a complete aesthetic overhaul - from dark mode to a warm cream Japanese stationery design. Let me read all existing files to understand the current state.

Now I have a complete picture of the codebase. The aesthetic direction requires a total overhaul from dark mode to warm cream Japanese stationery. Let me update everything systematically.

Now update the habit store with new colors:

Now rewrite the HabitCircle with the warm cream aesthetic (white circle + colored thick ring for incomplete, solid fill + white ring for complete):

Now rewrite the home screen with the large overall progress ring and warm theme:

Rewrite the progress bar as a thick, segmented colored bar:

Now rewrite the records screen with horizontal heatmap strips (GitHub contribution style):

Now rewrite the add habit screen with warm theme:

Rewrite the tab bar with warm tones:

Rewrite the settings screen:

Now rewrite the main page with warm frame styling and streak calculation:

The entire app has been overhauled from a dark-mode aesthetic to a warm cream (#FAF7F2) Japanese stationery design called "つづける". Key changes include: habit circles now use a white fill with thick colored ring border when incomplete and solid color fill with white ring border when complete (Streaks-style), the home screen features a centered SVG overall-progress ring with percentage, the records screen uses horizontal heatmap strips (GitHub contribution style) per habit, and all backgrounds, borders, and text colors follow the warm terracotta palette. The phone frame, notch, tab bar, and all interactive elements have been restyled to feel like a premium Japanese notebook app.