Limit audio rooms to Twitter Spaces features and fix live toolbar UX.

Block breakouts, chat, Q&A, and other meeting-only tools in spaces, hide video controls for audio-only rooms, and stabilize mobile nav and toolbar layout.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/css/app.css

@@ -26,6 +26,20 @@ html.app-shell {
     color-scheme: light;
 }
 
+@media (max-width: 1023px) {
+    html.app-shell {
+        --ladill-mobile-nav-height: calc(4rem + env(safe-area-inset-bottom, 0px));
+    }
+
+    html.app-shell .ladill-mobile-main {
+        padding-bottom: calc(var(--ladill-mobile-nav-height) + 1rem);
+    }
+
+    html.app-shell .ladill-mobile-bottom-nav__bar {
+        min-height: var(--ladill-mobile-nav-height);
+    }
+}
+
 html.app-shell :is(input, select, textarea) {
     color-scheme: light;
 }
@@ -365,14 +379,22 @@ html.meet-room-page {
 }
 
 /* Meeting room footer */
+.meet-room-page .meet-room-footer {
+    min-height: 4.75rem;
+}
+
 @media (max-width: 639px) {
+    .meet-room-page .meet-room-footer {
+        min-height: calc(3.75rem + env(safe-area-inset-bottom, 0px));
+        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
+    }
+
     .meet-room-page .meet-toolbar__track {
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 0.75rem;
         padding-inline: 1rem;
-        padding-bottom: max(0.25rem, env(safe-area-inset-bottom, 0px));
     }
 
     .meet-room-page .meet-toolbar__primary {