Create static/styles.css

static/styles.css

@@ -0,0 +1,47 @@
+body {
+  font-family: sans-serif;
+  background: #f8f8f8;
+  padding: 20px;
+}
+
+#chat-container {
+  max-width: 500px;
+  margin: auto;
+  background: white;
+  border-radius: 10px;
+  padding: 20px;
+  box-shadow: 0 0 10px #ccc;
+}
+
+#chatroom-title {
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 10px;
+  font-size: 1.2em;
+}
+
+#chat {
+  background: #f0f0f0;
+  padding: 10px;
+  overflow-y: auto;
+  height: 300px;
+}
+
+.chat-line {
+  margin: 8px 0;
+}
+
+.me {
+  color: blue;
+  font-weight: bold;
+}
+
+.other {
+  color: green;
+  font-weight: bold;
+}
+
+.status {
+  color: gray;
+  font-style: italic;
+}