Create static/styles.css */

static/styles.css *

@@ -0,0 +1,53 @@
+/* static/styles.css */
+
+.visualization-container {
+    margin: 20px 0;
+    padding: 15px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: white;
+}
+
+.visualization {
+    width: 100%;
+    height: 400px;
+    margin: 10px 0;
+}
+
+.tooltip {
+    position: absolute;
+    text-align: center;
+    padding: 8px;
+    font: 12px sans-serif;
+    background: rgba(255, 255, 255, 0.9);
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    pointer-events: none;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.axis text {
+    font-size: 12px;
+}
+
+.axis line {
+    stroke: #ddd;
+}
+
+.axis path {
+    stroke: #ddd;
+}
+
+.bar:hover {
+    fill-opacity: 0.8;
+    transition: fill-opacity 0.2s;
+}
+
+.line {
+    fill: none;
+    stroke-width: 2px;
+}
+
+.confidence-area {
+    fill-opacity: 0.2;
+}