#bg-canvas {

    display: block;

    height: 100vh;

    inset: 0;

    opacity: 0;

    pointer-events: none;

    position: fixed;

    transition: opacity 240ms ease;

    width: 100vw;

    z-index: 0;

}



#bg-canvas.ready {

    opacity: 1;

}



:root[data-theme="light"] #bg-canvas {

    display: none;

}



@media (prefers-color-scheme: light) {

    :root:not([data-theme]) #bg-canvas {

        display: none;

    }

}