Update app.py

app.py

@@ -178,9 +178,6 @@ button.selected::after{
     z-index: 999;
     flex-direction: column;
 }
-#popup-overlay.show {
-    display: flex !important;
-}
 #popup-box {
     background: white;
     padding: 20px;
@@ -276,9 +273,9 @@ with demo:
         )
 
     ###############################
-    # Popup HTML (initially hidden)
-    popup_html = gr.HTML("""
-    <div id="popup-overlay">
+    # Popup HTML
+    gr.HTML("""
+    <div id="popup-overlay" style="display: none;">
         <div id="popup-box">
             <h3>ℹ️ Notice</h3>
             <p>Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.<br>
@@ -287,9 +284,9 @@ with demo:
             <button id="popup-button">OK</button>
         </div>
     </div>
-    """, elem_id="popup-overlay")
+    """)
 
-    # JavaScript to show/hide popup
+    # Inline JavaScript to show on load, hide on click
     gr.HTML("""
     <script>
     window.addEventListener('DOMContentLoaded', function () {
@@ -297,12 +294,12 @@ with demo:
         const button = document.getElementById("popup-button");
 
         if (popup) {
-            popup.classList.add("show"); // Show popup on load
+            popup.style.display = "flex"; // Show popup explicitly
         }
 
         if (button) {
             button.onclick = () => {
-                popup.classList.remove("show"); // Hide popup on click
+                popup.style.display = "none"; // Hide popup on button click
             };
         }
     });