[tschnorpfeil]

Summary

• Start page first screen (≥768px wide, ≥640px high): the hero is centred vertically, "How it works" sits at the bottom edge, and a quiet arrow scrolls on to "What it can and cannot do" (focus moves to that heading; no smooth scrolling with reduced motion). Tighter spacing for laptop heights so the arrow stays visible at 1366×768. Phones keep the plain flow.
• Sidebar toggle on the desktop: a plain sidebar icon at the right end of the top bar shows and hides the list of changes (before: only from the View menu). Tablets keep the "List" button for the sheet.
• Current change in blue: the current paragraph, its list card and its overview marker use the selection blue instead of a grey fill.
• Reviewed changes look done instead of faded: accepted wording reads as plain text with a green edge (removed words stay quietly struck through on the old side); rejected paragraphs get a solid neutral edge and the ✗ in the text colour. Only colours change, nothing moves.
• Faster start: PDF.js and Mammoth (~1 MB of JavaScript) are embedded as non-executed text and started on the first PDF or Word import instead of on every page load (~70 ms on a fast laptop, several times that on a phone). Still one self-contained, offline file.

Test plan

• python3 scripts/build.py and node scripts/check.mjs (new check: both libraries embedded as non-executed text)
• Start page at 1366×768, 1440×900, 1920×1080; arrow click scrolls and focuses
• Sidebar icon: hide and show at 1440; both columns stay equal width; tablet still uses the sheet
• Accepted / rejected / current change in dark and light mode
• PDF (left) and DOCX (right) imported in the browser: libraries not running before, started on first use, comparison correct, original-format source kept
• Real phone / Safari

🤖 Generated with Claude Code