Create style.css

style.css

@@ -0,0 +1,43 @@
+:root {
+  --accent: 240;
+  --sat: 90%;
+  --light: 55%;
+  --font: "Inter", "Segoe UI", sans-serif;
+}
+
+html, body, * {
+  font-family: var(--font);
+  font-size: 1.05em;
+}
+
+.gr-button-primary {
+  background: hsl(var(--accent), var(--sat), var(--light));
+  color: white;
+  border: none;
+}
+
+.gr-button-primary:hover {
+  filter: brightness(1.1);
+}
+
+#zen-header {
+  color: hsl(var(--accent), var(--sat), 40%);
+  font-size: 1.4em;
+  margin-bottom: 1em;
+}
+
+.gr-chatbot .message.user,
+.gr-chatbot .message.bot {
+  color: white !important;
+}
+
+table {
+  border-collapse: collapse;
+  margin-top: 10px;
+  width: 100%;
+}
+
+th, td {
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+}