feat: aggressive reduced-motion handling

Disables animations and transitions for users who prefer reduced motion:
- animation-duration: 0.01ms
- animation-iteration-count: 1
- transition-duration: 0.01ms
- scroll-behavior: auto

Uses 0.01ms instead of 0ms so animationend/transitionend events still
fire and JS doesn't break.

Aligned with Andy Bell's approach.

Author: swernerx

docs/css-reset-comparison.md

@@ -70,8 +70,8 @@ This table summarizes all relevant CSS reset recommendations from various source
 | `:focus-visible` styling | ❌ | [Keith Grant][4] | [MDN: :focus-visible](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible) |
 | **Reduced Motion** ||||
 | `@media (prefers-reduced-motion: reduce) { scroll-behavior: auto }` | ✅ | [Jake Lazaroff][5], [Andy Bell][2] | [MDN: prefers-reduced-motion](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) |
-| `@media (prefers-reduced-motion: reduce) { animation-duration: 0.01ms }` | ❌ | [Andy Bell][2], [Elly Loel][13] | |
-| `@media (prefers-reduced-motion: reduce) { transition-duration: 0.01ms }` | ❌ | [Andy Bell][2], [Elly Loel][13] | |
+| `@media (prefers-reduced-motion: reduce) { animation-duration: 0.01ms }` | ✅ | [Andy Bell][2], [Elly Loel][13] | |
+| `@media (prefers-reduced-motion: reduce) { transition-duration: 0.01ms }` | ✅ | [Andy Bell][2], [Elly Loel][13] | |
 | `@media (prefers-reduced-motion: no-preference) { scroll-behavior: smooth }` | ❌ | [Andy Bell][2], [Jake Lazaroff][5] | [MDN: scroll-behavior](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior) |
 | **Color Scheme** ||||
 | `html { color-scheme: light dark }` | ✅ | [Pawel Grzybek][8], [Keith Grant][4], [Modern Normalize][16] | [MDN: color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) · [CSS Color Adjustment Spec](https://drafts.csswg.org/css-color-adjust/#color-scheme-prop) |

src/fixes.css

@@ -97,29 +97,32 @@
   }
 
   /**
-   * UFX-020, UFX-021: Respect user preference for reduced motion.
+   * UFX-020: Respect user preference for reduced motion.
    *
-   * Affected browsers: All browsers that support prefers-reduced-motion
-   * Description: Users with vestibular motion disorders or motion sensitivity
-   * can indicate they prefer reduced motion. This ensures smooth scrolling
-   * is disabled for these users.
+   * Users with vestibular motion disorders or motion sensitivity can indicate
+   * they prefer reduced motion. This aggressively disables animations and
+   * transitions for these users.
+   *
+   * Why 0.01ms instead of 0ms?
+   * Ensures `animationend` and `transitionend` events still fire, so JS
+   * that depends on these events doesn't break.
    *
    * References:
    * - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
    * - https://www.smashingmagazine.com/2021/10/respecting-users-motion-preferences/
    * - https://web.dev/prefers-reduced-motion/
    *
    * Aligned with:
-   * - Josh Comeau – @media (prefers-reduced-motion: reduce) handling
-   * - Andy Bell (Piccalilli) – more aggressive (animation/transition-duration: 0.01ms)
-   * - Jake Lazaroff – scroll-behavior: auto
-   *
-   * UFX-022: Additional reductions (animation-duration, transition-duration)
-   * are intentionally omitted in v1 to avoid breaking intentional animations.
-   * Implementers should handle these in their own stylesheets as needed.
+   * - Andy Bell (Piccalilli) – animation/transition-duration: 0.01ms
+   * - Josh Comeau – scroll-behavior handling
    */
   @media (prefers-reduced-motion: reduce) {
-    * {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
       scroll-behavior: auto !important;
     }
   }