/* v14 — native OS safe area + optional Yappy status bar, composed once */
:root{
  --native-safe-top:env(safe-area-inset-top,0px);
  --native-safe-right:env(safe-area-inset-right,0px);
  --native-safe-bottom:env(safe-area-inset-bottom,0px);
  --native-safe-left:env(safe-area-inset-left,0px);
  --native-safe-top-js:0px;
  --native-safe-right-js:0px;
  --native-safe-bottom-js:0px;
  --native-safe-left-js:0px;
  --native-safe-top-resolved:max(var(--native-safe-top),var(--native-safe-top-js));
  --native-safe-right-resolved:max(var(--native-safe-right),var(--native-safe-right-js));
  --native-safe-bottom-resolved:max(var(--native-safe-bottom),var(--native-safe-bottom-js));
  --native-safe-left-resolved:max(var(--native-safe-left),var(--native-safe-left-js));
}
@media(max-width:780px){
  #app-root{top:var(--native-safe-top-resolved)}
  .statusbar{top:var(--native-safe-top-resolved)}
}
html.app-standalone{
  --status-h:50px;
}
html.app-standalone .home-indicator{display:none!important}
html.app-standalone #app-root{
  top:var(--native-safe-top-resolved)!important;
}
html.app-standalone .statusbar{
  top:var(--native-safe-top-resolved)!important;
}
html.app-standalone.no-statusbar,
html.app-standalone[data-yappy-statusbar="off"]{
  --status-h:0px!important;
}
html.app-standalone.no-statusbar .statusbar,
html.app-standalone[data-yappy-statusbar="off"] .statusbar{
  display:none!important;
}
@media (display-mode:standalone), (display-mode:fullscreen){
  :root{--status-h:50px}
  #app-root{top:var(--native-safe-top-resolved)!important}
  .statusbar{top:var(--native-safe-top-resolved)!important}
  .home-indicator{display:none!important}
  html.no-statusbar,
  html[data-yappy-statusbar="off"]{--status-h:0px!important}
  html.no-statusbar .statusbar,
  html[data-yappy-statusbar="off"] .statusbar{display:none!important}
}


/* v15 — installed/fullscreen shell safety across iOS and Android. */
html.app-standalone,
html.app-standalone body{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
}
html.app-fullscreen{
  --yappy-installed-display:fullscreen;
}