fix(ui): random logo on refresh and cleaner logo CSS

app.py

@@ -143,9 +143,10 @@ custom_css = """
 }
 .logo-circle img {
     border-radius: 50% !important;
-    box-shadow: 0 0 35px rgba(255, 215, 0, 0.8) !important;
-    border: 5px solid #FFD700 !important;
+    box-shadow: 0 8px 32px rgba(255, 215, 0, 0.4) !important;
+    border: 4px solid #FFD700 !important;
     object-fit: cover !important;
+    image-rendering: high-quality !important;
 }
 /* Tab Styling */
 .tabs button.selected {
@@ -224,9 +225,14 @@ with demo_with_voice:
         next_index = (current_index + 1) % 3
         return logo_paths[next_index], next_index
     
-    # Set up automatic rotation on load
+    # Function to get random logo on load
+    def get_random_logo():
+        import random
+        return random.choice(logo_paths), 0
+
+    # Set up automatic rotation on load (pick random)
     demo_with_voice.load(
-        fn=lambda: (logo_paths[0], 0),
+        fn=get_random_logo,
         outputs=[rotating_logo, logo_index_state]
     )