Improve waiting room alerts, audio reliability, and mobile toolbar.

Show host-visible waiting badges and enable-audio prompts, harden mic
playback with LiveKit attach patterns, and swipe-scroll meeting controls on mobile.

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

resources/css/app.css

@@ -28,6 +28,68 @@
     margin-left: auto;
 }
 
+/* Meeting room footer: horizontal carousel on mobile */
+@media (max-width: 639px) {
+    .meet-toolbar {
+        position: relative;
+        overflow: hidden;
+    }
+
+    .meet-toolbar::before,
+    .meet-toolbar::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        z-index: 1;
+        width: 1.25rem;
+        pointer-events: none;
+    }
+
+    .meet-toolbar::before {
+        left: 0;
+        background: linear-gradient(to right, rgb(2 6 23), transparent);
+    }
+
+    .meet-toolbar::after {
+        right: 0;
+        background: linear-gradient(to left, rgb(2 6 23), transparent);
+    }
+
+    .meet-toolbar__track {
+        display: flex;
+        flex-wrap: nowrap;
+        align-items: center;
+        gap: 0.5rem;
+        overflow-x: auto;
+        overscroll-behavior-x: contain;
+        -webkit-overflow-scrolling: touch;
+        scroll-snap-type: x proximity;
+        scrollbar-width: none;
+        padding-inline: 1rem;
+        padding-bottom: max(0.25rem, env(safe-area-inset-bottom, 0px));
+    }
+
+    .meet-toolbar__track::-webkit-scrollbar {
+        display: none;
+    }
+
+    .meet-toolbar__track > * {
+        flex-shrink: 0;
+        scroll-snap-align: center;
+    }
+}
+
+@media (min-width: 640px) {
+    .meet-toolbar__track {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        gap: 0.75rem;
+    }
+}
+
 /* QR create/show: flush mobile action bar to the physical screen bottom (mobile only) */
 @media (max-width: 1023px) {
     .mobile-action-bar {