diff --git a/index.html b/index.html
index dac3417..e638a9b 100644
--- a/index.html
+++ b/index.html
@@ -975,22 +975,22 @@
             .nav-chat {
                 position: relative;
                 display: flex;
-                flex-direction: column;
+                align-items: center;
                 width: 340px;
                 height: 36px;
-                min-height: 36px;
                 --chat-panel-height: 300px;
-                transition: height 0.25s ease;
-            }
-            .nav-chat.open {
-                height: calc(var(--chat-panel-height) + 8px + 36px);
             }
             .nav-chat-panel {
-                width: 100%;
+                position: absolute;
+                top: calc(100% + 6px);
+                left: 0;
+                width: 340px;
+                min-width: 340px;
+                max-width: 340px;
                 height: var(--chat-panel-height);
                 background: var(--bg-card);
-                border: 1px solid var(--border);
-                border-radius: 18px 18px 0 0;
+                border: 1px solid var(--accent);
+                border-radius: 18px;
                 box-shadow: 0 24px 80px rgba(0,0,0,0.5);
                 overflow: hidden;
                 visibility: hidden;
@@ -999,8 +999,7 @@
                 display: flex;
                 flex-direction: column;
                 transition: opacity 0.22s ease, visibility 0.22s ease;
-                margin-bottom: 8px;
-                flex-shrink: 0;
+                z-index: 9999;
             }
             .nav-chat.open .nav-chat-panel {
                 visibility: visible;
@@ -1014,7 +1013,6 @@
                 align-items: center;
                 width: 100%;
                 height: 36px;
-                min-height: 36px;
                 background: var(--bg-inner);
                 border: 1px solid var(--border);
                 border-radius: 999px;