From 9abfbc736197212e65201f9f9a9080838cc4ac70 Mon Sep 17 00:00:00 2001
From: Kunal <dev@snapcast.local>
Date: Sun, 31 May 2026 12:52:52 +0530
Subject: [PATCH] fix(a11y): add prefers-reduced-motion guard to panel
 animations (#8)

---
 src/panel/styles/panel.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/panel/styles/panel.css b/src/panel/styles/panel.css
index 94df76a..70c97e2 100644
--- a/src/panel/styles/panel.css
+++ b/src/panel/styles/panel.css
@@ -894,6 +894,33 @@ body {
   50% { opacity: 0.4; }
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .scan-indicator {
+    animation: none;
+  }
+
+  .spinner {
+    animation: none;
+    border-top-color: var(--accent-blue);
+  }
+
+  .mini-spinner {
+    animation: none;
+  }
+
+  .saving-indicator {
+    animation: none;
+  }
+
+  .btn-spinner {
+    animation: none;
+  }
+
+  .loading-text {
+    animation: none;
+  }
+}
+
 .scan-legend {
   display: flex;
   gap: 4px;