html {
    background: #151515;
}

body.pwa-standalone {
    min-height: 100dvh;
    padding:
        env(safe-area-inset-top)
        env(safe-area-inset-right)
        env(safe-area-inset-bottom)
        env(safe-area-inset-left);
    background: #151515;
}

body.pwa-standalone #private-view,
body.pwa-standalone #public-view {
    min-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}

body.pwa-standalone #private-view .dashboard-sidebar {
    padding-top: max(24px, env(safe-area-inset-top));
    padding-bottom: max(20px, env(safe-area-inset-bottom));
}

body.pwa-standalone .mobile-fab-btn {
    right: max(18px, env(safe-area-inset-right));
    bottom: max(18px, env(safe-area-inset-bottom));
}

@media (max-width: 760px) {
    body.pwa-standalone #private-view .dashboard-main-content {
        padding-top: max(64px, calc(env(safe-area-inset-top) + 44px)) !important;
        padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
    }

    body.pwa-standalone .player-comments-app {
        height: calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        min-height: 420px;
    }
}