Nothing in the app acknowledged a click. Every control had a hover state and then went straight from hovered to done, so the one moment the user is certain they did something passed without being drawn at all.

Two scales rather than one. Four percent of a full-width row is several pixels at each edge and reads as the row jumping; the same four percent on a 28-pixel toolbar cell is one pixel, which is exactly right. Scale is a proportion, so only the width tells us which case we are in, and `data-press="wide"` marks it — on all six row-shaped controls: two reveal buttons, the history toggle, a slash-menu command, a quoted passage, and a decision pointing into the plan.

The transition sits at zero specificity so any `transition` utility on the element wins instead. That meant moving fourteen sites off `transition-colors`, which covers the colours and pointedly not `scale`, onto the bare `transition` utility that covers both. Buttons carrying no transition of their own fall back to the theme's rather than snapping.

Disabled controls are excluded: a press that animates and then does nothing says the opposite of what disabled is trying to say. The whole of it sits behind `prefers-reduced-motion`.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---

### Stack

Merge bottom-up. Each PR targets the one below it, so every diff reads in isolation; GitHub retargets the child automatically as each parent merges.

1. #9  — Emit all theme tokens, fix callout colours, load Inter  ←  `main` 2. #10 — Add two-stop shadow scale tokens 3. #11 — Add radius tokens and replace bare rounded classes 4. #12 — Add type scale tokens, replace arbitrary font sizes 5. #13 — Add easing and duration tokens, set transition defaults 6. #15 — Add one focus-visible outline rule for all controls 7. #16 — Scale buttons down on press 8. #17 — Add tabular-nums to figures and balance plan headings 9. #18 — Shorten empty states and composer status copy 10. #19 — Add entrance animation for newly arrived items

Plan: `docs/superpowers/plans/2026-08-04-design-token-foundation.md`