diff --git a/data/artwork/3f776e71-0c9c-44b5-bc9f-a796ec3159ef.jpg b/data/artwork/3f776e71-0c9c-44b5-bc9f-a796ec3159ef.jpg
index ea5e8b1..d58eef9 100644
Binary files a/data/artwork/3f776e71-0c9c-44b5-bc9f-a796ec3159ef.jpg and b/data/artwork/3f776e71-0c9c-44b5-bc9f-a796ec3159ef.jpg differ
diff --git a/frontend/src/components/Player.tsx b/frontend/src/components/Player.tsx
index 3653cf9..e37c367 100644
--- a/frontend/src/components/Player.tsx
+++ b/frontend/src/components/Player.tsx
@@ -167,15 +167,6 @@ export default function Player({ clip, isPlaying, onTogglePlay, onStop, onClose
 
   return (
     <>
-      <style>{`
-        @keyframes marquee-scroll {
-          0% { transform: translateX(0); }
-          100% { transform: translateX(-50%); }
-        }
-        .animate-marquee {
-          animation: marquee-scroll linear infinite;
-        }
-      `}</style>
       <div className="fixed bottom-0 left-0 right-0 bg-lyria-panel border-t border-white/10 px-4 py-3 z-40">
         <div className="max-w-6xl mx-auto flex items-center gap-3">
           {/* Play/Pause */}
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 79e0bb0..a106eea 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -12,7 +12,16 @@ export default {
         'lyria-accent': '#ff6b35',
         'lyria-text': '#e0e0e0',
         'lyria-muted': '#6b6b7b',
-      }
+      },
+      keyframes: {
+        'marquee-scroll': {
+          '0%': { transform: 'translateX(0)' },
+          '100%': { transform: 'translateX(-50%)' },
+        },
+      },
+      animation: {
+        'marquee': 'marquee-scroll linear infinite',
+      },
     },
   },
   plugins: [],