Update app.py

app.py

@@ -554,37 +554,34 @@ textarea, input, .gr-textbox, .gr-textbox * {
 
 /* === AUDIO PLAYER NEON SCROLL === */
 
-/* Timeline (seek bar) */
-audio::-webkit-media-controls-timeline {
-  height: 4px;
-  background: rgba(0, 255, 65, 0.15);
-  border-radius: 999px;
-  box-shadow: 0 0 6px rgba(0, 255, 65, 0.35);
+.pb-audio audio{
+  filter: hue-rotate(85deg) saturate(1.2) brightness(1.05);
 }
 
-/* Progress */
-audio::-webkit-media-controls-current-time-display,
-audio::-webkit-media-controls-time-remaining-display {
-  color: #9affc0;
-  font-family: 'VT323', monospace;
-  text-shadow: 0 0 4px rgba(0,255,65,0.6);
+/* WebKit timeline */
+.pb-audio audio::-webkit-media-controls-timeline{
+  height:4px;
+  background:rgba(0,255,65,0.15);
+  border-radius:999px;
+  box-shadow:0 0 6px rgba(0,255,65,0.35);
 }
 
-/* Thumb (sürgü topu) */
-audio::-webkit-media-controls-timeline::-webkit-slider-thumb {
-  appearance: none;
-  width: 10px;
-  height: 10px;
-  background: #00ff41;
-  border-radius: 50%;
-  box-shadow:
-    0 0 6px rgba(0,255,65,0.9),
-    0 0 12px rgba(0,255,65,0.6);
+/* time display */
+.pb-audio audio::-webkit-media-controls-current-time-display,
+.pb-audio audio::-webkit-media-controls-time-remaining-display{
+  color:#9affc0;
+  font-family:'VT323', monospace;
+  text-shadow:0 0 4px rgba(0,255,65,0.6);
 }
 
-/* Waveform çizgileri biraz sakin */
-audio {
-  filter: hue-rotate(85deg) saturate(1.2) brightness(1.05);
+/* thumb — NOT: bu selector bazı tarayıcılarda çalışmıyor */
+.pb-audio audio::-webkit-slider-thumb{
+  appearance:none;
+  width:10px;
+  height:10px;
+  background:#00ff41;
+  border-radius:50%;
+  box-shadow:0 0 6px rgba(0,255,65,0.9), 0 0 12px rgba(0,255,65,0.6);
 }
 </style>
 """
@@ -651,6 +648,7 @@ with gr.Blocks(title="PrettyBird – Behavioral Consciousness Engine (BCE)") as
             loop=True,
             interactive=False,
             show_label=False,
+            elem_classes=["pb-audio"]
         )
 
 if __name__ == "__main__":