html,body{width:100%;height:100%;margin:0;background:var(--bg,#fff);}
body.od-product{overflow:hidden;}
body.od-product .stage-label,
body.od-product .back-link,
body.od-product .flow-nav,
body.od-product .notch,
body.od-product .statusbar,
body.od-product .titlebar{display:none!important;}
body.od-product [class$="-bg"],
body.od-product [class*="-bg "]{pointer-events:none!important;}
body.od-product .stage{display:block!important;min-height:100dvh!important;padding:0!important;background:var(--bg,#fff)!important;}
body.od-product-parent{background:#ebebeb!important;}
body.od-product-parent .stage{background:#ebebeb!important;}
body.od-product-teacher{background:#fff!important;}
body.od-product-parent .phone{
  width:100%!important;
  max-width:768px!important;
  height:100svh!important;
  min-height:100svh!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:var(--bg,#fff)!important;
}
body.od-product-teacher .phone{
  width:min(100vw,430px)!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:var(--bg,#fff)!important;
}
body.od-product-parent .app-scroll,
body.od-product-teacher .app-scroll{height:auto!important;flex:1 1 auto!important;}
body.od-product-parent .tabbar,
body.od-product-teacher .tabbar{flex:0 0 auto!important;}
@media (max-width:768px){
  body.od-product-parent,
  body.od-product-parent .stage{background:#fff!important;}
}
body.od-product-admin{background:var(--surface,#f5f5f7)!important;}
body.od-product-admin .stage{background:var(--surface,#f5f5f7)!important;}
body.od-product-admin .console{
  width:100vw!important;
  height:100dvh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.od-product-admin .console-body{height:100dvh!important;}
body.od-product-kiosk{background:var(--bg,#fff)!important;}
body.od-product-kiosk .stage{background:var(--bg,#fff)!important;}
body.od-product-kiosk .kiosk{
  width:min(100vw,540px)!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.od-product-kiosk .kiosk-inner{min-height:100dvh!important;}
@media (min-width:900px){
  body.od-product-kiosk .kiosk{width:min(100vw,720px)!important;}
}