body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:transparent}html{background-color:var(--bg-top-color,#edf)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);min-height:100svh;overflow-x:hidden;overflow-y:auto;position:relative;z-index:1}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(50svh + env(safe-area-inset-bottom));background-color:var(--bg-bottom-color,#c0ccff);pointer-events:none;z-index:0}.with-bottom-safe-space{min-height:100svh;overflow-y:auto;padding-bottom:0}.safe-top-pad{padding-top:env(safe-area-inset-top)}