Update app.py

app.py

@@ -3,27 +3,41 @@ from utils import call_openrouter
 
 # app.py
 
-# 1. CSS com Importação da Alegreya Sans e aplicação nos elementos
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
-/* Aplica a fonte em toda a interface */
-body, .gradio-container, .gr-button, .gr-input, .gr-form {
+/* 1. Aplicação Global com tamanho aumentado */
+body, .gradio-container, .gr-button, .gr-form, p, span {
     font-family: 'Alegreya Sans', sans-serif !important;
+    font-size: 20px !important; /* Tamanho base para labels e botões */
 }
 
-/* Ajuste específico para a área de entrada (textarea) e saída */
-textarea, .input-container textarea, .output-class textarea { 
+/* 2. Foco total na legibilidade do Input e Output */
+textarea, 
+.input-container textarea, 
+.output-class textarea,
+[data-testid="textbox"] { 
     font-family: 'Alegreya Sans', sans-serif !important;
-    font-size: 22px !important; 
-    line-height: 1.6 !important; 
+    font-size: 24px !important; /* Tamanho generoso para o Grego e a Análise */
+    line-height: 1.5 !important; 
+    padding: 15px !important;
 }
 
-/* Garante que o Markdown (relatório) também use a fonte */
-.prose, .markdown-text {
+/* 3. Ajuste do Markdown (o relatório gerado) */
+.prose, .markdown-text, .prose p {
     font-family: 'Alegreya Sans', sans-serif !important;
+    font-size: 22px !important;
+    line-height: 1.6 !important;
 }
 
+/* 4. Títulos do Relatório */
+.prose h1, .prose h2, .prose h3 {
+    font-family: 'Alegreya Sans', sans-serif !important;
+    font-weight: 700 !important;
+    color: #2b5797 !important;
+}
+
+/* 5. Cores de seleção do Thomas (preservadas) */
 .selected { background-color: #2b5797 !important; color: white !important; }
 .selected span { color: white !important; font-weight: bold !important; }
 .item.selected, .item:hover { background-color: #2b5797 !important; color: white !important; }