.site-shader-root,
.site-shader-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
}

.site-shader-root {
    z-index: -2;
    background:
        radial-gradient(circle at 50% -10%, rgba(255, 255, 255, 0.1), transparent 42%),
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.04), transparent 34%),
        linear-gradient(180deg, #0d1119 0%, #090b11 100%);
}

.site-shader-root canvas {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.92;
}

.site-shader-overlay {
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(8, 10, 15, 0.28) 0%, rgba(8, 10, 15, 0.42) 100%),
        radial-gradient(circle at top, rgba(255, 255, 255, 0.06), transparent 46%);
}

body.shader-mode {
    background: transparent !important;
    position: relative;
}

body.image-mode .site-shader-root,
body.image-mode .site-shader-overlay {
    display: none;
}