/* V29 · Safe areas in installed PWA and contextual guest CTAs.
 * Apple black-translucent + viewport-fit=cover allows content behind system status bar.
 * Adjust only standalone screens; normal Safari/Chrome must keep the original spacing.
 */
html.dd-role-known body.dd-homepage .dd-home-actionbar{display:none!important}

@media (max-width:900px){
  /* Height of the OS status bar in installed apps. In browsers it remains zero. */
  html.dd-standalone{--dd-pwa-safe-top:env(safe-area-inset-top, 0px)}
  @supports (-webkit-touch-callout:none){
    /* Fallback for older iOS PWAs reporting zero in safe-area-inset-top. */
    html.dd-standalone{--dd-pwa-safe-top:max(20px, env(safe-area-inset-top, 0px))}
  }
  html.dd-standalone body.dd-page header.dd-top,
  html.dd-standalone body.dd-page.dd-homepage header.dd-top{
    position:sticky!important;
    top:0!important;
    height:calc(60px + var(--dd-pwa-safe-top, 0px))!important;
    min-height:calc(60px + var(--dd-pwa-safe-top, 0px))!important;
    box-sizing:border-box!important;
    padding-top:var(--dd-pwa-safe-top,0px)!important;
    padding-bottom:0!important;
  }
  html.dd-standalone body.dd-page.dd-homepage header.dd-top{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
  }
  /* iOS status icons are light with black-translucent; the stripe remains dark
     even when the app theme is light, while the controls retain their theme. */
  html.dd-standalone body.dd-page::before{
    content:"";
    position:fixed;
    top:0;left:0;right:0;
    height:var(--dd-pwa-safe-top,0px);
    z-index:1999;
    background:#0b0b0f;
    pointer-events:none;
  }
  html.dd-standalone body.dd-page .dd-rail{
    box-sizing:border-box!important;
    padding-top:calc(20px + var(--dd-pwa-safe-top,0px))!important;
  }
  html.dd-standalone body.dd-page.dd-homepage .dd-tiktok-tabs{
    top:calc(87px + var(--dd-pwa-safe-top,0px))!important;
  }
  html.dd-standalone body.dd-page.dd-homepage .dd-reel-top{
    top:calc(94px + var(--dd-pwa-safe-top,0px))!important;
  }
  html.dd-standalone body.dd-page .dd27-welcome{
    padding-top:calc(16px + var(--dd-pwa-safe-top,0px));
    padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
  }
  html.dd-standalone body.dd-page .dd27-welcome-panel{
    max-height:calc(100dvh - 32px - var(--dd-pwa-safe-top,0px) - env(safe-area-inset-bottom,0px));
  }
  /* Older editorial, artist and admin shells use a non-fixed header. */
  html.dd-standalone body:not(.dd-page):not(.dd28-link-body){
    padding-top:var(--dd-pwa-safe-top,0px);
  }
  html.dd-standalone body.dd28-link-body .dd28-topbar{
    padding-top:calc(12px + var(--dd-pwa-safe-top,0px));
  }
}