TITLE: Cloud Dreamscape — a slow weather over one small island

PROMPT: Build a single self-contained HTML page that feels like drifting inside a pastel cloud dream. Canvas covers the whole viewport (fixed, DPR-scaled with ctx.setTransform, re-seeded on resize) and renders a vertical sky gradient interpolated between four time-of-day palettes built from #eaf2fd/#dfe9f5/#c3d9f0/#8a9bb5 tops, #fff6e6/#f7d9e3 mids and #f7d9e3/#c3d9f0/#8a9bb5/#5f6f8c lows, plus a large soft radial sun bloom in #fff6e6 that slides and cools as the tint changes. Clouds are pre-rendered offscreen sprites (5 sizes, 4-8 overlapping radial-gradient blobs each with a flat elliptical base) recoloured per tint with a source-in gradient pass into reused tint canvases, then drawn as three parallax depth bands (0.16/0.42/0.80) at 0.52/0.70/0.90 alpha, each drifting at its own speed and wrapping around the viewport. A floating island sits lower-centre: warm radial glow, soft drop shadow ellipse, bezier rock body in #b9c8dd to #2c3748, cream-to-haze grass cap ellipse, a curved stroked trunk and four overlapping canopy circles in #c3d9f0/#8a9bb5 with a #fff6e6 blush highlight; it bobs on a slow sine. 36 petals (ellipses in #f7d9e3 and #fff6e6) fall with per-petal sway, rotation and drift. Overlay: a fixed multiply vignette radial-gradient, an editorial title card top-left — monospace kicker "index 046 · drift study no.1", display system-ui 300 headline clamp(2.5rem,9.4vw,7.4rem) with a Georgia italic second line "Dreamscape" in #8a9bb5, and a monospace uppercase caption — plus bottom HUD readouts for light and altitude, a right-side hint block, a wish line near the island, and a centred Georgia serif paragraph at 128dvh. Body is 250dvh tall so scrolling sinks the viewer through the cloud layers. Pointer proximity repels nearby clouds with an inverse-square falloff impulse and a spring back to the drift path. Wheel eases the tint target through morning/day/haze/dusk; clicking inside the island ellipse prints one of six wishes with a transform-only reveal and bursts petals. Respect prefers-reduced-motion via matchMedia by dropping all motion to 22% speed. No external assets, no network, system fonts only, everything inside one style block and one script block.

DESCRIPTION: A calm, airy dreamland rendered entirely on canvas. Three depths of soft cloud sprites drift across a pastel sky that slowly warms and cools, while a small floating island with a single tree bobs below a cream sun bloom and petals tumble through the frame. The page is deliberately quiet: wide-tracked monospace labels, a serif italic title line, generous whitespace, and a multiply vignette that pulls the eye to the island. Scrolling sinks the viewer through the layers into a centred line of poetry; the pointer can part the clouds; the wheel shifts the hour of the day; clicking the island answers with a wish.

TECHNIQUES: DPR-scaled fixed canvas with a single rAF loop and dirty spring physics; offscreen cloud sprites recoloured via source-in composite into reused tint buffers (no per-frame filter); four-stop time-of-day palette interpolation in RGB; radial-gradient sun bloom; three-band parallax with scroll-coupled layer offsets; inverse-square pointer repulsion with critically damped spring return; ellipse petal particles with sway/rotation; bezier rock silhouette with layered gradient shading; transform-only entrance and wish reveals (never opacity 0 to 1); matchMedia reduced-motion scaling.

INTERACTION: Move the pointer to push clouds aside (soft repulsion, they spring back); scroll to sink through the cloud layers and reach the closing line; use the wheel to change the light through morning, day, haze and dusk (the HUD readout updates); click the floating island to print a wish and burst petals. All animation drops to a slow drift when the operating system asks for reduced motion.