Continuous timeline rail:
- Vertical line runs full length connecting all days
- Colored icon nodes on the rail (tinted circle, not solid)
- Line connects across day boundaries (not just within days)
Day headers:
- Numbered badge on the timeline (Day 1, Day 2...)
- Date as "Tuesday, Jan 20" with expanded font
- Staggered entrance animation per day
Type-specific cards:
- ✈️ Flights: glass material card, route bar (FROM → TO),
flight number capsule badge, transport type icon
- 🏨 Hotels: warm tinted card, night count badge capsule,
location label, check-out info
- 📍 Places: compact card, category capsule badge (red),
time in secondary text
Visual hierarchy:
- Flights/hotels: .regularMaterial background (glass, prominent)
- Places: surfaceCard background (compact, secondary)
- Staggered entrance: cards fade + slide up with delay
Polish:
- Consistent 14pt padding on major cards
- 10pt padding on compact place cards
- Icon colors: blue (transport), warm (lodging), red (places)
- Capsule badges for metadata (nights, category, flight #)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
715175786b