TITLE: Orb Loader — Waiting, Beautifully

PROMPT: Build a single self-contained HTML page (no external assets, system fonts only) titled "Orb Loader — Waiting, Beautifully": a dark deep-space loading ritual on #0b0f19 with a faint hand-placed starfield of 1px radial-gradient dots and a 130%/95% top-centred radial wash from #16203a through #0d1322 to #06080f, plus a fixed vignette (radial-gradient 75% 60% at 50% 50%, transparent 40% to rgba(4,6,12,.72)). Layout: a 3-row grid (topbar / centered core / footer) inside a min(1180px, 92vw) stage. Topbar has a glowing 11px glass bead + "AETHER / ORB" in 11px 600 uppercase with .46em letter-spacing and a pill-shaped monospace index chip "056 · LOAD RITUAL" (border rgba(148,163,184,.16), background rgba(30,41,59,.42)). Core: a small monospace eyebrow with an orchid "light", then a clamp(200px,48vmin,320px) square orb-wrap. Inside it: a 1px ring track (rgba(148,163,184,.13)) with inset glow, a repeating-conic-gradient tick bezel masked to a 3px rim at 50% opacity, a masked conic-gradient progress arc (ice #7dd3fc with a 165deg soft tail into orchid #f0abfc, from -90deg, painted by JS each change), 7 orbiting satellite dots (9px radial-gradient beads, alternating ice/orchid with box-shadows) positioned every frame in an elliptical orbit (y compressed to .52, per-dot wobble in angle and radius, depth-based scale/opacity/z-index), and a glass orb at 72% of the wrap built from stacked radial-gradients (white specular at 30%/24%, orchid bloom at 68%/78%, ice body, #1e293b-to-#0d1424 core) with inset dark shadow, inset ice glow, inset top highlight and a 70px outer drop shadow; inside the orb a blurred 9px conic-gradient refraction layer (ice/orchid/white) swirling on a 17s linear rotation at .42 opacity, a soft sheen ellipse rotated -16deg, and a 1px inner rim. A centered oversized percentage (system-ui weight 200, clamp(46px,12vmin,96px), -0.05em tracking, tabular-nums, ice text-shadow) with a 0.36em orchid "%" sits over the orb. Below the orb: a 1.4em overflow-hidden status line in ui-monospace uppercase .19em tracking, swapped with a translateY(100%→0) slide animation; under it a 10px .26em-tracking hint. Footer: a hairline rule, five animated equalizer bars (ice/orchid gradients, 1.1s staggered keyframes), a live monospace status note and a right-aligned label. JS in one IIFE at the end of body: frame-driven progress over 235 frames (about 4s at 60fps) with easeOut 1.85 and subtle sine jitter, six status thresholds, dirty-gated percentage/ring writes (no writes when the integer or arc delta is unchanged), a glowing 10px ring head pinned to the leading edge of the arc via rotate + translateY of a --rr radius variable, rAF orbit loop using `let` counters, pointer-capture drag that adds angular velocity with clamping, pointermove refraction (translate the blur layer by up to 9px and add a .hot class boosting opacity, scale and glow), click-to-restart with a 7px drag guard, and on completion a .bloom class that scales the orb to 1.14, fades and expands the ring, hides the head, dims the dots and reveals a glassy message pill above the orb on click. prefers-reduced-motion stops the swirl/equalizer animations, shortens transitions and damps orbital speed. Everything responsive from 360px to 1920px; no console errors; guards on every DOM lookup.

DESCRIPTION: A meditative loading screen that treats waiting as a design material: a suspended glass orb refracted by a slowly swirling conic gradient, encircled by a masked progress arc that fills with an ice-to-orchid gradient while seven satellite dots weave an elliptical orbit with per-dot wobble and depth-based scale. The oversized weight-200 percentage reads like a breath rather than a machine counter, the monospace status line slides in phrase by phrase, and the whole chamber sits inside a star-dusted deep-space vignette with a restrained instrument-panel footer. Hovering bends the light inside the glass; dragging spins the orbit with inertia; completion makes the orb bloom open and offer a single whispered line.

TECHNIQUES:
- Masked conic-gradient progress arc (radial-gradient mask to a 7px ring) painted from JS with a soft 165deg tail and a glowing head bead at its leading edge
- Glass orb from five stacked radial-gradients plus inset box-shadows and an inner rim highlight
- Blurred rotating conic-gradient refraction layer (single small filtered element)
- rAF elliptical orbit with per-dot sine wobble, depth-based scale/opacity/z-index
- Dirty-gated style writes (percentage integer, ring arc delta) for a quiet idle loop
- Pointer capture for drag-spin with clamped angular velocity and a drag-vs-click threshold
- Transform-only entrance/status reveals (no opacity 0→1) so frozen-clock renders show the full page
- Repeating-conic-gradient tick bezel masked to a 3px rim

INTERACTION: Move the pointer over the orb — the blurred refraction layer translates toward the pointer, opacity and glow intensify via a .hot class, and the hint fades. Drag anywhere on the orb ring — the orbit takes angular velocity with inertia (clamped), and the click that follows a drag is ignored by a 7px movement guard. Click the orb before completion — the load restarts from zero with fresh status phrases. When the sequence completes the orb blooms open (scale 1.14, ring fades and expands, dots dim); clicking the opened orb toggles a glassy message pill ("orb ready · 42 shards of light indexed") above it. Window resize re-measures the orbit radius; prefers-reduced-motion damps spin and removes the swirl and equalizer animations.