# QA RC53 – Profile mobile polish

Output package: `next_v96_rc53_profile_mobile_polish.zip`

## Scope
Built on RC52 and focused on the profile page after real iPhone screenshots.

### Changes made
- Fixed profile background: `profile-screen-bg` is now positioned as an absolute/faded background layer instead of consuming layout height.
- Profile title/content now starts directly below the topbar; the oversized empty hero gap is removed.
- Tightened mobile topbar height and safe-area spacing.
- Tightened active-profile card on mobile:
  - smaller avatar/edit badge,
  - smaller chips,
  - shorter primary edit button,
  - `Byt profil` and `Ny profil` share a compact row.
- Tightened active-program card spacing while keeping its information hierarchy.
- Made `Mål & fokus` and `Utrustning` more compact on mobile.
- Profile overview now summarizes long equipment selections with `+N till` after the first four selected items.
- Cache-bumped `preview.html` CSS/JS refs to `96rc53`.

## Data/logic notes
- Profile remains owner of base user choices: age group, sport, level, goal, focus areas, equipment, avatar preset.
- Calendar/progress remains master for completed/upcoming pass status.
- Program remains the template/source structure; profile only stores the active program pointer/status context.
- Custom uploaded profile images are still intentionally not included; preset avatars remain the MVP path.

## Automated checks
- `node --check assets/js/app.js` ✅
- `node --check assets/js/data.js` ✅
- `node --check assets/js/shell.js` ✅
- `php -l ota_youtube_proxy.php` ✅
- HTML/CSS asset reference check ✅
- Zip integrity test ✅

## Screenshot QA
A live Chromium/Playwright screenshot was attempted but Playwright is not installed/available in this sandbox. Screenshots were produced with the working project fallback path:

`static QA fixture → WeasyPrint PDF → pdftoppm PNG`

Generated screenshots:
- `qa_screenshots/rc53_profile_overview_mobile_390x844.png`
- `qa_screenshots/rc53_profile_edit_mobile_390x844.png`
- `qa_screenshots/rc53_profile_overview_ipad_820x1180.png`
- `qa_screenshots/rc53_profile_overview_desktop_1440x1024.png`

## Visual QA assessment
- Mobile profile no longer starts under a large empty hero image.
- Topbar and profile title have a much tighter relationship.
- Active profile and active program cards fit the first viewport more cleanly.
- Profile overview is still information-rich, but much less tall/heavy than RC52.
- Data & Backup and Inställningar remain unchanged structurally.

## Known limitations
- Fallback screenshots are static fixtures for visual QA, not live-browser DOM captures.
- User devices with existing local profile data may still show all selected equipment; RC53 summarizes long selections with `+N till` on the overview.