body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    min-height: -webkit-fill-available;
}

/* If you want to fully remove the top padding */
body {
    padding-top: 0;
    margin-top: 0;
}

/* For your main container if needed */
.main-container {
    min-height: -webkit-fill-available;
}