Add disclaimer to Aetheris chat interface

chat.html

@@ -26,6 +26,10 @@
 
     <main>
         <div class="chat-wrapper">
+            <!-- Disclaimer -->
+            <div class="disclaimer-banner">
+                ⚠️ <strong>Notice:</strong> Aetheris is currently experimental. The model does NOT produce coherent output yet.
+            </div>
             <!-- Messages -->
             <div class="message-list" id="chat-window">
                 <!-- Initial Message -->

static/css/aetheris.css

@@ -31,6 +31,25 @@ body.aetheris-theme {
     flex-direction: column;
 }
 
+/* Disclaimer */
+.disclaimer-banner {
+    background: rgba(255, 165, 0, 0.1);
+    border: 1px solid rgba(255, 165, 0, 0.3);
+    color: #ffd8a8;
+    padding: 0.75rem;
+    margin: 1rem 1rem 0 1rem;
+    border-radius: 8px;
+    text-align: center;
+    font-size: 0.9rem;
+    backdrop-filter: blur(5px);
+    animation: fadeIn 1s ease-out;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(-10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
 /* Messages */
 .message-list {
     flex: 1;