/* Demo demo29 "Relax" — the owner's bg0 page (2026-10-18): near-black, seven colour fields blurred by 250px, screen blending, a 4 % noise veil. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body, html { width: 100%; height: 100%; overflow: hidden; background-color: #060709; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.defs { position: absolute; width: 0; height: 0; }

/* 1. an extremely blurred stage: no edges left */
.blur-stage { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; overflow: hidden; filter: blur(250px); will-change: transform; transform: translate3d(0, 0, 0); }
/* the fields are moved by js/demo29.js (transforms) */
.smooth-ellipse { position: absolute; border-radius: 50%; mix-blend-mode: screen; will-change: transform, opacity; }

/* 2. micro-noise against colour rings */
.noise-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; filter: url(#ultra-fine-noise); opacity: 0.04; }

.content-layer { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; text-align: center; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }