web: respect reduced motion & transparency preferences

also cleaned up settings & device libs

web/src/components/settings/SettingsCategory.svelte

@@ -35,6 +35,10 @@
         animation: highlight 2s;
     }
 
+    :global(.reduce-motion) .settings-content.animate {
+        animation: highlight-lite 2s !important;
+    }
+
     @keyframes highlight {
         0% {
             box-shadow: none;
@@ -50,6 +54,18 @@
         }
     }
 
+    @keyframes highlight-lite {
+        0% {
+            box-shadow: none;
+        }
+        10%, 50% {
+            box-shadow: 0 0 0 3px var(--blue) inset;
+        }
+        100% {
+            box-shadow: none;
+        }
+    }
+
     @media screen and (max-width: 750px) {
         .settings-content {
             padding: var(--padding);