feat: narrator empty states, scroll fades, glow buttons, violet color sweep

frontend/src/components/ChatPanel.vue

@@ -338,7 +338,7 @@ defineExpose({ focus, prefill, send })
           <p
             v-if="!store.currentConversation?.messages.length && !store.streaming"
             class="empty-msg"
-          >Send a message to start the conversation.</p>
+          >Start a conversation.</p>
         </div>
       </div>
 
@@ -525,6 +525,8 @@ defineExpose({ focus, prefill, send })
   flex: 1;
   overflow-y: auto;
   padding: 1rem;
+  mask-image: linear-gradient(to bottom, transparent, black 20px, black calc(100% - 20px), transparent);
+  -webkit-mask-image: linear-gradient(to bottom, transparent, black 20px, black calc(100% - 20px), transparent);
 }
 .messages-inner {
   display: flex;
@@ -746,6 +748,9 @@ defineExpose({ focus, prefill, send })
   font-size: 0.9rem;
   text-align: center;
   padding: 2rem 1rem;
+  font-family: 'Fraunces', Georgia, serif;
+  font-style: italic;
+  color: var(--color-accent-warm, #d4a017);
 }
 
 /* ── Widget variant ── */