*,*::before,*::after{box-sizing:border-box}
html,body,#root{width:100%;max-width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden;box-sizing:border-box}
#root{box-sizing:border-box}
#root>div{width:100%;max-width:100%;min-width:0}
html[data-theme="dark"] #root{filter:invert(.91) hue-rotate(180deg)}
html[data-theme="dark"] #root img,html[data-theme="dark"] #root iframe{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"]{color-scheme:dark}
#root>div:first-child{padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-bottom:0;background:#F6F5EF}
html,body,#root{touch-action:pan-y}
input,textarea,select{-webkit-text-size-adjust:100%}
iframe{display:block;max-width:100%;box-sizing:border-box}

#root>*{max-width:100vw}
/* Keep the app in the device viewport; only the content column scrolls. */
html,body,#root{height:100%;min-height:0;overflow:hidden}
#root{height:100vh;height:100dvh;max-height:100dvh}
#root>div{height:100%;max-height:100%;overflow:hidden}
