Initial

src/index.css

@@ -0,0 +1,126 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+  font-family: 'Noto Serif', serif;
+  background-color: #f7f4ee;
+  color: #1f1b16;
+}
+
+@keyframes pulse-cursor {
+  0%,
+  100% {
+    opacity: 0.2;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+.cursor-pulse {
+  display: inline-block;
+  width: 0.5rem;
+  height: 1.1rem;
+  margin-left: 0.25rem;
+  background: currentColor;
+  vertical-align: middle;
+  animation: pulse-cursor 1s infinite ease-in-out;
+}
+
+/* ---- Markdown rendering for streamed agent output ---- */
+.markdown {
+  font-family: 'Noto Serif', serif;
+  color: #1f1b16;
+  word-wrap: break-word;
+}
+.markdown h1,
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  font-weight: 600;
+  line-height: 1.25;
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+}
+.markdown h1 { font-size: 1.875rem; }
+.markdown h2 { font-size: 1.5rem; }
+.markdown h3 { font-size: 1.25rem; }
+.markdown h4 { font-size: 1.1rem; }
+.markdown h1:first-child,
+.markdown h2:first-child,
+.markdown h3:first-child {
+  margin-top: 0;
+}
+.markdown p {
+  margin: 0.75em 0;
+}
+.markdown ul,
+.markdown ol {
+  margin: 0.75em 0;
+  padding-left: 1.5em;
+}
+.markdown ul { list-style: disc; }
+.markdown ol { list-style: decimal; }
+.markdown li {
+  margin: 0.25em 0;
+}
+.markdown li > p { margin: 0.25em 0; }
+.markdown a {
+  color: #1d4ed8;
+  text-decoration: underline;
+}
+.markdown a:hover { color: #1e40af; }
+.markdown strong { font-weight: 600; }
+.markdown em { font-style: italic; }
+.markdown blockquote {
+  border-left: 3px solid #d6d3d1;
+  padding-left: 1em;
+  color: #57534e;
+  margin: 1em 0;
+  font-style: italic;
+}
+.markdown code {
+  background: #f5f5f4;
+  padding: 0.1em 0.35em;
+  border-radius: 4px;
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.9em;
+}
+.markdown pre {
+  background: #1f1b16;
+  color: #f5f5f4;
+  padding: 1em;
+  border-radius: 8px;
+  overflow-x: auto;
+  margin: 1em 0;
+}
+.markdown pre code {
+  background: transparent;
+  color: inherit;
+  padding: 0;
+  font-size: 0.875em;
+}
+.markdown hr {
+  border: none;
+  border-top: 1px solid #d6d3d1;
+  margin: 1.5em 0;
+}
+.markdown table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  width: 100%;
+}
+.markdown th,
+.markdown td {
+  border: 1px solid #d6d3d1;
+  padding: 0.5em 0.75em;
+  text-align: left;
+}
+.markdown th {
+  background: #f5f5f4;
+  font-weight: 600;
+}