bug fixes from sxsw

neode-ui/src/style.css

@@ -60,6 +60,22 @@
   }
 }
 
+/* Scroll container bottom padding — desktop breathing room */
+.mobile-scroll-pad,
+.mobile-scroll-pad-back {
+  padding-bottom: 6rem;
+}
+
+/* Mobile: override with tab bar clearance */
+@media (max-width: 767px) {
+  .mobile-scroll-pad {
+    padding-bottom: calc(var(--mobile-tab-bar-height, 88px) + env(safe-area-inset-bottom, 0px) + 16px);
+  }
+  .mobile-scroll-pad-back {
+    padding-bottom: calc(var(--mobile-tab-bar-height, 88px) + env(safe-area-inset-bottom, 0px) + 64px);
+  }
+}
+
 /* Haptic-like press feedback for all interactive elements */
 button:active:not(:disabled),
 [role="button"]:active,
@@ -131,8 +147,14 @@ input[type="radio"]:active + * {
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
 
+  /* Full-width mode switcher variant (sidebar, mobile settings) */
+  .mode-switcher-full {
+    display: flex;
+    width: 100%;
+  }
+
   .mode-switcher-btn {
-    flex: none;
+    flex: 1 1 0%;
     padding: 0.375rem 0.75rem;
     border-radius: 0.375rem;
     white-space: nowrap;
@@ -146,6 +168,14 @@ input[type="radio"]:active + * {
     background: transparent;
   }
 
+  @media (max-width: 767px) {
+    .mode-switcher-btn {
+      min-height: 44px;
+      font-size: 0.875rem;
+      padding: 0.625rem 1rem;
+    }
+  }
+
   .mode-switcher-btn:hover {
     color: rgba(255, 255, 255, 0.75);
   }
@@ -235,10 +265,11 @@ input[type="radio"]:active + * {
     background: transparent;
   }
 
-  /* On mobile, pad iframe so AIUI content ends above the tab bar */
+  /* On mobile, shrink iframe height so AIUI ends above the Archipelago tab bar */
   @media (max-width: 767px) {
     .chat-iframe-mobile {
-      padding-bottom: var(--mobile-tab-bar-height, 72px);
+      height: calc(100% - var(--mobile-tab-bar-height, 72px)) !important;
+      flex: none;
     }
   }