fix(mobile): layout input visibile, hamburger menu

- Rimosso height:100dvh da #main (causava layout rotto)
- #main si affida a flex:1 per l'altezza
- hamburger ☰ sempre visibile nell'header su mobile
- Safe-area per notch iOS

src/web/static/index.html

@@ -664,10 +664,6 @@ html, body {
   #sidebar-backdrop.open { display: block; }
 
   #app { flex-direction: column; }
-  #main {
-    width: 100%;
-    height: 100dvh;
-  }
 
   #header {
     padding: 0 12px;
@@ -678,6 +674,11 @@ html, body {
   #header h1 { font-size: 14px; letter-spacing: 1px; }
   #header .turn-badge { font-size: 11px; }
 
+  #main {
+    width: 100%;
+    min-height: 0;
+  }
+
   #chat {
     padding: 12px;
     gap: 10px;
@@ -689,7 +690,7 @@ html, body {
     padding-bottom: max(8px, env(safe-area-inset-bottom));
   }
   #input-area input {
-    font-size: 16px; /* prevent zoom on iOS */
+    font-size: 16px;
     padding: 10px 12px;
   }
   #btn-send {