handle disconnection on frontend

static/dist/styles.css

@@ -279,6 +279,7 @@ select {
 header,
 menu {
   backdrop-filter: blur(70px);
+  -webkit-backdrop-filter: blur(70px);
 }
 
 /* border, outline, etc */
@@ -604,6 +605,7 @@ select + .icon,
 article,
 main,
 select + .icon,
+.height-100,
 .modal > div,
 .modal main {
   height: 100%;
@@ -757,12 +759,17 @@ body {
   height: 100%;
 }
 
-body {
+body,
+.modal {
   padding-left: var(--safe-area-left);
   padding-right: var(--safe-area-right);
   padding-top: var(--safe-area-top);
 }
 
+.modal {
+  padding-bottom: var(--safe-area-bottom);
+}
+
 menu {
   width: 100%;
   height: var(--menu-height-mobile);