diff --git a/src/styles.css b/src/styles.css
index 267025e..cc05154 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -4359,3 +4359,27 @@ input[type="number"]::-webkit-outer-spin-button {
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.18) 100%);
     pointer-events: none;
 }
+
+/* ============================================
+   REDUCED MOTION — respect OS-level user preference
+   ============================================
+   Users who set "Reduce motion" in their OS accessibility settings
+   (Windows: Settings > Accessibility > Visual Effects > Animation
+   effects; macOS: System Settings > Accessibility > Display > Reduce
+   motion) get animations and transitions effectively disabled.
+
+   Suppresses things like the empty-state-float loop, the btn-icon-spin
+   on Refresh hover, the vod-bulk-bar slide-in, the storyboard fade-in,
+   and the multitude of transition: all 0.2s declarations — anything
+   that involves motion. Critical for users with vestibular disorders
+   and a baseline accessibility expectation in 2025. */
+@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;
+    }
+}