/* desktop and tablets (min-width: 701px) */
#pages{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(90px,calc(env(safe-area-inset-top,0px) + 80px)) max(18px,env(safe-area-inset-right,0px)) max(70px,calc(env(safe-area-inset-bottom,0px) + 60px)) max(18px,env(safe-area-inset-left,0px));pointer-events:none}
.page{pointer-events:auto;position:relative;width:100%;max-width:680px;flex:0 1 auto;max-height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;border-radius:28px;border:1px solid var(--glass-edge);background:linear-gradient(160deg,var(--glass-page-a),var(--glass-page-b));backdrop-filter:blur(22px) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(22px) saturate(var(--glass-sat));box-shadow:0 24px 70px var(--glass-page-shadow),inset 0 1px 0 var(--glass-edge);color:#fff;opacity:0;transform:translateY(18px) scale(.97);visibility:hidden;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.1),visibility 0s .45s}
#menuPanel{min-width:300px}