[x-cloak] { display: none !important; }

/* Prevent scrollbar-induced layout shift (especially in Firefox) */
html {
    overflow-y: scroll;
}

/* Navigation gradient backdrop */
.nav-gradient {
    background: linear-gradient(to bottom, rgb(243 244 246) 0%, rgb(243 244 246) 85%, transparent 100%);
}
.dark .nav-gradient {
    background: linear-gradient(to bottom, rgb(3 7 18) 0%, rgb(3 7 18) 85%, transparent 100%);
}

/* Dark mode icon visibility via CSS to prevent layout shift */
.dark-mode-icon-sun { display: none; }
.dark-mode-icon-moon { display: block; }
.dark .dark-mode-icon-sun { display: block; }
.dark .dark-mode-icon-moon { display: none; }

/* 404 page floating bubble animation */
@keyframes float404 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}