1 files changed, 34 insertions, 2 deletions
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 88bef9d..8e1d095 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -114,11 +114,37 @@ h1 {
 .note {
   display: flex;
   gap: 10px;
-  background: var(--bg-secondary);
+  padding: 16px;
+  margin-bottom: 16px;
+}
+
+/* standalone notes (not in a chain) */
+.note:not(.reply-chain .note) {
+  background: var(--bg-primary);
+  border: 2px solid var(--border);
+  border-radius: 8px;
+}
+
+/* reply chains container */
+.reply-chain {
+  background: var(--bg-primary);
   border: 2px solid var(--border);
   border-radius: 8px;
-  padding: 16px;
   margin-bottom: 16px;
+  overflow: hidden;
+}
+
+/* notes inside chains */
+.reply-chain .note {
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  margin: 0;
+}
+
+/* separator between notes in chain */
+.reply-chain .note + .note {
+  border-top: 2px solid var(--border);
 }
 
 .note-avatar {
@@ -140,6 +166,12 @@ h1 {
   font-size: 12px;
 }
 
+.info {
+  color: var(--text-muted);
+  font-style: italic;
+  text-align: center;
+}
+
 .spinner {
   border: 8px solid #f3f3f3;
   border-top: 8px solid var(--accent);