/* AytBg — animated background modes: aurora / stars / grid */

#ayt-bg-canvas {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;          /* furthest back */
    opacity: 0;
    transition: opacity 1.2s ease;
}
#ayt-bg-canvas.active { opacity: 1; }

/* Slightly transparent workspace background so the canvas shows through */
body.aytbg-active #workspace {
    background-color: transparent !important;
}

/* Button lit when a mode is active */
body.aytbg-active #ayt-bg-btn {
    color: var(--accent-light, #80e8ff);
    filter: drop-shadow(0 0 5px var(--accent, #00d0ff));
}