From 2ee824b02b35a39b5ed89b5e74b2230fdaf008e4 Mon Sep 17 00:00:00 2001
From: "Aaron D. Lee" <aaron.daniel.lee@mgial.com>
Date: Wed, 7 Jan 2026 19:39:24 -0500
Subject: [PATCH] Label shine: use mix-blend-mode overlay to mask to text

---
 frontends/web/static/style.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontends/web/static/style.css b/frontends/web/static/style.css
index cd99f79..a42aa1f 100644
--- a/frontends/web/static/style.css
+++ b/frontends/web/static/style.css
@@ -130,23 +130,27 @@
     content: '';
     position: absolute;
     top: 0;
-    left: -30%;
-    width: 25%;
+    left: 0;
+    width: 100%;
     height: 45%;
     background: linear-gradient(
         90deg,
         transparent 0%,
-        rgba(255, 255, 255, 0.25) 50%,
+        rgba(255, 255, 255, 0.6) 50%,
         transparent 100%
     );
+    background-size: 25% 100%;
+    background-repeat: no-repeat;
+    background-position: -30% 0;
+    mix-blend-mode: overlay;
     animation: top-shine 4s ease-in-out infinite;
     pointer-events: none;
 }
 
 @keyframes top-shine {
-    0%, 15% { left: -30%; }
-    40%, 60% { left: 105%; }
-    85%, 100% { left: -30%; }
+    0%, 15% { background-position: -30% 0; }
+    40%, 60% { background-position: 130% 0; }
+    85%, 100% { background-position: -30% 0; }
 }
 
 /* ----------------------------------------------------------------------------