#background-stage{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict;height:100vh;height:100svh;background:radial-gradient(ellipse at 81% 31%,#17223c55,transparent 44%),radial-gradient(ellipse at 72% 85%,#1c244c33,transparent 55%),linear-gradient(180deg,#080b10 4%,#090e19 67%,#0a111e)}
#background-stage::before{content:"";position:absolute;inset:0;background:url('/assets/background/water-static.svg?v=20261021-flow') center center/cover no-repeat;opacity:.72}
#background-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b10e8 0%,#080b10ad 35%,#080b1044 58%,#080b1008 84%),linear-gradient(180deg,#080b1022,transparent 35%,#080b1022);pointer-events:none;z-index:3}
#background-stage canvas{position:absolute;inset:0;width:100%;height:100%}
#background-stage .water-canvas{opacity:.94;z-index:1}
#background-stage .network-canvas{z-index:2}
#background-stage .scene-scrim{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#080b1077,transparent 72%)}
#background-stage[data-water='shader']::before{opacity:.11}
body[data-page='reading'] #background-stage::after{background:linear-gradient(90deg,#080b10ec,#080b10c7 72%,#080b10a8)}
body[data-page='reading'] #background-stage .water-canvas{opacity:.54}
@media(max-width:700px){#background-stage::after{background:linear-gradient(90deg,#080b10b8,#080b1094 48%,#080b1044),linear-gradient(180deg,#080b1055,transparent 46%,#080b1033)}#background-stage .water-canvas{opacity:.82}#background-stage .network-canvas{opacity:.82}}
@media(prefers-reduced-motion:reduce){#background-stage *{will-change:auto!important}}
[data-motion-toggle]:disabled{cursor:default}