Phone navigation now feels like one system

The active destination no longer looks like a floating bubble

On phones, the selected section is now a compact rectangular tile anchored to the bottom bar. Its short top marker echoes the left marker in desktop navigation, so both layouts speak the same visual language.

Every control stays put

Switching sections, opening Add or More, and showing a Journal badge never changes the five target positions. The selected color is quieter, the raised shadow is gone, and the app content stays visually in charge.

Clear at every phone size

• Count badges have a dark ring so they remain crisp over selected and unselected sections.
• $ Goal Grid becomes $ Grid only on the narrowest phones instead of being cut off.
• Safe-area padding accounts for landscape notches, and keyboard focus gets a visible gold outline.