Shape changes

app.py

@@ -127,18 +127,39 @@ def chat_fn(message: str, ui_history: list, messages_state: List[Dict[str, str]]
     print("STATE:", json.dumps(final_state, ensure_ascii=False))
 
 
-with gr.Blocks(theme=gr.themes.Soft()) as demo:
-    gr.Markdown("## Татарский чат-бот от команды Сбера")
+with gr.Blocks(
+    theme=gr.themes.Soft(),
+    css="""
+    #chatbot .gr-chatbot { font-size: 18px !important; line-height: 1.5; }
+    #chatbot .gr-chatbot_message { font-size: 18px !important; }
+    #chatbot .gr-chatbot_markdown > * { font-size: 18px !important; line-height: 1.6; }
+
+    #msg textarea { font-size: 24px !important; }
+
+    #clear { font-size: 16px !important; }
+
+    #title h2 { font-size: 28px !important; }
+    """
+) as demo:
+    gr.Markdown("## Татарский чат-бот от команды Сбера", elem_id="title")
 
     messages_state = gr.State([{"role": "system", "content": SYS_PROMPT_TT}])
 
-    chatbot = gr.Chatbot(label="Диалог", height=500, bubble_full_width=False)
+    chatbot = gr.Chatbot(
+        label="Диалог",
+        height=500,
+        bubble_full_width=False,
+        elem_id="chatbot"
+    )
+
     msg = gr.Textbox(
         label="Хәбәрегезне рус яки татар телендә языгыз",
-        placeholder="Татарстанның башкаласы нинди шәһәр? / Какая столица Татарстана?"
+        placeholder="Татарстанның башкаласы нинди шәһәр? / Какая столица Татарстана?",
+        elem_id="msg"
     )
-    clear = gr.Button("🗑️ Чистарту")
 
+    clear = gr.Button("🗑️ Чистарту", elem_id="clear")
+    
     msg.submit(
         chat_fn,
         inputs=[msg, chatbot, messages_state],