---
id: TASK-131
title: PWA — camera feed + shell
status: Done
assignee: []
created_date: '2026-03-29 20:51'
labels:
  - pwa
  - frontend
milestone: m-2
dependencies: []
priority: high
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Write index.html (three views: setup/guide/complete), main.css (dark workshop theme, mobile-first), and camera.js (rear camera getUserMedia wrapper).
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [ ] #1 Three-view HTML shell with hidden attr toggling
- [ ] #2 Dark theme with amber/green accents, 48px+ touch targets
- [ ] #3 Camera feed fills viewport with environment-facing preference
- [ ] #4 Graceful fallback for desktop webcams
<!-- AC:END -->

## Final Summary

<!-- SECTION:FINAL_SUMMARY:BEGIN -->
index.html (183 lines), main.css (732 lines dark workshop theme), camera.js (environment-facing, desktop fallback).
<!-- SECTION:FINAL_SUMMARY:END -->