Keep app pages light, move join actions to meeting details, fix join URL.

Force light color-scheme on app shells while scoping dark UI to the live room; remove join/restart from list cards and consolidate start/join/rejoin on the details action row; route Join meeting through /r/ so participants are registered before entering /room/.

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

resources/css/app.css

@@ -15,37 +15,50 @@
     display: none !important;
 }
 
-.meet-toolbar-icon {
+/* App shell: always light (ignore OS dark mode). Live meeting keeps dark UI. */
+html.app-shell {
+    color-scheme: light;
+}
+
+html.app-shell :is(input, select, textarea) {
+    color-scheme: light;
+}
+
+html.meet-room-page {
+    color-scheme: dark;
+}
+
+.meet-room-page .meet-toolbar-icon {
     filter: brightness(0) invert(1);
     opacity: 0.92;
 }
 
-.meet-chat-bubble {
+.meet-room-page .meet-chat-bubble {
     max-width: 85%;
 }
 
-.meet-chat-bubble--own {
+.meet-room-page .meet-chat-bubble--own {
     margin-left: auto;
 }
 
-.meet-tile-speaking {
+.meet-room-page .meet-tile-speaking {
     box-shadow: 0 0 0 2px rgb(52 211 153 / 0.9);
 }
 
-.meet-speaking-bar {
+.meet-room-page .meet-speaking-bar {
     transform-origin: center bottom;
     animation: meet-speaking-pulse 0.9s ease-in-out infinite;
 }
 
-.meet-speaking-bar--1 {
+.meet-room-page .meet-speaking-bar--1 {
     animation-delay: 0s;
 }
 
-.meet-speaking-bar--2 {
+.meet-room-page .meet-speaking-bar--2 {
     animation-delay: 0.15s;
 }
 
-.meet-speaking-bar--3 {
+.meet-room-page .meet-speaking-bar--3 {
     animation-delay: 0.3s;
 }
 
@@ -64,7 +77,7 @@
 
 /* Meeting room footer */
 @media (max-width: 639px) {
-    .meet-toolbar__track {
+    .meet-room-page .meet-toolbar__track {
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -73,7 +86,7 @@
         padding-bottom: max(0.25rem, env(safe-area-inset-bottom, 0px));
     }
 
-    .meet-toolbar__primary {
+    .meet-room-page .meet-toolbar__primary {
         display: flex;
         min-width: 0;
         flex: 1;
@@ -81,14 +94,14 @@
         gap: 0.5rem;
     }
 
-    .meet-toolbar__divider {
+    .meet-room-page .meet-toolbar__divider {
         width: 1px;
         height: 2rem;
         flex-shrink: 0;
         background-color: rgb(51 65 85);
     }
 
-    .meet-toolbar__actions {
+    .meet-room-page .meet-toolbar__actions {
         display: flex;
         flex-shrink: 0;
         align-items: center;
@@ -97,7 +110,7 @@
 }
 
 @media (min-width: 640px) {
-    .meet-toolbar__track {
+    .meet-room-page .meet-toolbar__track {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
@@ -107,7 +120,7 @@
 }
 
 /* Meeting room chat / participants: bottom sheet on mobile, sidebar on desktop */
-.meet-room-panel {
+.meet-room-page .meet-room-panel {
     position: fixed;
     inset: 0;
     z-index: 50;
@@ -116,14 +129,14 @@
     justify-content: flex-end;
 }
 
-.meet-room-panel__backdrop {
+.meet-room-page .meet-room-panel__backdrop {
     position: absolute;
     inset: 0;
     background-color: rgb(2 6 23 / 0.72);
     backdrop-filter: blur(4px);
 }
 
-.meet-room-panel__sheet {
+.meet-room-page .meet-room-panel__sheet {
     position: relative;
     z-index: 1;
     display: flex;
@@ -135,13 +148,13 @@
     padding: 0 0.75rem max(0.75rem, env(safe-area-inset-bottom, 0px));
 }
 
-.meet-room-panel__handle {
+.meet-room-page .meet-room-panel__handle {
     display: flex;
     justify-content: center;
     padding: 0.75rem 0 0.25rem;
 }
 
-.meet-room-panel__handle span {
+.meet-room-page .meet-room-panel__handle span {
     display: block;
     height: 0.25rem;
     width: 2.5rem;
@@ -149,7 +162,7 @@
     background-color: rgb(51 65 85);
 }
 
-.meet-room-panel__header {
+.meet-room-page .meet-room-panel__header {
     display: flex;
     flex-shrink: 0;
     align-items: flex-start;
@@ -158,7 +171,7 @@
     padding: 0 0.25rem 0.75rem;
 }
 
-.meet-room-panel__body {
+.meet-room-page .meet-room-panel__body {
     display: flex;
     min-height: 0;
     flex: 1;
@@ -170,7 +183,7 @@
 }
 
 @media (min-width: 640px) {
-    .meet-room-panel {
+    .meet-room-page .meet-room-panel {
         position: relative;
         inset: auto;
         z-index: auto;
@@ -181,12 +194,12 @@
         justify-content: flex-start;
     }
 
-    .meet-room-panel__backdrop,
-    .meet-room-panel__handle {
+    .meet-room-page .meet-room-panel__backdrop,
+    .meet-room-page .meet-room-panel__handle {
         display: none;
     }
 
-    .meet-room-panel__sheet {
+    .meet-room-page .meet-room-panel__sheet {
         display: flex;
         height: 100%;
         max-height: none;
@@ -196,7 +209,7 @@
         padding: 0.75rem;
     }
 
-    .meet-room-panel__body {
+    .meet-room-page .meet-room-panel__body {
         border-radius: 1rem;
     }
 }