Add cursor-tracking card glare and accent-linked background blobs

- Subtle radial glare follows cursor over card/template-card elements
  using a single document-level mousemove listener (event delegation)
- Ambient background blob colors now derive from the selected accent
  color with hue-shifted variants
- Glare intensity kept very subtle (3.5% dark / 12% light theme)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

server/src/wled_controller/static/css/base.css

@@ -136,17 +136,7 @@ body.modal-open {
     animation: blobC 22s ease-in-out infinite alternate;
 }
 
-[data-theme="dark"] {
-    --bg-anim-a: rgba(76, 175, 80, 0.10);
-    --bg-anim-b: rgba(33, 150, 243, 0.08);
-    --bg-anim-c: rgba(156, 39, 176, 0.07);
-}
-
-[data-theme="light"] {
-    --bg-anim-a: rgba(76, 175, 80, 0.10);
-    --bg-anim-b: rgba(33, 150, 243, 0.08);
-    --bg-anim-c: rgba(156, 39, 176, 0.07);
-}
+/* Blob colors derived from accent via JS (--bg-anim-a/b/c set in index.html) */
 
 @keyframes blobA {
     0%   { transform: translate(0, 0) scale(1); }

server/src/wled_controller/static/css/cards.css

@@ -56,6 +56,7 @@ section {
     border-radius: 8px;
     padding: 12px 20px 20px;
     position: relative;
+    overflow: hidden;
     transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
     display: flex;
     flex-direction: column;
@@ -66,6 +67,38 @@ section {
     transform: translateY(-2px);
 }
 
+/* ── Card glare effect ── */
+.card-glare::after,
+.template-card.card-glare::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    pointer-events: none;
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    background: radial-gradient(
+        circle 200px at var(--glare-x, 50%) var(--glare-y, 50%),
+        rgba(255, 255, 255, 0.035) 0%,
+        transparent 70%
+    );
+    z-index: 1;
+}
+
+.card-glare::after,
+.template-card.card-glare::after {
+    opacity: 1;
+}
+
+[data-theme="light"] .card-glare::after,
+[data-theme="light"] .template-card.card-glare::after {
+    background: radial-gradient(
+        circle 200px at var(--glare-x, 50%) var(--glare-y, 50%),
+        rgba(255, 255, 255, 0.12) 0%,
+        transparent 70%
+    );
+}
+
 /* ── Card entrance animation ── */
 @keyframes cardEnter {
     from { opacity: 0; transform: translateY(12px); }

server/src/wled_controller/static/css/streams.css

@@ -13,6 +13,7 @@
     border: 1px solid var(--border-color);
     border-radius: 8px;
     padding: 16px;
+    overflow: hidden;
     transition: box-shadow 0.2s ease, transform 0.2s ease;
     display: flex;
     flex-direction: column;