Update app.py

app.py

@@ -672,6 +672,52 @@ font-family: var(--terminal-font) !important;
   padding-top: 4px;
   box-shadow: 0 -4px 8px rgba(0,255,65,0.25);
 }
+/* ===== THE “LANET” HORIZONTAL SCROLLBAR → THIN NEON ===== */
+/* Gradio waveform kökleri: bazen #waveform, bazen container scroll üretiyor.
+   O yüzden ikisini de kapsıyoruz. */
+
+.pb-audio #waveform,
+.pb-audio .waveform-container,
+.pb-audio .component-wrapper[data-testid="waveform-Audio"]{
+  scrollbar-color: var(--terminal-glow) rgba(0,255,65,0.10); /* Firefox */
+  scrollbar-width: thin; /* Firefox */
+}
+
+/* WebKit (Chrome/Edge/Safari) */
+.pb-audio #waveform::-webkit-scrollbar,
+.pb-audio .waveform-container::-webkit-scrollbar,
+.pb-audio .component-wrapper[data-testid="waveform-Audio"]::-webkit-scrollbar{
+  height: 4px !important;   /* <— incecik */
+}
+
+/* Track */
+.pb-audio #waveform::-webkit-scrollbar-track,
+.pb-audio .waveform-container::-webkit-scrollbar-track,
+.pb-audio .component-wrapper[data-testid="waveform-Audio"]::-webkit-scrollbar-track{
+  background: rgba(0,255,65,0.10) !important;
+  border: 1px solid rgba(0,255,65,0.25) !important;
+  border-radius: 999px !important;
+  box-shadow: 0 0 10px rgba(0,255,65,0.25) inset !important;
+}
+
+/* Thumb */
+.pb-audio #waveform::-webkit-scrollbar-thumb,
+.pb-audio .waveform-container::-webkit-scrollbar-thumb,
+.pb-audio .component-wrapper[data-testid="waveform-Audio"]::-webkit-scrollbar-thumb{
+  background: linear-gradient(90deg, rgba(0,255,65,0.95), rgba(191,255,0,0.70)) !important;
+  border-radius: 999px !important;
+  box-shadow: 0 0 10px rgba(0,255,65,0.55) !important;
+}
+
+/* Oklar / butonlar (soldaki sağdaki küçük üçgenler) */
+.pb-audio #waveform::-webkit-scrollbar-button,
+.pb-audio .waveform-container::-webkit-scrollbar-button,
+.pb-audio .component-wrapper[data-testid="waveform-Audio"]::-webkit-scrollbar-button{
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+}
+
 </style>
 """