Widen mobile panels 72% → 88%, stretch profile tabs horizontally

- Mobile panel max-width: 72% → 88% (6% margins each side)
- Profile tabs: flex:1 with justify-content:center, fill available width
- Cache buster style.css v=13 → v=14

static/style.css

@@ -64,14 +64,15 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
 .chat-profile-tabs {
     display: flex;
     gap: 4px;
-    flex-wrap: wrap;
+    flex: 1;
 }
 
 .chat-profile-tab {
     display: flex;
     align-items: center;
-    gap: 6px;
-    padding: 5px 12px;
+    justify-content: center;
+    gap: 5px;
+    padding: 5px 8px;
     border: 1px solid var(--border);
     border-radius: 16px;
     background: transparent;
@@ -80,6 +81,8 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
     cursor: pointer;
     transition: all 0.15s;
     white-space: nowrap;
+    flex: 1;
+    min-width: 0;
 }
 
 .chat-profile-tab:hover {
@@ -1333,7 +1336,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
     /* All panels on mobile: centered via grid parent */
     .panel {
         width: 100%;
-        max-width: 72%;
+        max-width: 88%;
         margin: 0 0 12px;
         padding: 10px;
         border-radius: 10px;