TITLE: VIGIL — a quiet memorial of candlelight
PROMPT: Design 'VIGIL', a quiet memorial of candlelight: a dark chapel-dark page where rows of candles glow with individual flame flicker (pure CSS/SVG, each with unique timing), soft light pools on a stone ledge, and visitors can light a candle for a name they type — the new flame grows from an ember with a held-breath pause and a rising smoke wisp. A counter of candles lit and a wall of small handwritten-style names (fictional, gentle) accumulate. Interactions: type a name and LIGHT A CANDLE (flame ignition animation, optional soft tone, WebAudio gesture-gated); hovering any candle brightens it and shows its name and date; a wind slider makes flames lean and gutter; BLOW OUT extinguishes yours back to smoke. Solemn, warm, humane — no dark patterns, just light.
DESCRIPTION: A dark chapel with a stone ledge of candles: five starter memorial candles (fictional, gentle names and dates) plus every candle visitors light, each a CSS wax stick with drip detail and an individually-seeded flickering flame whose radial glow pools on the ledge. Type a name and LIGHT A CANDLE — the flame ignites from an ember with a springy scale-in and a soft two-partial chime; the counter updates. The WIND slider makes flames lean, scale, and occasionally gutter; BLOW OUT extinguishes a random third with fading flame and a rising smoke wisp; clicking an unlit candle relights it. Hovering shows each candle's dedication. Names never leave the page.
TECHNIQUES: pure-CSS candles (gradient wax, drip pseudo-elements, keyframe flame flicker with per-candle seed offsets), ignition choreography with double-rAF and springy cubic-bezier scale, wind-driven skew/scale/gutter updates, smoke wisp keyframes injected at runtime, WebAudio sine chime (gesture-gated), HTML-escaped dedications, prefers-reduced-motion stillness.
INTERACTION: Type a name and light a candle (ignition + chime); hover candles for dedications; drag the wind to lean the flames; blow a few out and relight them by clicking.