Fix mobile panel safe area

wwwroot/css/app.css

@@ -1276,6 +1276,8 @@ input[type="checkbox"] {
     z-index: 1100;
     display: flex;
     flex-direction: column;
+    min-height: 0;
+    overflow: hidden;
     width: min(430px, calc(100% - 48px));
     border-left: 1px solid var(--line);
     background: var(--panel);
@@ -1328,10 +1330,15 @@ h2 {
 }
 
 .panel-content {
+    flex: 1 1 auto;
+    min-height: 0;
     display: grid;
+    align-content: start;
     gap: 12px;
     overflow-y: auto;
-    padding: 15px 16px 24px;
+    overscroll-behavior: contain;
+    padding: 15px 16px max(32px, calc(24px + env(safe-area-inset-bottom)));
+    scroll-padding-bottom: max(32px, calc(24px + env(safe-area-inset-bottom)));
 }
 
 .panel-section {