Update styles.css

styles.css

@@ -0,0 +1,35 @@
+.confidence-container {
+  min-height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center; /* Centered both horizontally and vertically */
+  padding-bottom: 0px;
+  position: relative;
+}
+.confidence-value {
+  background-color: #f5f5f5;
+  padding: 4px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+  text-align: center;
+  min-width: 100px;
+  transform: scale(0.9);
+  margin: 0 auto;
+  position: relative;
+  top: 0px; /* Remove extra nudge */
+}
+
+
+/* Keep your existing color classes */
+.confidence-low { color: #d32f2f; background-color: #ffebee; }
+.confidence-medium { color: #f57c00; background-color: #fff3e0; }
+.confidence-high { color: #388e3c; background-color: #e8f5e9; }
+
+.confidence-multi {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  align-items: center;
+  justify-content: center;
+}