:)

static/styles/main.css

@@ -983,6 +983,10 @@ footer a:hover {
     min-height: 400px;
 }
 
+.room-stream {
+    display: none;
+}
+
 .stories-panel,
 .members-panel {
     background: var(--bg-surface);
@@ -1238,11 +1242,11 @@ footer a:hover {
     gap: 0.375rem;
     font-size: 0.75rem;
     font-weight: 500;
-    color: var(--success-text);
+    color: var(--text-muted);
     padding: 0.25rem 0.5rem;
     border-radius: var(--radius-full);
-    background: var(--success-bg);
-    border: 1px solid var(--success-border);
+    background: var(--bg-surface-hover);
+    border: 1px solid var(--border);
 }
 
 .mobile-menu-btn {
@@ -1265,6 +1269,16 @@ footer a:hover {
     width: 6px;
     height: 6px;
     border-radius: 50%;
+    background: var(--text-muted);
+}
+
+.sse-connected .sse-indicator {
+    color: var(--success-text);
+    background: var(--success-bg);
+    border-color: var(--success-border);
+}
+
+.sse-connected .sse-dot {
     background: var(--success-text);
     animation: pulse 2s ease infinite;
 }