The Share button on /mirror is unclickable below ~700px and below the fold in short windows. Measured with elementFromPoint on Chromium: 320x568 stage 288x180 button 187px past the stage bottom hit=H2 390x844 stage 358x224 button 113px past hit=LABEL 480x800 stage 448x280 button 36px past hit=#share-link 900x480 stage 868x543 inside the stage, below the viewport hit=null Root cause: .stage is display:grid with place-items:center, so <video>, .placeholder and .livetag occupy three stacked rows rather than one overlay cell. An idle <video> is intrinsically 300x150, so the placeholder always starts at stage.top + 151 and runs out of the overflow:hidden box; aspect-ratio 16/10 with no min/max height then clips it when narrow and overshoots the viewport when short. #stop measures clickable everywhere (the placeholder is hidden when live), so the fix is scoped to the idle stage. Phase: one-cell stage, floor + ceiling + scroll escape, a 12-viewport clickability sweep (idle and live), and stylesheet guards. LLM-Generated: true
Pending phases
Intentionally empty at the prototype stage. The prototype was built and verified
first; the candidate phase list is §7 of .agents/PLAN.md.
Add phases here with the phase-authoring skill — one directory per phase:
NN_phase_name/
├── 00_phase.md # intent, scope, out-of-scope, acceptance, verification
└── NN_task.md # independently runnable tasks
Every phase must leave the four gates in AGENTS.md §4 green on its own.