Update app.py

app.py

@@ -76,21 +76,9 @@ examples = [
     ["These [group] people are ruining our country"],
 ]
 
-css = """
-.gradio-container {
-    max-width: 800px !important;
-    margin: auto !important;
-}
-.center-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-"""
-
-with gr.Blocks(title="SRA Hate Speech Detection", css=css) as demo:
+with gr.Blocks(title="SRA Hate Speech Detection") as demo:
     gr.HTML("""
-    <div style="text-align: center; margin-bottom: 24px;">
+    <div style="max-width: 800px; margin: 0 auto; text-align: center; margin-bottom: 24px;">
         <span style="background: rgba(245,158,11,0.2); color: #f59e0b; padding: 4px 12px; border-radius: 16px; font-size: 14px;">🎯 AAAI-26 AI Alignment Track</span>
         <h1 style="margin: 12px 0 4px 0;">Self-Explaining Hate Speech Detection</h1>
         <p style="color: #666;">Supervised Rational Attention (SRA) · 2.4× better explainability</p>