Push the limits of safe area

src/app.css

@@ -1710,7 +1710,10 @@ body:has(.media-modal-container + .status-deck) .media-post-link {
     bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
 
     body.exp-tab-bar-v2 & {
-      bottom: max(16px, var(--sai-bottom));
+      bottom: max(
+        16px,
+        min(var(--sai-left), var(--sai-right), var(--sai-bottom))
+      );
     }
   }
 }

src/components/shortcuts.css

@@ -85,7 +85,10 @@
     --inset-block-end: max(16px, var(--sai-bottom));
     --compose-button-width: 56px;
     inset-inline-start: var(--inset-inline-start);
-    inset-block-end: max(16px, var(--sai-bottom));
+    inset-block-end: max(
+      16px,
+      min(var(--sai-left), var(--sai-right), var(--sai-bottom))
+    );
     max-width: calc(
       100vw - var(--inset-inline-start) - var(--inset-inline-end) -
         var(--compose-button-width) - 8px