html,body{margin:0;padding:0;box-sizing:border-box;width:var(--main-width);min-height:var(--main-height);overflow-x:hidden;overflow-y:auto}body{font-family:Roboto,Helvetica Neue,sans-serif;display:flex;flex-direction:column;background:#24172c;color:#fff}body,body *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--main-color: #A763B9}@supports (height: 100dvh){:root{--main-height: 100dvh;--main-width: 100dvw}}@supports not (height: 100dvh){:root{--main-height: 100vh;--main-width: 100vw}}