fix css

app.py

@@ -96,7 +96,8 @@ details[open] summary::before { content: "✅ "; }
 LOADING_HTML = """
 <div style="display: flex; justify-content: center; align-items: center; height: 100px; width: 100%; flex-direction: column;">
     <div style="border: 4px solid #374151; border-top: 4px solid #3b82f6; border-radius: 50%; width: 30px; height: 30px; animation: spin 1s linear infinite;"></div>
-    <p style="margin-top: 10px; color: #9ca3af; font-size: 0.9em;">{}</p> </div>
+    <p style="margin-top: 10px; color: #9ca3af; font-size: 0.9em;">__LOADING_TEXT__</p> 
+</div>
 <style>@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }</style>
 """
 
@@ -180,8 +181,8 @@ def update_ui_labels(new_lang):
     ]
 
 def search_logic(query, max_res, lang_pref):
-    loading_html_dynamic = LOADING_HTML.format(L("search_loading_message", lang_pref))
-    yield gr.update(visible=True), gr.update(visible=False)
+    loading_html_dynamic = LOADING_HTML.replace("__LOADING_TEXT__", L("search_loading_message", lang_pref))
+    yield gr.update(loading_html_dynamic, visible=True), gr.update(visible=False)
     if not query:
         yield gr.update(visible=False), L("error_no_query", lang_pref)
         return
@@ -196,8 +197,8 @@ def search_logic(query, max_res, lang_pref):
         yield gr.update(visible=False), f"Errore: {e}"
 
 def find_logic(title):
-    loading_html_dynamic = LOADING_HTML.format(L("search_loading_message", "en"))
-    yield gr.update(visible=True), gr.update(visible=False), [], gr.update(visible=False)
+    loading_html_dynamic = LOADING_HTML.replace("__LOADING_TEXT__", L("search_loading_message", "en"))
+    yield gr.update(loading_html_dynamic, visible=True), gr.update(visible=False), [], gr.update(visible=False)
     conn = get_turso_conn()
     rows = conn.execute(f"SELECT id, title, author, year FROM books WHERE title LIKE '%{title}%' LIMIT 10").fetchall()
     conn.close()
@@ -223,7 +224,7 @@ def clean_tab1(): return gr.update(value=""), gr.update(value="", visible=False)
 def clean_tab2(): return gr.update(value=""), gr.update(visible=False), gr.update(value="", visible=False)
 
 # --- UI ---
-with gr.Blocks(theme=gr.themes.Ocean(), css=GLOBAL_CSS, js=JS_FORCE_DARK) as demo:
+with gr.Blocks(theme=gr.themes.Ocean()) as demo:
     app_title_md = gr.Markdown(f"# {L('app_title')}")    
     books_state = gr.State([])
 
@@ -241,7 +242,7 @@ with gr.Blocks(theme=gr.themes.Ocean(), css=GLOBAL_CSS, js=JS_FORCE_DARK) as dem
             with gr.Row():
                 txt_tit = gr.Textbox(placeholder=L("title_search_placeholder"), show_label=False, scale=4)
                 btn_find = gr.Button(L("title_search_button"), scale=1)
-            loader_list = gr.HTML(value=LOADING_HTML.format(L("search_loading_message")), visible=False)
+            loader_list = gr.HTML(value=LOADING_HTML.replace("__LOADING_TEXT__", L("search_loading_message")), visible=False)
             
             # --- CORREZIONE TABELLA QUI SOTTO ---
             dataset = gr.Dataset(
@@ -253,7 +254,7 @@ with gr.Blocks(theme=gr.themes.Ocean(), css=GLOBAL_CSS, js=JS_FORCE_DARK) as dem
                 type="index" 
             )
 
-    loader = gr.HTML(value=LOADING_HTML.format(L("search_loading_message")), visible=False)
+    loader = gr.HTML(value=LOADING_HTML.replace("__LOADING_TEXT__", L("search_loading_message")), visible=False)
     results = gr.HTML(label=L("results_label"), visible=True)
 
     # EVENTI
@@ -285,4 +286,4 @@ with gr.Blocks(theme=gr.themes.Ocean(), css=GLOBAL_CSS, js=JS_FORCE_DARK) as dem
     t1.select(clean_tab2, None, [txt_tit, dataset, results])
     t2.select(clean_tab1, None, [txt_in, results])
 
-demo.launch()
+demo.launch(css=GLOBAL_CSS, js=JS_FORCE_DARK)