/* Safe area layer for top notch */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: env(safe-area-inset-top);

    background: #0D0F2A;      /* Match Astra dark background */
    z-index: 999999;
}

/* Add padding so content stays below notch */
body {
    padding-top: calc(env(safe-area-inset-top));
    margin: 0;
}

/* DARK MODE */
@media (prefers-color-scheme: dark) {
    body::before {
        background: #0D0F2A !important;
    }
}