/* Authored anime meadow with subtle live WebGL wind. */
:root { --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --surface-pad:clamp(12px,2vw,20px); }
body { isolation:isolate; }
.sky { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; background-color:#48add4; background-image:url('/static/anime-meadow-wide.webp'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
.skyCanvas { display:block; width:100%; height:100%; pointer-events:none; }
.sky::after { content:''; position:absolute; inset:0; background:var(--skyOverlay,linear-gradient(180deg,rgba(255,255,255,.01),rgba(4,35,38,.08))); }
@media(max-aspect-ratio:3/4) { .sky { background-image:url('/static/anime-meadow-portrait.webp'); } }
@media(prefers-reduced-motion:reduce) { .skyCanvas { transform:none; } }