From 81f26789877edcea6567ea0df99e011a45be043a Mon Sep 17 00:00:00 2001
From: Lucas Berger <me@lucasberger.ca>
Date: Wed, 10 Jun 2026 11:23:01 -0400
Subject: [PATCH] fix(06-04): add global pulse keyframe and drop redundant spin
 redefinition

- Add @keyframes pulse (0%,100% opacity:1; 50% opacity:0.4) to tokens.css after @keyframes spin
- Remove redundant local <style> block redefining @keyframes spin from PushPermissionPrompt.tsx
- LiveSyncIndicator reconnecting dot now resolves its pulse animation from the global stylesheet
- PushPermissionPrompt spinner continues to work via the existing global spin keyframe
---
 apps/pwa/src/components/PushPermissionPrompt.tsx | 7 -------
 apps/pwa/src/styles/tokens.css                   | 9 +++++++++
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/pwa/src/components/PushPermissionPrompt.tsx b/apps/pwa/src/components/PushPermissionPrompt.tsx
index d721859..9c578e3 100644
--- a/apps/pwa/src/components/PushPermissionPrompt.tsx
+++ b/apps/pwa/src/components/PushPermissionPrompt.tsx
@@ -354,13 +354,6 @@ export function PushPermissionPrompt({ onClose }: PushPermissionPromptProps) {
         </div>
       </div>
 
-      {/* Spin animation for loader */}
-      <style>{`
-        @keyframes spin {
-          from { transform: rotate(0deg); }
-          to { transform: rotate(360deg); }
-        }
-      `}</style>
     </div>
   )
 }
diff --git a/apps/pwa/src/styles/tokens.css b/apps/pwa/src/styles/tokens.css
index b48fd6f..137ecba 100644
--- a/apps/pwa/src/styles/tokens.css
+++ b/apps/pwa/src/styles/tokens.css
@@ -145,3 +145,12 @@
     transform: rotate(360deg);
   }
 }
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}