xRangerDEandClaude Opus 4.7
7dd6755392
The app had no @media (prefers-reduced-motion: reduce) rule, meaning users with the OS-level "Reduce motion" setting enabled still got the full animation set: the empty-state floating SVG (4s infinite), the btn-icon-spin on Refresh hover, the vod-bulk-bar slide-in, the storyboard fade-in, and the ~6 transition: all declarations scattered across button hover states. For users with vestibular disorders this is real discomfort, not aesthetic preference. Windows 11 and macOS both expose the setting via Settings > Accessibility, and the media query is the standard way to honour it from CSS. Added the conventional reduce-motion block at the bottom of styles.css: - animation-duration: 0.01ms (effectively instant) - animation-iteration-count: 1 (kills infinite loops) - transition-duration: 0.01ms (state changes are immediate) - scroll-behavior: auto (kills smooth-scroll) All hover/state changes still happen — they just snap rather than animate. No feature is lost. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>