UI Refresh & Logic Updates: New answer color scheme, improved Boolean/Number handling for results, and localized formatting.

public/index.html

@@ -16,23 +16,22 @@
             background: #111111 url('/img/bg.png') center/cover fixed;
         }
 
-        /* Answer button base colors */
         .answer-a {
-            background: #dc2626;
-        }
-
-        .answer-a:hover {
-            background: #b91c1c;
-        }
-
-        .answer-b {
             background: #2563eb;
         }
 
-        .answer-b:hover {
+        .answer-a:hover {
             background: #1d4ed8;
         }
 
+        .answer-b {
+            background: #7c3aed;
+        }
+
+        .answer-b:hover {
+            background: #6d28d9;
+        }
+
         .answer-c {
             background: #d97706;
         }
@@ -42,14 +41,13 @@
         }
 
         .answer-d {
-            background: #16a34a;
+            background: #0891b2;
         }
 
         .answer-d:hover {
-            background: #15803d;
+            background: #0e7490;
         }
 
-        /* Selected state */
         .answer-a.selected,
         .answer-b.selected,
         .answer-c.selected,
@@ -58,7 +56,6 @@
             transform: scale(1.03);
         }
 
-        /* Disabled state */
         .answer-a.disabled,
         .answer-b.disabled,
         .answer-c.disabled,
@@ -67,7 +64,6 @@
             cursor: not-allowed;
         }
 
-        /* Ensure Tailwind doesn't override answer button styles */
         button.answer-a,
         button.answer-b,
         button.answer-c,
@@ -83,7 +79,6 @@
             transform: scale(1.03);
         }
 
-        /* Fire gradient for headings */
         .fire-gradient {
             background: linear-gradient(135deg, #dc2626, #f59e0b);
             -webkit-background-clip: text;