/* v12 — native safe-area handling for installed/mobile Yappy */
:root{--native-safe-top:env(safe-area-inset-top,0px)}
@media (max-width:780px){
  #app-root{top:var(--native-safe-top)}
  .statusbar{top:var(--native-safe-top)}
}
html.app-standalone{--status-h:0px}
html.app-standalone .statusbar{display:none!important}
html.app-standalone .home-indicator{display:none!important}
@media (display-mode:standalone){
  :root{--status-h:0px}
  .statusbar,.home-indicator{display:none!important}
}