/* Safe-area insets for notched phones and home-indicator */
.shell {
  padding-left:   env(safe-area-inset-left);
  padding-right:  env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
}

.topbar {
  padding-left:  max(var(--gap-5), env(safe-area-inset-left));
  padding-right: max(var(--gap-5), env(safe-area-inset-right));
  padding-top:   max(var(--gap-3), env(safe-area-inset-top));
}

/* Standalone mode: hide browser chrome remnants */
@media (display-mode: standalone) {
  body {
    overscroll-behavior-y: none;
  }
}