[nikhil174]

This changes the gold touch ripple from #8 to work more like ColorOS.

Changes

• Anywhere you tap. The ripple now starts wherever the finger lands, including empty space and text, not only buttons, rows and tabs.
• Follows the press.
  • A quick tap leaves a tiny, faint ripple (14px radius).
  • Holding grows it smoothly, up to 64px, for as long as the finger stays down.
  • On release it fades with a little gold dust: 2 specks for a tap, up to 6 for a long press.
• Scroll or drag: moving more than 10px lets the ripple fade, so scrolling doesn't leave ripples behind.
• Buttons, rows and tabs: the ripple stays clipped to the element's shape and follows it while it moves.
• Disabled controls get no ripple.
• Reduced motion: a soft glow that holds while pressed and fades on release.

Verification

• npm test: 646 passed, 0 failed.
• npm run build passes.
• The local Playwright E2E (isolated local D1) passed all 11 steps.
• I took screenshots of a quick tap and a long hold, on empty space and on a button, on a Pixel 7 viewport.
• I checked that no ripple layer is left behind after a tap, a release, or a drag away.

---

Generated by Claude Code