/* Custom Styles */
:root {
    --modal-blur: 6px;
    /* blur offset */
}

/* Layout */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Main content area */
main {
    flex: 1;
}

.show {
    backdrop-filter: blur(var(--modal-blur)) !important;
    -webkit-backdrop-filter: blur(var(--modal-blur)) !important;
}