docs(11-02): complete step animation and scroll-to-error plan

- Create 11-02-SUMMARY.md documenting POLISH-03 and POLISH-04 completion
- Update STATE.md: phase 11 complete, 100% progress, new decisions added
- Update ROADMAP.md: phase 11 plan progress (2/2 complete)
- Update REQUIREMENTS.md: mark POLISH-03 and POLISH-04 complete

.planning/STATE.md

@@ -3,15 +3,15 @@ gsd_state_version: 1.0
 milestone: v1.2
 milestone_name: UI Polish & Clarity
 status: completed
-stopped_at: Completed 11-01-PLAN.md
-last_updated: "2026-04-01T11:26:15.869Z"
-last_activity: 2026-04-01 — Phase 11 plan 01 complete (POLISH-01, POLISH-02 satisfied)
+stopped_at: Completed 11-02-PLAN.md
+last_updated: "2026-04-01T11:32:08.129Z"
+last_activity: 2026-04-01 — Phase 11 plan 02 complete (POLISH-03, POLISH-04 satisfied)
 progress:
   total_phases: 4
-  completed_phases: 3
+  completed_phases: 4
   total_plans: 12
-  completed_plans: 11
-  percent: 98
+  completed_plans: 12
+  percent: 100
 ---
 
 # Project State
@@ -25,12 +25,12 @@ See: .planning/PROJECT.md (updated 2026-03-31)
 
 ## Current Position
 
-Phase: 11 of 11 (Polish & Responsiveness) — In Progress
-Plan: 11-01 (complete)
-Status: Phase 11 in progress, plan 11-01 complete (POLISH-01, POLISH-02 satisfied)
-Last activity: 2026-04-01 — Phase 11 plan 01 complete (POLISH-01, POLISH-02 satisfied)
+Phase: 11 of 11 (Polish & Responsiveness) — Complete
+Plan: 11-02 (complete)
+Status: Phase 11 complete — all plans done (POLISH-01, POLISH-02, POLISH-03, POLISH-04 satisfied)
+Last activity: 2026-04-01 — Phase 11 plan 02 complete (POLISH-03, POLISH-04 satisfied)
 
-Progress: [██████████] 98% (v1.2)
+Progress: [██████████] 100% (v1.2)
 
 ## Accumulated Context
 
@@ -67,6 +67,8 @@ Recent decisions affecting current work:
 - [Phase 11-polish-responsiveness]: ring-inset on ThemeToggle focus ring because overflow-hidden on container clips outset rings
 - [Phase 11-polish-responsiveness]: No ring-offset-2 on BackendCard to avoid dark mode surface color issues
 - [Phase 11-polish-responsiveness]: FieldRenderer select uses focus-visible:ring-2 (not focus:ring-2) for keyboard-only ring on selects
+- [Phase 11-polish-responsiveness]: CSS-only reduced-motion guard via @media (prefers-reduced-motion: reduce) — no JS listener needed
+- [Phase 11-polish-responsiveness]: key={state.currentStep} on step wrapper forces React remount triggering CSS animation from initial state
 
 ### Pending Todos
 
@@ -78,6 +80,6 @@ None yet.
 
 ## Session Continuity
 
-Last session: 2026-04-01T11:26:10.100Z
-Stopped at: Completed 11-01-PLAN.md
+Last session: 2026-04-01T11:32:08.126Z
+Stopped at: Completed 11-02-PLAN.md
 Resume file: None