*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#fff;height:100%;font-size:100%}body{color:#0b0c0c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}:root{--keyboard-height:0px}.app{width:100%;max-width:100%;min-height:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;flex:1;display:flex}.screen{flex-direction:column;flex:1;width:100%;max-width:36rem;min-height:0;margin:0 auto;display:flex}.screen-header{padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem 1.25rem;flex-shrink:0}.screen-content{min-height:0;padding:1.5rem 1.25rem max(1.5rem, env(safe-area-inset-bottom));flex:1;overflow:hidden auto}.screen-footer{padding:1rem 1.25rem max(1rem, env(safe-area-inset-bottom));background:#fff;border-top:2px solid #b1b4b6;flex-shrink:0}img{max-width:100%;height:auto}