Update app.py

app.py

@@ -10,9 +10,7 @@ import logging
 
 logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(threadName)s - %(message)s')
 
-# --- دریافت کلید API از متغیرهای محیطی ---
 GOOGLE_API_KEY = os.environ.get('GOOGLE_API_KEY')
-
 model = None
 if GOOGLE_API_KEY:
     try:
@@ -25,14 +23,13 @@ if GOOGLE_API_KEY:
 else:
     logging.warning("هشدار: کلید API گوگل (GOOGLE_API_KEY) تنظیم نشده است. قابلیت ترجمه غیرفعال خواهد بود.") 
 
-# --- دیکشنری کامل‌تر صداهای انگلیسی ---
-# !!! توجه: این لیست باید با خروجی `edge-tts --list-voices` در محیط اجرایی شما بررسی و به‌روز شود.
 language_dict_persian_keys = {
     'انگلیسی (آمریکا) - جنی (زن)': 'en-US-JennyNeural', 'انگلیسی (آمریکا) - گای (مرد)': 'en-US-GuyNeural',
     'انگلیسی (آمریکا) - آنا (زن، صدای کودک)': 'en-US-AnaNeural', 'انگلیسی (آمریکا) - آریا (زن)': 'en-US-AriaNeural',
     'انگلیسی (آمریکا) - کریستوفر (مرد)': 'en-US-ChristopherNeural', 'انگلیسی (آمریکا) - اریک (مرد)': 'en-US-EricNeural',
     'انگلیسی (آمریکا) - میشل (زن)': 'en-US-MichelleNeural', 'انگلیسی (آمریکا) - راجر (مرد)': 'en-US-RogerNeural',
-    'انگلیسی (آمریکا) - استفانی (زن)': 'en-US-SteffanNeural', 'انگلیسی (آمریکا) - جیسون (مرد)': 'en-US-JasonNeural',
+    # 'انگلیسی (آمریکا) - استفانی (زن)': 'en-US-SteffanNeural', # ممکن است منسوخ شده باشد
+    'انگلیسی (آمریکا) - جیسون (مرد)': 'en-US-JasonNeural',
     'انگلیسی (آمریکا) - براندون (مرد)': 'en-US-BrandonNeural', 'انگلیسی (آمریکا) - الیزابت (زن)': 'en-US-ElizabethNeural',
     'انگلیسی (آمریکا) - دیویس (مرد، جدید)': 'en-US-DavisNeural', 'انگلیسی (آمریکا) - جین (زن، جدید)': 'en-US-JaneNeural',
     'انگلیسی (آمریکا) - نانسی (زن، جدید)': 'en-US-NancyNeural', 'انگلیسی (آمریکا) - سارا (زن، جدید)': 'en-US-SaraNeural',
@@ -47,10 +44,11 @@ language_dict_persian_keys = {
     'انگلیسی (استرالیا) - کن (مرد، جدید)': 'en-AU-KenNeural', 'انگلیسی (استرالیا) - کیمبرلی (زن، جدید)': 'en-AU-KimNeural',
     'انگلیسی (استرالیا) - تینا (زن، جدید)': 'en-AU-TinaNeural',
     'انگلیسی (کانادا) - کلارا (زن)': 'en-CA-ClaraNeural', 'انگلیسی (کانادا) - لیام (مرد)': 'en-CA-LiamNeural',
-    'انگلیسی (کانادا) - کوبی (مرد، جدید)': 'en-CA-CobiNeural', 'انگلیسی (کانادا) - ژان (مرد، جدید)': 'en-CA-JeanNeural', # یکی از موارد مشکل‌دار
+    # 'انگلیسی (کانادا) - کوبی (مرد، جدید)': 'en-CA-CobiNeural', # بررسی شود
+    'انگلیسی (کانادا) - ژان (مرد، جدید)': 'en-CA-JeanNeural', 
     'انگلیسی (ایرلند) - امیلی (زن)': 'en-IE-EmilyNeural', 'انگلیسی (ایرلند) - کانر (مرد)': 'en-IE-ConnorNeural',
     'انگلیسی (هند) - نیرجا (زن)': 'en-IN-NeerjaNeural', 'انگلیسی (هند) - پرابهات (مرد)': 'en-IN-PrabhatNeural',
-    'انگلیسی (هند) - میتالی (زن، جدید)': 'en-IN-MithaliNeural', # یکی از موارد مشکل‌دار
+    # 'انگلیسی (هند) - میتالی (زن، جدید)': 'en-IN-MithaliNeural', # بررسی شود
     'انگلیسی (آفریقای جنوبی) - لیا (زن)': 'en-ZA-LeahNeural', 'انگلیسی (آفریقای جنوبی) - لوک (مرد)': 'en-ZA-LukeNeural',
     'انگلیسی (هنگ کنگ) - یان (زن)': 'en-HK-YanNeural', 'انگلیسی (هنگ کنگ) - سم (مرد)': 'en-HK-SamNeural',
     'انگلیسی (نیوزیلند) - هیزل (زن)': 'en-NZ-HazelNeural', 'انگلیسی (نیوزیلند) - میچل (مرد)': 'en-NZ-MitchellNeural',
@@ -61,6 +59,7 @@ language_dict_persian_keys = {
     'انگلیسی (تانزانیا) - ایمانی (زن)': 'en-TZ-ImaniNeural', 'انگلیسی (تانزانیا) - الیمو (مرد)': 'en-TZ-ElimuNeural',
 }
 
+
 async def translate_text_gemini(text, target_language="English"):
     if not model: return "خطا: سرویس ترجمه در دسترس نیست (کلید API یا مدل مشکل دارد).", None
     if not text or not text.strip(): return "خطا: متنی برای ترجمه وارد نشده است.", None
@@ -75,6 +74,9 @@ async def translate_text_gemini(text, target_language="English"):
         logging.error(f"خطای Gemini: {e}\n{traceback.format_exc()}")
         return f"خطای ترجمه: {type(e).__name__}", None
 
+MAX_TTS_RETRIES = 1 # کاهش تعداد تلاش مجدد برای جلوگیری از کندی زیاد
+TTS_RETRY_DELAY = 0.5 # کاهش تاخیر
+
 async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume, pitch):
     voice_id = language_dict_persian_keys.get(tts_voice_key)
     if voice_id is None: 
@@ -83,21 +85,34 @@ async def text_to_speech_edge_async(text_to_speak, tts_voice_key, rate, volume,
     
     logging.info(f"تلاش برای تولید صدا با: VoiceKey='{tts_voice_key}', VoiceID='{voice_id}', Text='{text_to_speak[:30]}...'")
 
-    try:
-        if not text_to_speak or not text_to_speak.strip(): return "خطای TTS: متن ترجمه شده برای خواندن خالی است.", None
+    if not text_to_speak or not text_to_speak.strip(): 
+        return "خطای TTS: متن ترجمه شده برای خواندن خالی است.", None
+
+    for attempt in range(MAX_TTS_RETRIES + 1):
+        try:
+            rate_str, volume_str, pitch_str = f"{int(rate):+g}%", f"{int(volume):+g}%", f"{int(pitch):+g}Hz"
+            communicate = edge_tts.Communicate(text_to_speak, voice_id, rate=rate_str, volume=volume_str, pitch=pitch_str)
+            with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file: 
+                tmp_path = tmp_file.name
+            
+            await communicate.save(tmp_path)
+            logging.info(f"صدای '{voice_id}' (تلاش {attempt + 1}) با موفقیت در '{tmp_path}' ذخیره شد.")
+            return "TTS موفق", tmp_path
         
-        rate_str, volume_str, pitch_str = f"{int(rate):+g}%", f"{int(volume):+g}%", f"{int(pitch):+g}Hz"
-        communicate = edge_tts.Communicate(text_to_speak, voice_id, rate=rate_str, volume=volume_str, pitch=pitch_str)
-        with tempfile.NamedTemporaryFile(delete=False, suffix=".mp3") as tmp_file: tmp_path = tmp_file.name
-        await communicate.save(tmp_path)
-        logging.info(f"صدای '{voice_id}' با موفقیت در '{tmp_path}' ذخیره شد.")
-        return "TTS موفق", tmp_path
-    except edge_tts.exceptions.NoAudioReceived:
-        logging.error(f"خطای NoAudioReceived برای VoiceID='{voice_id}', VoiceKey='{tts_voice_key}'. متن: '{text_to_speak[:50]}...'")
-        return f"خطای TTS: صدایی برای '{tts_voice_key}' دریافت نشد (NoAudioReceived). ممکن است این صدا موقتا در دسترس نباشد.", None
-    except Exception as e: 
-        logging.error(f"خطای Edge-TTS برای VoiceID='{voice_id}', VoiceKey='{tts_voice_key}': {e}\n{traceback.format_exc()}")
-        return f"خطای TTS ({type(e).__name__}): مشکلی در تولید صدا برای '{tts_voice_key}' پیش آمد.", None
+        except edge_tts.exceptions.NoAudioReceived as e_no_audio:
+            logging.warning(f"خطای NoAudioReceived برای VoiceID='{voice_id}' (تلاش {attempt + 1}/{MAX_TTS_RETRIES + 1}). متن: '{text_to_speak[:50]}...'. خطا: {e_no_audio}")
+            if attempt < MAX_TTS_RETRIES:
+                logging.info(f"تلاش مجدد پس از {TTS_RETRY_DELAY} ثانیه...")
+                await asyncio.sleep(TTS_RETRY_DELAY)
+            else:
+                logging.error(f"خطای NoAudioReceived پس از {MAX_TTS_RETRIES + 1} تلاش برای VoiceID='{voice_id}'.")
+                return f"خطای TTS: صدایی برای '{tts_voice_key}' دریافت نشد (NoAudioReceived). این صدا ممکن است موقتا در دسترس نباشد. لطفاً با صدای دیگری یا کمی بعدتر امتحان کنید.", None
+        
+        except Exception as e: 
+            logging.error(f"خطای Edge-TTS (تلاش {attempt + 1}) برای VoiceID='{voice_id}', VoiceKey='{tts_voice_key}': {e}\n{traceback.format_exc()}")
+            return f"خطای TTS ({type(e).__name__}): مشکلی در تولید صدا برای '{tts_voice_key}' پیش آمد.", None
+    
+    return "خطای TTS: تلاش‌ها برای تولید صدا ناموفق بود.", None # Should not be reached
 
 _event_loops_by_thread = {}
 def _get_or_create_event_loop():
@@ -141,7 +156,6 @@ def translate_and_speak_sync_wrapper(persian_text, english_tts_voice_key, rate,
         
     return translated_text_output, audio_path
 
-# --- تعریف تم و CSS ---
 FLY_PRIMARY_COLOR_HEX = "#4F46E5"  
 FLY_SECONDARY_COLOR_HEX = "#10B981" 
 FLY_ACCENT_COLOR_HEX = "#D97706" 
@@ -163,199 +177,46 @@ custom_css = f"""
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
-
 :root {{
-    --fly-primary: {FLY_PRIMARY_COLOR_HEX}; 
-    --fly-secondary: {FLY_SECONDARY_COLOR_HEX};
-    --fly-accent: {FLY_ACCENT_COLOR_HEX}; 
-    --fly-text-primary: {FLY_TEXT_COLOR_HEX};
-    --fly-text-secondary: {FLY_SUBTLE_TEXT_HEX};
-    --fly-bg-light: {FLY_LIGHT_BACKGROUND_HEX};
-    --fly-bg-white: {FLY_WHITE_HEX};
-    --fly-border-color: {FLY_BORDER_COLOR_HEX};
-    --fly-input-bg-simple: {FLY_INPUT_BG_HEX_SIMPLE};
-    --fly-panel-bg-simple: {FLY_PANEL_BG_SIMPLE};
-    
+    --fly-primary: {FLY_PRIMARY_COLOR_HEX}; --fly-secondary: {FLY_SECONDARY_COLOR_HEX};
+    --fly-accent: {FLY_ACCENT_COLOR_HEX}; --fly-text-primary: {FLY_TEXT_COLOR_HEX};
+    --fly-text-secondary: {FLY_SUBTLE_TEXT_HEX}; --fly-bg-light: {FLY_LIGHT_BACKGROUND_HEX};
+    --fly-bg-white: {FLY_WHITE_HEX}; --fly-border-color: {FLY_BORDER_COLOR_HEX};
+    --fly-input-bg-simple: {FLY_INPUT_BG_HEX_SIMPLE}; --fly-panel-bg-simple: {FLY_PANEL_BG_SIMPLE};
     --font-global: 'Vazirmatn', 'Inter', 'Poppins', system-ui, sans-serif;
     --font-english: 'Poppins', 'Inter', system-ui, sans-serif;
-
     --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; --radius-full: 9999px;
-    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
-    --fly-primary-rgb: 79, 70, 229; 
-    --fly-accent-rgb: 217, 119, 6; 
-}}
-
-body {{font-family: var(--font-global); direction: rtl; background-color: var(--fly-bg-light); color: var(--fly-text-primary); line-height: 1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px;}}
-.gradio-container {{max-width: 100% !important; width: 100% !important; min-height: 100vh; margin: 0 auto !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: linear-gradient(170deg, #E0F2FE 0%, #F3E8FF 100%); display: flex; flex-direction: column;}}
-
-.app-title-card {{text-align: center; padding: 2.5rem 1rem; margin: 0; background: linear-gradient(135deg, var(--fly-primary) 0%, var(--fly-secondary) 100%); color: var(--fly-bg-white); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); box-shadow: var(--shadow-lg); position: relative; overflow: hidden;}}
-.app-title-card::before {{content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: var(--radius-full); opacity: 0.5; transform: rotate(45deg);}}
-.app-title-card h1 {{font-size: 2.25em !important; font-weight: 800 !important; margin: 0 0 0.5rem 0; font-family: var(--font-english); letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.1);}}
-.app-title-card p {{font-size: 1em !important; margin-top: 0.25rem; font-weight: 400; color: rgba(255, 255, 255, 0.85) !important;}}
-
-.app-footer-fly {{text-align:center; font-size:0.85em; color: var(--fly-text-secondary); margin-top:2.5rem; padding: 1rem 0; background-color: rgba(255,255,255,0.3); backdrop-filter: blur(5px); border-top: 1px solid var(--fly-border-color);}}
-footer, .gradio-footer, .flagging-container, .flex.row.gap-2.absolute.bottom-2.right-2.gr-compact.gr-box.gr-text-gray-500, div[data-testid="flag"], button[title="Flag"], button[aria-label="Flag"], .footer-utils {{ display: none !important; visibility: hidden !important; }}
-
-.main-content-area {{
-    flex-grow: 1; 
-    padding: 0.75rem; 
-    width: 100%; 
-    margin: 0 auto;
-    box-sizing: border-box; 
-}}
-.content-panel-simple {{
-    background-color: var(--fly-bg-white); 
-    padding: 1rem; 
-    border-radius: var(--radius-xl); 
-    box-shadow: var(--shadow-xl); 
-    margin-top: -2rem; 
-    position: relative; 
-    z-index: 10;
-    margin-bottom: 2rem;
-    width: 100%; 
-    box-sizing: border-box; 
-}}
-
-.content-panel-simple .gr-button.lg.primary,
-.content-panel-simple button[variant="primary"]
-{{
-    background: var(--fly-accent) !important; 
-    margin-top: 1rem !important;
-    padding: 12px 20px !important;
-    transition: all 0.25s ease-in-out !important;
-    color: white !important;
-    font-weight: 600 !important;
-    border-radius: 10px !important;
-    border: none !important;
-    box-shadow: 0 3px 8px -1px rgba(var(--fly-accent-rgb), 0.3) !important;
-    width: 100% !important;
-    font-size: 1em !important;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}}
-.content-panel-simple .gr-button.lg.primary:hover,
-.content-panel-simple button[variant="primary"]:hover {{
-    background: #B45309 !important; 
-    transform: translateY(-1px) !important;
-    box-shadow: 0 5px 10px -1px rgba(var(--fly-accent-rgb), 0.4) !important;
-}}
-
-.content-panel-simple .gr-input > label + div > textarea,
-.content-panel-simple .gr-dropdown > label + div > div > input, 
-.content-panel-simple .gr-dropdown > label + div > div > select,
-.content-panel-simple .gr-textbox > label + div > textarea {{
-    border-radius: 8px !important; 
-    border: 1.5px solid var(--fly-border-color) !important; 
-    font-size: 0.95em !important;
-    background-color: var(--fly-input-bg-simple) !important; 
-    padding: 10px 12px !important; 
-    color: var(--fly-text-primary) !important;
-}}
-.content-panel-simple .gr-input > label + div > textarea:focus, 
-.content-panel-simple .gr-dropdown > label + div > div > input:focus, 
-.content-panel-simple .gr-dropdown > label + div > div > select:focus,
-.content-panel-simple .gr-textbox > label + div > textarea:focus {{
-    border-color: var(--fly-primary) !important;
-    box-shadow: 0 0 0 3px rgba(var(--fly-primary-rgb), 0.12) !important;
-    background-color: var(--fly-bg-white) !important;
-}}
-
-.content-panel-simple .gr-dropdown select {{ 
-    font-family: var(--font-global) !important;
-    width: 100%;
-    cursor: pointer;
-}}
-
-.content-panel-simple .gr-textbox[label*="ترجمه شده"] > label + div > textarea {{
-    background-color: var(--fly-panel-bg-simple) !important; 
-    border-color: #A5D5FE !important; 
-    min-height: 100px; 
-    font-family: var(--font-english); 
-    font-size: 1em !important;
-    line-height: 1.5;
-    padding: 10px !important;
-}}
-.content-panel-simple .gr-panel, 
-.content-panel-simple div[label*="تنظیمات پیشرفته"] > .gr-accordion > .gr-panel {{
-    border-radius: 8px !important;
-    border: 1px solid var(--fly-border-color) !important;
-    background-color: var(--fly-input-bg-simple) !important;
-    padding: 0.8rem 1rem !important;
-    margin-top: 0.6rem;
-    box-shadow: none;
-}}
-.content-panel-simple div[label*="تنظیمات پیشرفته"] > .gr-accordion > button.gr-button {{
-    font-weight: 500 !important;
-    padding: 8px 10px !important;
-    border-radius: 6px !important;
-    background-color: #E5E7EB !important;
-    color: var(--fly-text-primary) !important;
-    border: 1px solid #D1D5DB !important;
-}}
-.content-panel-simple label > span.label-text {{
-    font-weight: 500 !important;
-    color: #4B5563 !important;
-    font-size: 0.88em !important; 
-    margin-bottom: 6px !important;
-    display: inline-block; 
-}}
-.content-panel-simple .gr-slider label span {{ font-size: 0.82em !important; color: var(--fly-text-secondary); }}
-
-.content-panel-simple div[label*="نمونه"] {{ margin-top: 1.5rem; }}
-.content-panel-simple div[label*="نمونه"] .gr-button.gr-button-tool,
-.content-panel-simple div[label*="نمونه"] .gr-sample-button {{
-    background-color: #E0E7FF !important;
-    color: var(--fly-primary) !important;
-    border-radius: 6px !important;
-    font-size: 0.78em !important;
-    padding: 4px 8px !important;
-}}
-.content-panel-simple .custom-hr {{ height: 1px; background-color: var(--fly-border-color); margin: 1.5rem 0; border: none; }}
-.api-warning-message {{
-    background-color: #FFFBEB !important; 
-    color: #92400E !important;
-    padding: 10px 12px !important;
-    border-radius: 8px !important;
-    border: 1px solid #FDE68A !important;
-    text-align: center !important;
-    margin: 0 0.2rem 1rem 0.2rem !important; 
-    font-size: 0.85em !important;
-}}
-
-@media (min-width: 640px) {{
-    .main-content-area {{
-        padding: 1.5rem; 
-        max-width: 700px; 
-    }}
-    .content-panel-simple {{
-        padding: 1.5rem; 
-    }}
-    .app-title-card h1 {{ font-size: 2.5em !important; }}
-    .app-title-card p {{ font-size: 1.05em !important; }}
-}}
-
-@media (min-width: 768px) {{
-    .main-content-area {{ max-width: 780px; }}
-    .content-panel-simple {{ padding: 2rem; }}
-
-    .content-panel-simple .main-content-row {{
-        display: flex !important;
-        flex-direction: row !important; 
-        gap: 1.5rem !important; 
-    }}
-    .content-panel-simple .main-content-row > .gr-column:nth-child(1) {{ flex-basis: 60%; }}
-    .content-panel-simple .main-content-row > .gr-column:nth-child(2) {{ flex-basis: 40%; }}
-    
-    .content-panel-simple .gr-button.lg.primary,
-    .content-panel-simple button[variant="primary"] {{ width: auto !important; align-self: flex-start; }}
-
-    .app-title-card h1 {{font-size: 2.75em !important;}}
-    .app-title-card p {{font-size: 1.1em !important;}}
+    --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05); --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);
+    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
+    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);
+    --fly-primary-rgb: 79,70,229; --fly-accent-rgb: 217,119,6;
 }}
+body {{font-family:var(--font-global);direction:rtl;background-color:var(--fly-bg-light);color:var(--fly-text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;}}
+.gradio-container {{max-width:100% !important;width:100% !important;min-height:100vh;margin:0 auto !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important;background:linear-gradient(170deg, #E0F2FE 0%, #F3E8FF 100%);display:flex;flex-direction:column;}}
+.app-title-card {{text-align:center;padding:2.5rem 1rem;margin:0;background:linear-gradient(135deg,var(--fly-primary) 0%,var(--fly-secondary) 100%);color:var(--fly-bg-white);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}}
+.app-title-card::before {{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(255,255,255,0.1);border-radius:var(--radius-full);opacity:0.5;transform:rotate(45deg);}}
+.app-title-card h1 {{font-size:2.25em !important;font-weight:800 !important;margin:0 0 0.5rem 0;font-family:var(--font-english);letter-spacing:-0.5px;text-shadow:0 2px 4px rgba(0,0,0,0.1);}}
+.app-title-card p {{font-size:1em !important;margin-top:0.25rem;font-weight:400;color:rgba(255,255,255,0.85) !important;}}
+.app-footer-fly {{text-align:center;font-size:0.85em;color:var(--fly-text-secondary);margin-top:2.5rem;padding:1rem 0;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(5px);border-top:1px solid var(--fly-border-color);}}
+footer,.gradio-footer,.flagging-container,.flex.row.gap-2.absolute.bottom-2.right-2.gr-compact.gr-box.gr-text-gray-500,div[data-testid="flag"],button[title="Flag"],button[aria-label="Flag"],.footer-utils {{display:none !important;visibility:hidden !important;}}
+.main-content-area {{flex-grow:1;padding:0.75rem;width:100%;margin:0 auto;box-sizing:border-box;}}
+.content-panel-simple {{background-color:var(--fly-bg-white);padding:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);margin-top:-2rem;position:relative;z-index:10;margin-bottom:2rem;width:100%;box-sizing:border-box;}}
+.content-panel-simple .gr-button.lg.primary,.content-panel-simple button[variant="primary"] {{background:var(--fly-accent) !important;margin-top:1rem !important;padding:12px 20px !important;transition:all 0.25s ease-in-out !important;color:white !important;font-weight:600 !important;border-radius:10px !important;border:none !important;box-shadow:0 3px 8px -1px rgba(var(--fly-accent-rgb),0.3) !important;width:100% !important;font-size:1em !important;display:flex;align-items:center;justify-content:center;}}
+.content-panel-simple .gr-button.lg.primary:hover,.content-panel-simple button[variant="primary"]:hover {{background:#B45309 !important;transform:translateY(-1px) !important;box-shadow:0 5px 10px -1px rgba(var(--fly-accent-rgb),0.4) !important;}}
+.content-panel-simple .gr-input > label + div > textarea,.content-panel-simple .gr-dropdown > label + div > div > input,.content-panel-simple .gr-dropdown > label + div > div > select,.content-panel-simple .gr-textbox > label + div > textarea {{border-radius:8px !important;border:1.5px solid var(--fly-border-color) !important;font-size:0.95em !important;background-color:var(--fly-input-bg-simple) !important;padding:10px 12px !important;color:var(--fly-text-primary) !important;}}
+.content-panel-simple .gr-input > label + div > textarea:focus,.content-panel-simple .gr-dropdown > label + div > div > input:focus,.content-panel-simple .gr-dropdown > label + div > div > select:focus,.content-panel-simple .gr-textbox > label + div > textarea:focus {{border-color:var(--fly-primary) !important;box-shadow:0 0 0 3px rgba(var(--fly-primary-rgb),0.12) !important;background-color:var(--fly-bg-white) !important;}}
+.content-panel-simple .gr-dropdown select {{font-family:var(--font-global) !important;width:100%;cursor:pointer;}}
+.content-panel-simple .gr-textbox[label*="ترجمه شده"] > label + div > textarea {{background-color:var(--fly-panel-bg-simple) !important;border-color:#A5D5FE !important;min-height:100px;font-family:var(--font-english);font-size:1em !important;line-height:1.5;padding:10px !important;}}
+.content-panel-simple .gr-panel,.content-panel-simple div[label*="تنظیمات پیشرفته"] > .gr-accordion > .gr-panel {{border-radius:8px !important;border:1px solid var(--fly-border-color) !important;background-color:var(--fly-input-bg-simple) !important;padding:0.8rem 1rem !important;margin-top:0.6rem;box-shadow:none;}}
+.content-panel-simple div[label*="تنظیمات پیشرفته"] > .gr-accordion > button.gr-button {{font-weight:500 !important;padding:8px 10px !important;border-radius:6px !important;background-color:#E5E7EB !important;color:var(--fly-text-primary) !important;border:1px solid #D1D5DB !important;}}
+.content-panel-simple label > span.label-text {{font-weight:500 !important;color:#4B5563 !important;font-size:0.88em !important;margin-bottom:6px !important;display:inline-block;}}
+.content-panel-simple .gr-slider label span {{font-size:0.82em !important;color:var(--fly-text-secondary);}}
+.content-panel-simple div[label*="نمونه"] {{margin-top:1.5rem;}}
+.content-panel-simple div[label*="نمونه"] .gr-button.gr-button-tool,.content-panel-simple div[label*="نمونه"] .gr-sample-button {{background-color:#E0E7FF !important;color:var(--fly-primary) !important;border-radius:6px !important;font-size:0.78em !important;padding:4px 8px !important;}}
+.content-panel-simple .custom-hr {{height:1px;background-color:var(--fly-border-color);margin:1.5rem 0;border:none;}}
+.api-warning-message {{background-color:#FFFBEB !important;color:#92400E !important;padding:10px 12px !important;border-radius:8px !important;border:1px solid #FDE68A !important;text-align:center !important;margin:0 0.2rem 1rem 0.2rem !important;font-size:0.85em !important;}}
+@media (min-width:640px) {{.main-content-area {{padding:1.5rem;max-width:700px;}} .content-panel-simple {{padding:1.5rem;}} .app-title-card h1 {{font-size:2.5em !important;}} .app-title-card p {{font-size:1.05em !important;}} }}
+@media (min-width:768px) {{.main-content-area {{max-width:780px;}} .content-panel-simple {{padding:2rem;}} .content-panel-simple .main-content-row {{display:flex !important;flex-direction:row !important;gap:1.5rem !important;}} .content-panel-simple .main-content-row > .gr-column:nth-child(1) {{flex-basis:60%;}} .content-panel-simple .main-content-row > .gr-column:nth-child(2) {{flex-basis:40%;}} .content-panel-simple .gr-button.lg.primary,.content-panel-simple button[variant="primary"] {{width:auto !important;align-self:flex-start;}} .app-title-card h1 {{font-size:2.75em !important;}} .app-title-card p {{font-size:1.1em !important;}} }}
 """
 
 default_english_tts_voice = 'انگلیسی (آمریکا) - جنی (زن)'
@@ -420,7 +281,7 @@ with gr.Blocks(theme=app_theme_outer, css=custom_css, title="آموزش زبان
                         label="🎧 فایل صوتی", 
                         format="mp3", 
                         interactive=False,
-                        autoplay=True # <--- پخش خودکار فعال شد
+                        autoplay=True
                     )
 
             if language_dict_persian_keys and default_english_tts_voice and default_english_tts_voice != "لیست صداها خالی است":