fix(map): fix map display on mobile

style.css

@@ -1284,6 +1284,7 @@ p {
 #map {
   width: 100%;
   height: 100%;
+  min-height: 320px;
   border-radius: var(--radius-base);
 }
 
@@ -1413,6 +1414,10 @@ p {
     order: 1;
     min-height: 60vh;
   }
+
+  #map {
+    min-height: max(320px, 60vh);
+  }
   
   .app-header {
     padding: var(--space-12) var(--space-16);
@@ -1468,4 +1473,4 @@ p {
 @font-face {
   font-family: 'FKGroteskNeue';
   src: url('https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2') format('woff2');
-}
+}