Update app.py

app.py

@@ -30,26 +30,32 @@ def circular_html(ai_percent):
         "#f44336" if ai_percent < 90 else
         "#e91e63"
     )
+    text_color = "#fff" if ai_percent > 50 else "#222"
+
     return f"""
-    <div style="display: flex; justify-content: center; margin-top: 10px;">
+    <div style="display: flex; flex-direction: column; align-items: center; margin-top: 15px;">
+        <div style="font-size: 20px; font-weight: 500; margin-bottom: 12px; color: {text_color};">
+            AI Likelihood
+        </div>
         <div style="
-            width: 160px;
-            height: 160px;
+            width: 180px;
+            height: 180px;
             border-radius: 50%;
-            background: conic-gradient({color} {ai_percent}%, #e0e0e0 {ai_percent}%);
+            background: conic-gradient({color} {ai_percent}%, #33333333 {ai_percent}%);
             display: flex;
             align-items: center;
             justify-content: center;
-            font-size: 28px;
+            font-size: 32px;
             font-weight: bold;
-            color: #333;
-            box-shadow: 0 0 10px rgba(0,0,0,0.1);
+            color: {text_color};
+            border: 6px solid rgba(255,255,255,0.1);
+            box-shadow: 0 0 15px rgba(0,0,0,0.2);
         ">
             {ai_percent}%
         </div>
     </div>
     """
-
+    
 # ===== Chunking for Large Input Support =====
 def chunk_text(text, max_tokens=300):
     paragraphs = text.split("\n\n")