Fix layout issues in Safari

app/assets/stylesheets/bubbles.css

@@ -57,7 +57,7 @@
 
   .bubble__perma & {
     --bubble-border-width: 0.3rem;
-    --bubble-size: 100% !important;
+    --bubble-size: 40dvh !important;
 
     z-index: 1;
   }
@@ -290,12 +290,6 @@
   }
 }
 
-.bubble__perma {
-  block-size: 100%;
-  max-block-size: 40dvh;
-  max-inline-size: 100%;
-}
-
 .bubble__tags {
   --row-gap: 0;
 

app/assets/stylesheets/layout.css

@@ -1,14 +1,13 @@
 body {
   display: grid;
-  grid-template-rows: auto 1fr auto 10rem;
+  grid-template-rows: auto 1fr auto 6em;
 }
 
 :where(#main) {
-  container-type: inline-size;
+  container-type: normal;
   inline-size: 100vw;
   margin-inline: auto;
   max-inline-size: 100vw;
-  padding-block: 0 clamp(var(--block-space), 3cqmin, calc(var(--block-space) * 3));
   padding-inline: clamp(var(--inline-space), 3cqmin, calc(var(--inline-space) * 3));
   text-align: center;