@mkbabb/glass-ui 4.2.0 → 5.0.0

package/dist/styles/tokens/scheme-motion.css

@@ -1,363 +1 @@
-/* tokens/scheme-motion.css
-   §-1 color-scheme · §0 font · §1 duration · §2.W/§2.X motion-weight + cartoon-punch ·
-   §2.A ambient-motion · §2.B/§2.C · §3 z-index.
-   The §2 EASING block (spring linear() curves + per-spring duration clocks +
-   goo-flow curves + cubic-bezier cores/aliases) is carved into the adjacent
-   scheme-spring.css to hold the no-god-module 500-line bound; it @imports
-   IMMEDIATELY AFTER this file (same :root cascade slot).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-:root {
-    /* ═══════════════════════════════════════════════
-       §-1  COLOR-SCHEME (AQ.W2 §1)
-
-       Lets native UI (scrollbars, spinbuttons, form-control chrome, the
-       default focus ring) honor the OS preference when the consumer has
-       NOT pinned a `.dark` class. glass-ui's dark mode is class-driven
-       (`.dark`, theme.css `@variant dark`), so `.dark` overrides to a hard
-       `dark` regardless of OS — but absent the class, native chrome should
-       still track `prefers-color-scheme`. `light dark` (not `only light`)
-       on `:root` delivers that; `.dark` hard-pins `dark`.
-
-       Baseline Widely Available → adopt natively, no `@supports` guard
-       (older engines ignore the property and keep default-light chrome).
-       `accent-color` (AQ.W2 §4) is the companion native-control brand;
-       both are inherited built-in <color>/keyword properties re-specified
-       inside `.dark`. The `--accent-color` token is defined in the §5
-       color block below (custom properties resolve order-independently).
-       ═══════════════════════════════════════════════ */
-    color-scheme: light dark;
-    accent-color: var(--accent-color);
-
-    /* ═══════════════════════════════════════════════
-       §0  FONT TOKEN SOURCE-OF-TRUTH
-
-       The single authoritative declaration of the library's font register.
-       theme.css bridges each --font-stack-* to its Tailwind --font-* namespace
-       var; typography.css consumes the bridged --font-* names. The public
-       runtime knobs remain --font-*, --leading-*, --tracking-*.
-
-       ONE brand register: Plus Jakarta Sans (text + display) + Fira Code (mono).
-       --font-stack-text drives the body/heading/prose/display register — the
-       library DEFAULT is the register every live surface paints (the demo +
-       speedtest render Plus Jakarta everywhere). The calibrated "Plus Jakarta
-       Sans Fallback" / "Fira Code Fallback" faces (declared in typography.css)
-       wrap the system stacks with Capsize metric overrides so the swap window
-       is geometry-neutral (zero CLS). --font-stack-display aliases the text
-       register: there is no separate display-serif voice. */
-    --font-stack-text: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif;
-    --font-stack-display: var(--font-stack-text);
-    --font-stack-sans: var(--font-stack-text);
-    --font-stack-mono: "Fira Code", "Fira Code Fallback", "Fira Mono", monospace;
-
-    --type-leading-micro: 1.2;
-    --type-leading-caption: 1.3;
-    --type-leading-small: 1.4;
-    --type-leading-body: 1.5;
-    --type-leading-prose: 1.618;
-    --type-leading-heading: 1.2;
-    /* BB.W-DISPLAY-TRACKING — the display leading is tightened to the Apple
-       84/80 ≈ 1.05 signature (was 1.1). The DISPLAY ladder ONLY reads this rung;
-       --type-leading-heading (1.2) carries the heading/title register. */
-    --type-leading-display: 1.05;
-
-    --type-tracking-tight: -0.025em;
-    /* BB.W-DISPLAY-TRACKING — the DISPLAY-ONLY proportional negative tracking
-       rung (the Apple −1.5%-of-size signature: 80px → −1.2px = −0.015em). It is
-       em-relative, so the single value is a constant −1.5% across the whole
-       clamp() ladder (φ² → φ^(11/2)). MINTED as its OWN rung so the display
-       calibration NEVER bleeds into the shared --type-tracking-tight (the
-       heading/title/configurator register's tracking, kept at -0.025em). */
-    --type-tracking-display: -0.015em;
-    --type-tracking-snug: -0.01em;
-    --type-tracking-normal: 0;
-    --type-tracking-wide: 0.025em;
-    --type-tracking-wider: 0.05em;
-    --type-tracking-caps: 0.1em;
-
-    /* ═══════════════════════════════════════════════
-       §1  DURATION
-       ═══════════════════════════════════════════════ */
-    --duration-instant: 0.1s;
-    /* BC.W-CONTROL-SMOOTH — the named control-press SURFACE clock (the W-GLASS-CAL
-       per-register-clock discipline). An interactive control the user actively pokes
-       (hover-in, press, toggle) wants the iOS quick ~100-120ms surface beat, NOT the
-       0.2s calm card-crossfade beat — at 0.2s the colour/border/shadow easing drags
-       VISIBLY behind the pointer (the §F "super laggy" read). 0.12s brackets the iOS
-       100-120ms quick-control register (apple-ios27.md). `transition-control` (btn.css)
-       reads THIS so the whole control family re-times from one `:root` override, and
-       the surface beat now tracks the press-squish window (the press is `tap-squish`/
-       `useSpringPress`'s coupled transform leg on the spring's own clock — P3 fade-
-       coupled-to-transform). The bezier `--ease-standard` STAYS for the surface legs
-       (a colour cross-fade on a spring wobbles, §6 binding); only the DURATION shortens.
-       The CALM card register keeps `--duration-fast`/`--duration-normal` — a `<Card>` is
-       not an interactive control. */
-    --duration-control: 0.12s;
-    --duration-fast: 0.2s;
-    --duration-normal: 0.3s;
-    --duration-slow: 0.45s;
-    --duration-panel: 0.55s;
-    --duration-xl: 1s;
-    --duration-xxl: 1.5s;
-    --duration-shimmer-fast: 3s;
-    --duration-shimmer: 5s;
-    /* BB.W-METAL-SHIMMER — the brand-metal family's OWN slow dignified one-pass
-       clock (slower than the 5s generic shimmer). The metal sweep (gold·silver·
-       bronze, text-clip + border/mask) reads as a calm slow patina catch, not a
-       fast band-pass — the §6 calm register. (`--duration-seal` was never landed;
-       this is net-new, NOT a retirement re-point.) */
-    --duration-metal: 6s;
-    /* BA.W-GLASS-CAL (H2a) — `--duration-sparkle` (600ms) DELETED with the disco
-       recipe retirement: the sparkle-sweep keyframe + its sole `btn-audacious`
-       consumer are gone. */
-
-    /* AH.W5-e (FA-8 §4d) — motion-duration + staged-reveal canon.
-
-       Duration + delay tokens promoted from raw literals at speedtest's
-       celebratory-reveal SFCs (SpeedtestResults, ThankYou, ResultStack).
-       Unified under the `--motion-*` namespace (parallel to `--motion-ease-*`)
-       so all motion tokens cluster at one canon — duration + easing arm
-       together. (BB.W-DEAD-SWEEP retired the never-shipped CompleteBadge
-       staged-reveal cluster — no consumer existed.) */
-
-    /* Staged-entrance pairing — opacity + transform Vue <Transition> arms
-       in the celebratory headline + result-row reveals. Partners with
-       `--motion-ease-staged-entrance` / `--motion-ease-overshoot`. */
-    --motion-duration-staged: 320ms;
-
-    /* One-shot celebratory shimmer — gold-headline shimmer animation
-       duration + staging delay. Shared canon so the speedtest results
-       headline and the thank-you headline stay in lockstep. */
-    --motion-duration-complete-shimmer: 2.4s;
-    --motion-delay-complete-shimmer: 220ms;
-    /* The gold-headline shimmer reads these two tokens under a one-shot
-       animation: at 2.4s + 220ms delay the bright band traverses the headline
-       glyphs cleanly. Load-bearing — zeroing either collapses the shimmer to
-       an imperceptible blow-through. */
-
-    /* Staggered-reveal increment canon — three perceptually-distinct tiers for
-       per-row/per-cell/per-bar cascades:
-         • tight (40ms) — dense row cascades, sub-perceptual gap
-         • default (80ms) — the canonical row-stagger rhythm (matches
-           `useStagger`'s built-in fallback)
-         • relaxed (120ms) — wider cascades where each reveal carries its own
-           attention budget
-       Adjacent tiers keep cross-beats quiet (80 is the LCM of 40 and 2/3 of
-       120). Consumers read these via inline-style calc() or `getComputedStyle`
-       at runtime. */
-    --motion-stagger-tight: 40ms;
-    --motion-stagger-default: 80ms;
-    --motion-stagger-relaxed: 120ms;
-
-    /* ═══════════════════════════════════════════════
-       §2.W BD.W-MOTION-WEIGHT — the GOVERNING motion scalar (rest decl)
-
-       The universal driver-motion governor (the @property reg lives in
-       property-regs.css §18 beside --ui-scale). 0 = still, 1 = full cel. Rest
-       1/φ ≈ 0.618: present, alive, never manic (§L4/§L6). DRIVER-scoped: a surface
-       the finger/route moved INHERITS this; an OBSERVER surface (auto-carousel
-       content, list reorder under scroll) pins it to 0 LOCALLY. It co-scales squash
-       depth, overshoot share, anticipation pull-back, and cartoon-shadow travel
-       together so they read as ONE proportioned deformation.
-
-       The SQUISH CAP is derived SITE-LOCALLY at the consuming element (the JS
-       getters in useDockOrientationMorph / useTabIndicator / useTabDragMorph /
-       useLiquidPress read `--motion-weight` off their OWN element and return
-       `1 + (cap_token − 1)·(weight + (1−weight)·flexVel)/0.618`), NEVER a `:root`
-       calc token — an unregistered `:root` cap calc over var(--motion-weight) is
-       substituted at :root (0.618) and inherits the FROZEN text, so a child's
-       scoped weight→0 would never re-evaluate it (the spike's load-bearing
-       correction). The cap reads the EXISTING `--*-max-stretch` token directly with
-       a (weight/0.618) factor — zero new `--*-stretch-k` coefficient cohort. */
-    --motion-weight: 0.618;
-
-    /* ═══════════════════════════════════════════════
-       §2.X BD.W-CARTOON-PUNCH — the third pole, a RAW shaped linear()
-
-       A single damped spring is monotone-from-one-side — it CANNOT dip below origin
-       then overshoot past it. iOS-27's loudest moments want ANTICIPATION (pull back
-       before launch) AND EXAGGERATION (punch past the spring fence). So it ships as
-       a hand-shaped linear() raw token: dip ~−4% BELOW origin (anticipation — a
-       thing no damped spring can do), cross 1.0, punch to ~1.22 (deliberately past
-       the ≤12% spring overshoot fence — which is WHY it is a register, not a
-       spring), settle. Exactly ONE sign change before the peak + a monotone settle
-       after (the shape-sanity fence).
-
-       NOT generated by regen-spring-tokens.mjs (which emits only (response,ζ)
-       springs from springPresets.ts), NOT a SPRING_PRESETS row, NOT a MOTION_CURVES
-       entry (MotionCurveKind is the closed spring|bezier union; a shaped linear()
-       with a negative leg is neither). A raw --ease-* property — zero engine
-       extension, zero TS change. Drives TRANSFORM/opacity ONLY (compositor-safe,
-       both engines — Baseline 17.2+, plain linear(), no -webkit prefix). The surface
-       composing it carries `--motion-weight: 1` in the SAME recipe (the loud-register
-       coupling — so the punch is never accidentally muted to ~+13.6% by inheriting
-       the rest 0.618). PRM zeroes the weight → the amplitude collapses (the springs
-       keep their own respectReducedMotion endpoint-snap). */
-    --ease-cartoon-punch: linear(
-        0, -0.012, -0.038 12%, -0.018 18%,
-        0.18 34%, 0.62 46%, 0.98 56%,
-        1.14 64%, 1.22 70%,
-        1.16 78%, 1.06 86%, 1.012 92%, 1
-    );
-
-    /* ═══════════════════════════════════════════════
-       §2.A AMBIENT MOTION — Pulse aura tokens
-
-       Breathing rhythm for `<Pulse variant="aura">`. The 6s duration is the
-       canon ambient-pulse rate; scale 1.0 ↔ 1.15 reads as a quiet halo at
-       intensity="normal" (Pulse remaps min/max from its `intensity` prop).
-       Reduced motion: Pulse.vue parks at the min stop, breath cycle disabled.
-
-       AX.W57 (P6) — the aura re-baselined from a glowing DISC to an AMBIENT
-       halo. The egregiousness was doubly-stacked: a 0.55-density currentColor
-       radial multiplied by an element opacity the `ambient-pulse` keyframe
-       drove up to 0.95 mid-breath (so a saturated viz hue read as a near-
-       opaque throbbing blob). The fix is two decoupled, single-source knobs:
-         · `--pulse-aura-strength` (0..1) — the ONE gradient-density scalar
-           both color-mix stops derive via calc() (replaces the
-           `--pulse-aura-opacity-pct` / `-pct-num` twin desync trap — the
-           percent and the raw number had to be hand-kept in sync).
-         · `--pulse-aura-breath-{min,max}` — the aura's OWN element-opacity
-           range, decoupled from the shared `--pulse-aura-opacity-*` shimmer
-           tokens (those stay 0.55/0.95 for the neutral skeleton-breath, where
-           a grey shimmer at that range is the correct soft swell).
-       The loud old read is the explicit `intensity="vivid"` opt-in. */
-    --animate-ambient-pulse-duration: 6s;
-    --animate-ambient-pulse-scale-min: 1.0;
-    --animate-ambient-pulse-scale-max: 1.15;
-    --animate-ambient-pulse-easing: var(--ease-apple);
-
-    /* Aura gradient density — ONE scalar (0..1). The center stop paints at
-       `strength`, the mid stop at `strength * 0.35` (both via calc() in
-       Pulse.vue). 0.22 reads as an ambient wash, not a glowing disc. */
-    --pulse-aura-strength: 0.22;
-
-    /* Aura element-opacity breath range (the `ambient-pulse` keyframe stops).
-       Quiet: the halo stays a wash at every phase of the 6s cycle. */
-    --pulse-aura-breath-min: 0.28;
-    --pulse-aura-breath-max: 0.42;
-
-    /* Skeleton-breath shimmer range — the SHARED neutral-shimmer stops
-       (`.skeleton-breath` reads these; a grey shimmer at 0.55↔0.95 is the
-       correct soft swell, distinct from the aura's calmer breath above). */
-    --pulse-aura-opacity-min: 0.55;
-    --pulse-aura-opacity-max: 0.95;
-
-    /* ═══════════════════════════════════════════════
-       §2.B SECTIONED PROGRESS — phase-bus rail (AB.W3.T2)
-
-       The sectioned `<Progress variant="sectioned">` exposes one
-       height knob + one track tint knob. Defaults size the rail at
-       0.875rem (14px) — the W3 spec minimum (≥ 14px mobile, ≥ 18px
-       desktop). Consumers override the height per breakpoint via the
-       same token name on the consumer-side surface.
-
-       The bar reads as a recessed glass channel: inner top
-       catch-light + lower inner shadow + small outer drop. The
-       depth lives entirely in the Progress.vue scoped block; this
-       token only parameterises the rail BACKGROUND and HEIGHT —
-       depth shadows compose from the existing --shadow-color rung.
-       ═══════════════════════════════════════════════ */
-    --progress-sectioned-height: 0.875rem;
-    --progress-sectioned-track: var(--secondary);
-
-    /* ═══════════════════════════════════════════════
-       §2.C ANIMATION EXPRESSIVENESS
-
-       Two idiom families (the audacious press-ripple RETIRED at BA.W-GLASS-CAL):
-       • Progress lifecycle — the progress bar rides an intake pulse on
-         rising-edge, a crescendo brightening at ≥85%, and a one-shot discharge
-         flash at 100% (the crescendo is the typed `@property --progress-crescendo`).
-       • Chassis phase-tint companion — `@property --phase-tint-amount` so the
-         chassis backdrop warms toward the active phase, interpolating with
-         `--phase-color` across the consumer's phase-handoff window (600ms default).
-       ═══════════════════════════════════════════════ */
-
-    /* Progress lifecycle — typed crescendo + segment-local durations */
-    --motion-duration-progress-intake: 220ms;       /* rising-edge pulse */
-    --motion-duration-progress-crescendo: 240ms;    /* leading-edge brighten */
-    --motion-duration-progress-indeterminate: 4s;   /* indeterminate sweep period */
-
-    /* Chassis depth-of-tint peak — the amount `--phase-tint-amount`
-       interpolates toward when a phase is active. Subtle by intent;
-       a 6% color-mix reads as "warmth toward the phase" without
-       overwhelming the chassis chrome's resting register. */
-    --phase-tint-peak: 6%;
-
-    /* BA.W-GLASS-CAL (H2a) — the `btn-audacious` press-ripple knobs
-       (`--ripple-radius-max` 12rem, `--motion-duration-ripple` 340ms) DELETED
-       with the disco recipe retirement: the ripple was btn-audacious-private and
-       has no surviving consumer (the calm CTA register's press is the §6
-       `--scale-press-btn` scale beat). The `@property --ripple-radius`
-       registration retires with it (property-regs.css). */
-
-    /* Skeleton breath variant — the M.3 "known-imminent" loading
-       register. 6s cycle (the canon ambient rate) so a known-imminent
-       skeleton breathes in lockstep with the dial and the Pulse aura.
-       Coexists with the 1.5s shimmer (sliding gradient) and the
-       Tailwind animate-pulse (2s, short-wait) variants — distinct
-       temporal registers per use-case. */
-    --skeleton-breath-duration: 6s;
-
-    /* ═══════════════════════════════════════════════
-       §3  Z-INDEX SCALE
-       ═══════════════════════════════════════════════ */
-    /* V.W2 T12 — Aurora background tier (sits behind --z-background).
-       Consumed by `<Aurora>` in speedtest's App.vue (`-z-10` literal today). */
-    --z-behind: -10;
-    --z-background: 0;
-    --z-content: 10;
-    --z-controls: 20;
-    --z-bar: 30;
-    --z-header: 35;
-    --z-dock: 40;
-    --z-panel: 45;
-    --z-overlay: 50;
-    --z-hovercard: 120;
-    --z-tooltip: 120;
-    --z-popover: 130;
-    --z-modal: 140;
-    --z-fullscreen: 150;
-    --z-toast: 160;
-    --z-toggle: 999;
-    --z-max: 9999;
-    --z-debug: 99999;
-
-}
-
-/* ═══════════════════════════════════════════════
-   BD.W-MOTION-WEIGHT — the driver / observer carve (design.md §L4, gate C8)
-
-   The governing weight rests at the 1/φ centroid. LOUD DRIVERS — the dock morph
-   stage, an earned celebration — pin it to 1 so even a SLOW user-driven morph
-   rides the full squish/overshoot register (iOS reserves the weighty bounce for
-   what the user drives). CALM OBSERVERS — a programmatic reorder, an auto-advancing
-   carousel — pin it to 0: auto-motion that springs reads cheap. A single
-   element-scoped assignment, the same seam the PRM carve uses, inheriting down. */
-.liquid-stage {
-    --motion-weight: 1;
-}
-:where([data-reorder], [data-autoplay]) {
-    --motion-weight: 0;
-}
-
-/* ═══════════════════════════════════════════════
-   BD.W-MOTION-WEIGHT / BD.W-CARTOON-PUNCH — the PRM carve
-
-   ONE assignment zeroes ALL of the goo that rides on top of the springs. Because
-   every squish/punch/shadow-travel reads through `--motion-weight` (the site-local
-   cap collapses to `1 + (cap−1)·0 == 1.0`, the inert-cast travel/spread collapse to
-   their rest, the §2c velocity boost is gated by the same weight), this single line
-   zeroes the squash, the overshoot share, the anticipation pull, the cartoon-shadow
-   travel, AND the velocity boost together. The springs keep their own
-   `respectReducedMotion` endpoint-snap in SpringProgress; the weight zeroes only the
-   GOO. The fade survives. `--ease-cartoon-punch` re-aliases to the non-overshooting
-   standard ease (belt-and-suspenders — the weight=0 already kills the punch
-   amplitude on a weight-scaled surface; the alias also removes the curve shape for
-   any consumer driving a non-amplitude leg). */
-@media (prefers-reduced-motion: reduce) {
-    :root {
-        --motion-weight: 0;
-        --ease-cartoon-punch: var(--ease-standard);
-    }
-}
+:root { color-scheme: light dark; accent-color: var(--accent-color); --font-stack-text: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif; --font-stack-display: var(--font-stack-text); --font-stack-sans: var(--font-stack-text); --font-stack-mono: "Fira Code", "Fira Code Fallback", "Fira Mono", monospace; --type-leading-micro: 1.2; --type-leading-caption: 1.3; --type-leading-small: 1.4; --type-leading-body: 1.5; --type-leading-prose: 1.618; --type-leading-heading: 1.2; --type-leading-display: 1.05; --type-tracking-tight: -0.025em; --type-tracking-display: -0.015em; --type-tracking-snug: -0.01em; --type-tracking-normal: 0; --type-tracking-wide: 0.025em; --type-tracking-wider: 0.05em; --type-tracking-caps: 0.1em; --duration-instant: 0.1s; --duration-control: 0.12s; --duration-fast: 0.2s; --duration-normal: 0.3s; --duration-slow: 0.45s; --duration-panel: 0.55s; --duration-xl: 1s; --duration-xxl: 1.5s; --duration-shimmer-fast: 3s; --duration-shimmer: 5s; --duration-metal: 6s; --motion-duration-staged: 320ms; --motion-duration-complete-shimmer: 2.4s; --motion-delay-complete-shimmer: 220ms; --motion-stagger-tight: 40ms; --motion-stagger-default: 80ms; --motion-stagger-relaxed: 120ms; --char-stagger-step: 30ms; --motion-weight: 0.618; --ease-cartoon-punch: linear( 0, -0.012, -0.038 12%, -0.018 18%, 0.18 34%, 0.62 46%, 0.98 56%, 1.14 64%, 1.22 70%, 1.16 78%, 1.06 86%, 1.012 92%, 1 ); --substrate-reveal-duration: 1100ms; --animate-ambient-pulse-duration: 6s; --animate-ambient-pulse-scale-min: 1.0; --animate-ambient-pulse-scale-max: 1.15; --animate-ambient-pulse-easing: var(--ease-apple); --pulse-aura-strength: 0.22; --pulse-aura-breath-min: 0.28; --pulse-aura-breath-max: 0.42; --pulse-aura-opacity-min: 0.55; --pulse-aura-opacity-max: 0.95; --progress-sectioned-height: 0.875rem; --progress-sectioned-track: var(--secondary); --motion-duration-progress-intake: 220ms; --motion-duration-progress-crescendo: 240ms; --motion-duration-progress-indeterminate: 4s; --phase-tint-peak: 6%; --skeleton-breath-duration: 6s; --z-behind: -10; --z-background: 0; --z-content: 10; --z-controls: 20; --z-bar: 30; --z-header: 35; --z-dock: 40; --z-panel: 45; --z-overlay: 50; --z-hovercard: 120; --z-tooltip: 120; --z-popover: 130; --z-modal: 140; --z-fullscreen: 150; --z-toast: 160; --z-toggle: 999; --z-max: 9999; --z-debug: 99999; } .liquid-stage { --motion-weight: 1; } :where([data-reorder], [data-autoplay]) { --motion-weight: 0; } :where(.glass-dock, .glass-drawer, .liquid-stage) { --motion-tempo: 1; } .motion-calm { --transition-liquid-spatial: var(--ease-standard); } @media (prefers-reduced-motion: reduce) { :root { --motion-weight: 0; --ease-cartoon-punch: var(--ease-standard); } }

package/dist/styles/tokens/scheme-spring.css

@@ -1,239 +1 @@
-/* tokens/scheme-spring.css
-   §2 EASING — Spring curves via linear() · per-spring duration clocks ·
-   goo-morph dwell-flow curves · cubic-bezier cores + aliases.
-
-   Carved from scheme-motion.css's §2 EASING block to hold the no-god-module
-   500-line bound (BD.W-CUT re-grew scheme-motion past it). @import-ed by
-   tokens.css IMMEDIATELY AFTER scheme-motion.css — adjacent same-selector
-   :root{} at the SAME cascade slot, so the spring/easing tokens resolve in the
-   same order their consumers (color-radius and the later partials) expect.
-   Custom properties resolve order-independently within :root, so the split is
-   byte-isomorphic at the cascade. */
-:root {
-    /* ═══════════════════════════════════════════════
-       §2  EASING — Spring curves via linear()
-
-       Generated from `scripts/regen-spring-tokens.mjs` — DO NOT hand-edit.
-       To tune a spring: edit the PRESETS table in the script and re-run
-       `node scripts/regen-spring-tokens.mjs`. The script invokes
-       `springLinearStops()` from `@mkbabb/keyframes.js` which solves the
-       analytic second-order damped harmonic oscillator and emits CSS
-       `linear()` stops; this is the single source of truth tying each
-       (response, ζ) pair to its serialized curve.
-
-       iOS-canonical (response, dampingFraction) per AL-X4 §3 (BC.W-SPRING-EASE
-       eased `snappy`+`bouncy` to fill their clocks + minted the `press` register):
-         smooth: (0.50s, ζ=0.86)  — gentle settle, sub-perceptual overshoot ~0.5%
-         snappy: (0.42s, ζ=0.78)  — quick crisp, eased to fill its clock, overshoot ~+2.0%
-         bouncy: (0.50s, ζ=0.55)  — emphatic, overshoot ~+12.6% (the Apple 12-18% band)
-         gentle: (0.70s, ζ=1.00)  — patient critically-damped
-         dock:   (0.56s, ζ=0.58)  — the WEIGHTY iOS-27 gooey morph (collapse/expand + V↔H + fission), slow inertial settle, audacious overshoot ~+11%
-         press:  (0.15s, ζ=0.86)  — the iOS interactive tap-press, sub-100ms answer, ~+0.5%
-
-       Note on `smooth`: at ζ=0.86 the analytic solver produces a peak
-       of 1.00498 (+0.5%) at the 24% slot — mathematically present but
-       sub-perceptual. I keep ζ=0.86 rather than promoting to ζ=1.0
-       because true critical damping is `gentle`'s register, and
-       `smooth` wants a slightly faster visual settle than `gentle`'s
-       patient curve. The 0.5% peak does not read as overshoot to the
-       eye but does narrowly distinguish `smooth` from `gentle`.
-
-       ── EASING DOCTRINE (AX.W52 §6 — which easing fits which job) ──
-       ONE recorded rule so the animation easing stops forking live. This
-       FORMALIZES the already-correct `transitions.css` idiom (enter=spring,
-       exit=bezier) as the house rule every recipe reaches for.
-
-       BB.W-MOTION-CANON — the table embodies ONE principle (Material 3's
-       spatial-vs-effects split, codified in `docs/precepts/motion-canon.md`
-       as P1): a SPATIAL channel (the box MOVES/RESHAPES — position, SIZE,
-       rotation, corners) rides a `--spring-<name>` (overshoot = physicality);
-       an EFFECTS channel (the surface RE-TINTS — color, opacity, box-shadow)
-       rides a bezier `--ease-*` (a colour cross-fade reads as a wobble on a
-       spring). Each row below is tagged [SPATIAL] (spring) or [EFFECTS]
-       (bezier) so the rule is legible, not implicit. The canon doc is the
-       canonical home; this table is the SOURCE it re-states:
-
-         | Transition kind                                  | Tier      | Easing                   |
-         |--------------------------------------------------|-----------|--------------------------|
-         | Surface props (bg, border, color, box-shadow,    | [EFFECTS] | `--ease-standard` (bezier|
-         |   opacity)                                       |           |   — a colour cross-fade  |
-         |                                                  |           |   reads as a wobble on a |
-         |                                                  |           |   spring)                |
-         | Transform — hover/press/active (scale, translate,| [SPATIAL] | `--spring-smooth` (the   |
-         |   rotate)                                         |           |   ONE button/interactive |
-         |                                                  |           |   scale register) or     |
-         |                                                  |           |   `--spring-snappy`      |
-         | Size / morph (dock V↔H, indicator size-          | [SPATIAL] | `--spring-dock` /        |
-         |   correction, reveal source-rect bloom)          |           |   `--spring-snappy`,     |
-         |                                                  |           |   expressed as a         |
-         |                                                  |           |   COMPOSITOR transform   |
-         |                                                  |           |   (P5) — NEVER an        |
-         |                                                  |           |   animated width/height  |
-         | Enter (mount, popover open, dialog in, reveal)   | [SPATIAL] | `--spring-bouncy` /      |
-         |                                                  |           |   `--spring-snappy`      |
-         | Bold decelerating arrival (the SOTA arrival —    | [SPATIAL] | `--ease-out-expo`        |
-         |   reveal draw-on, big-distance settle)           |           |   (cubic-bezier(.16,1,   |
-         |                                                  |           |   .3,1); the house expo) |
-         | Exit (unmount, close)                            | [EFFECTS] | `--ease-out` /           |
-         |                                                  |           |   `--ease-standard`      |
-         |                                                  |           |   (bezier, NO overshoot —|
-         |                                                  |           |   an exit must never     |
-         |                                                  |           |   overshoot past gone)   |
-         | Position-tracked (specular pointer follow)       | [EFFECTS] | `--ease-standard`        |
-
-       The SOTA arrival ease is the EXISTING `--ease-out-expo` (alias →
-       `--motion-ease-out-expo` = `cubic-bezier(0.16, 1, 0.3, 1)`, the house
-       expo with the value.js `easeOutExpo` JS twin in the MOTION_CURVES table)
-       — NOT a net-new token. The motion canon NAMES it as the arrival register;
-       it is not re-minted (a duplicate alias would fail proof:animation-
-       coherence's EASING-TABLE-BOUND arm — the curve already has its canonical
-       + alias row in `curves.ts`).
-
-       The BUTTON family (`.btn-pill` / `.tap-squish` / `.glass-btn` /
-       `btn-interactive`) UNIFIES its `scale` transform leg onto ONE register —
-       `--spring-smooth` — so hover + press read as one motion language (the
-       hover lift is the restrained `--scale-hover-btn` = 1.05, not the 1.08
-       `--scale-hover`). Springs read alive on TRANSFORM and ENTER (overshoot =
-       physicality); a spring on a COLOR or an EXIT reads as a wobble/hesitation.
-       `--ease-apple` is the ambient-only register (consumed solely by the Pulse
-       aura `--animate-ambient-pulse-easing` — NOT a second smooth-ease authority
-       for interactive transforms; those use `--spring-smooth`).
-       ═══════════════════════════════════════════════ */
-    --spring-smooth: linear(0, 0.09979 2.041%, 0.30180 4.082%, 0.51333 6.122%, 0.69190 8.163%, 0.82461 10.204%, 0.91382 12.245%, 0.96822 14.286%, 0.99774 16.327%, 1.01113 18.367%, 1.01507 20.408%, 1.01416 22.449%, 1.01127 24.490%, 1.00802 26.531%, 1.00518 28.571%, 1.00302 30.612%, 1.00154 32.653%, 1.00062 34.694%, 1.00010 36.735%, 0.99986 38.776%, 1.00000 40.816%, 1.00000 42.857%, 1.00000 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-snappy: linear(0, 0.10159 2.041%, 0.31119 4.082%, 0.53355 6.122%, 0.72176 8.163%, 0.86005 10.204%, 0.95002 12.245%, 1.00115 14.286%, 1.02488 16.327%, 1.03150 18.367%, 1.02891 20.408%, 1.02249 22.449%, 1.01542 24.490%, 1.00934 26.531%, 1.00480 28.571%, 1.00181 30.612%, 1.00009 32.653%, 0.99926 34.694%, 0.99901 36.735%, 0.99907 38.776%, 0.99927 40.816%, 0.99949 42.857%, 0.99969 44.898%, 0.99984 46.939%, 0.99993 48.980%, 0.99999 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-bouncy: linear(0, 0.10599 2.041%, 0.33511 4.082%, 0.58672 6.122%, 0.80212 8.163%, 0.95655 10.204%, 1.04836 12.245%, 1.08867 14.286%, 1.09341 16.327%, 1.07802 18.367%, 1.05470 20.408%, 1.03159 22.449%, 1.01303 24.490%, 1.00049 26.531%, 0.99363 28.571%, 0.99114 30.612%, 0.99150 32.653%, 0.99333 34.694%, 0.99560 36.735%, 0.99767 38.776%, 0.99924 40.816%, 1.00023 42.857%, 1.00072 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-gentle: linear(0, 0.09415 2.041%, 0.27374 4.082%, 0.45506 6.122%, 0.60779 8.163%, 0.72570 10.204%, 0.81213 12.245%, 0.87336 14.286%, 0.91570 16.327%, 0.94445 18.367%, 0.96371 20.408%, 0.97645 22.449%, 0.98481 24.490%, 0.99025 26.531%, 0.99377 28.571%, 0.99604 30.612%, 0.99749 32.653%, 0.99841 34.694%, 0.99900 36.735%, 0.99937 38.776%, 0.99961 40.816%, 0.99975 42.857%, 0.99985 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-dock: linear(0, 0.10470 2.041%, 0.32797 4.082%, 0.57059 6.122%, 0.77747 8.163%, 0.92676 10.204%, 1.01801 12.245%, 1.06194 14.286%, 1.07303 16.327%, 1.06501 18.367%, 1.04857 20.408%, 1.03088 22.449%, 1.01588 24.490%, 1.00510 26.531%, 0.99855 28.571%, 0.99542 30.612%, 0.99467 32.653%, 0.99528 34.694%, 0.99649 36.735%, 0.99778 38.776%, 0.99887 40.816%, 0.99965 42.857%, 1.00012 44.898%, 1.00034 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-press: linear(0, 0.09979 2.041%, 0.30180 4.082%, 0.51333 6.122%, 0.69190 8.163%, 0.82461 10.204%, 0.91382 12.245%, 0.96822 14.286%, 0.99774 16.327%, 1.01113 18.367%, 1.01507 20.408%, 1.01416 22.449%, 1.01127 24.490%, 1.00802 26.531%, 1.00518 28.571%, 1.00302 30.612%, 1.00154 32.653%, 1.00062 34.694%, 1.00010 36.735%, 0.99986 38.776%, 0.99978 40.816%, 0.99978 42.857%, 0.99982 44.898%, 0.99987 46.939%, 0.99991 48.980%, 0.99995 51.020%, 0.99997 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-timeline-head: linear(0, 0.10159 2.041%, 0.31119 4.082%, 0.53355 6.122%, 0.72176 8.163%, 0.86005 10.204%, 0.95002 12.245%, 1.00115 14.286%, 1.02488 16.327%, 1.03150 18.367%, 1.02891 20.408%, 1.02249 22.449%, 1.01542 24.490%, 1.00934 26.531%, 1.00480 28.571%, 1.00181 30.612%, 1.00009 32.653%, 0.99926 34.694%, 0.99901 36.735%, 0.99907 38.776%, 0.99927 40.816%, 0.99949 42.857%, 0.99969 44.898%, 0.99984 46.939%, 0.99993 48.980%, 0.99999 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-timeline-fill: linear(0, 0.09920 2.041%, 0.29878 4.082%, 0.50690 6.122%, 0.68248 8.163%, 0.81346 10.204%, 0.90241 12.245%, 0.95775 14.286%, 0.98897 16.327%, 1.00435 18.367%, 1.01023 20.408%, 1.01098 22.449%, 1.00939 24.490%, 1.00707 26.531%, 1.00484 28.571%, 1.00304 30.612%, 1.00173 32.653%, 1.00087 34.694%, 1.00034 36.735%, 1.00006 38.776%, 0.99992 40.816%, 1.00000 42.857%, 1.00000 44.898%, 1.00000 46.939%, 1.00000 48.980%, 1.00000 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-    --spring-timeline-press: linear(0, 0.10282 2.041%, 0.31773 4.082%, 0.54783 6.122%, 0.74309 8.163%, 0.88550 10.204%, 0.97598 12.245%, 1.02452 14.286%, 1.04368 16.327%, 1.04501 18.367%, 1.03739 20.408%, 1.02681 22.449%, 1.01672 24.490%, 1.00873 26.531%, 1.00323 28.571%, 0.99996 30.612%, 0.99837 32.653%, 0.99789 34.694%, 0.99805 36.735%, 0.99848 38.776%, 0.99897 40.816%, 0.99940 42.857%, 0.99972 44.898%, 0.99993 46.939%, 1.00004 48.980%, 1.00009 51.020%, 1.00000 53.061%, 1.00000 55.102%, 1.00000 57.143%, 1.00000 59.184%, 1.00000 61.224%, 1.00000 63.265%, 1.00000 65.306%, 1.00000 67.347%, 1.00000 69.388%, 1.00000 71.429%, 1.00000 73.469%, 1.00000 75.510%, 1.00000 77.551%, 1.00000 79.592%, 1.00000 81.633%, 1.00000 83.673%, 1.00000 85.714%, 1.00000 87.755%, 1.00000 89.796%, 1.00000 91.837%, 1.00000 93.878%, 1.00000 95.918%, 1.00000 97.959%, 1);
-
-    /* ── PER-SPRING DURATION CLOCK (BA.W-GLASS-CAL Unit 3) ──
-       Generated from `scripts/regen-spring-tokens.mjs` — DO NOT hand-edit.
-       Each `--spring-<name>-duration` is the spring's OWN 2%-band envelope-settle
-       time `t_s = -ln(0.02) / (ζ·ωₙ)` (ωₙ = 2π/response), derived from the SAME
-       (response, ζ) PRESETS table the `--spring-*` `linear()` curves above
-       derive from — never a hand value.
-
-       WHY: the `--spring-<name>` curve is NORMALIZED to 0..1 and discards the
-       spring's settle time. Pairing it with a generic `--duration-*` clock
-       (0.2/0.3/0.45s) re-timed EVERY spring to the same wall clock — snappy
-       (response 0.35s) and smooth (0.5s) both ran 300ms, so the crisp snappy
-       register dragged a dead sub-pixel tail (the R10-2 read: within-1px at
-       ~109ms but the transition ran 300ms). These clocks re-time UNDER each
-       register to its own settle WITHOUT touching the §6 register canon (which
-       spring fits which job): a `transition` pairs `--spring-<name>` with the
-       matching `--spring-<name>-duration`. */
-    --spring-smooth-duration: 0.45s;
-    --spring-snappy-duration: 0.4s;
-    --spring-bouncy-duration: 0.62s;
-    --spring-gentle-duration: 0.51s;
-    --spring-dock-duration: 0.66s;
-    --spring-press-duration: 0.16s;
-    --spring-timeline-head-duration: 0.29s;
-    --spring-timeline-fill-duration: 0.35s;
-    --spring-timeline-press-duration: 0.2s;
-
-    /* ── DECK SLIDE-TRANSITION CURVE (BC.W-DECK) ──
-       The full-viewport keyboard-paged deck's slide transition rides the SAME
-       `--spring-smooth` register the deck's `DECK_SPRING` samples (the calm-settle
-       `.smooth` family; the (response, ζ) pair lives in deck/constants.ts) — an
-       ALIAS, NOT a new spring family (the donor's own fence + the W-GLASS-CAL spring
-       fence). `--spring-deck: var(--spring-smooth)` so a deck slide reads as a calm
-       settle, not a bounce; the JS half (`installDeckSpring`) consumes keyframes.js
-       `springTimingFunction(DECK_SPRING)` for the count-up easing. */
-    --spring-deck: var(--spring-smooth);
-
-    /* ── GOO-MORPH SLIDE-TRANSITION FLOW CURVES (BD.W-GOO-CAROUSEL-DECK) ──
-       The per-consumer dwell-flow curves the ONE `useGooMorph` engine reads off its
-       `tokenPrefix` (`--{prefix}-flow`/`-duration`/`-max-stretch`). These are NOT new
-       spring presets — they are the SAME geometry-law DWELL shape the dot-pip worm
-       (`--pager-worm-flow`, defined just below) ships: a curve that rises to ~mid by ~46% of
-       the clock, DWELLS at the midpoint (the FAT metaball NECK held open across the gap),
-       then contracts. The dwell is what makes the morph read as weighty liquid rather than
-       a fast flicker (the W-GLASS-CAL spring fence: a normalized spring `linear()`
-       front-loads — reaches ~0.5 by ~6% REGARDLESS of ζ — so the neck would collapse in
-       ~150ms then sit dead; the dwell curve spreads `--goo-t`'s 0→1 across the REAL clock).
-
-       --carousel-goo-flow: the drag register — the dwell shape with a gentle terminal
-         overshoot (+1.5%, the snappy LAND); the plate necks across the gap then snaps. */
-    --carousel-goo-flow: linear(
-        0, 0.02206 4.167%, 0.07922 8.333%, 0.15799 12.5%, 0.24486 16.667%,
-        0.32632 20.833%, 0.38889 25%, 0.41905 29.167%, 0.43667 33.333%,
-        0.4575 37.5%, 0.47833 41.667%, 0.49917 45.833%, 0.52 50%, 0.54083 54.167%,
-        0.56167 58.333%, 0.58373 62.5%, 0.62943 66.667%, 0.69424 70.833%,
-        0.76859 75%, 0.84373 79.167%, 0.91191 83.333%, 0.96658 87.5%,
-        1.0023 91.667%, 1.01466 95.833%, 1
-    );
-    --carousel-goo-duration: 0.95s; /* the card-plate clock — faster than the dot's 1.8s
-       (a card-plate morph is bigger, reads heavy sooner) yet still slow enough to dwell. */
-    --carousel-goo-max-stretch: 1.24; /* the plate swell — raised (1.16→1.24) for a more
-       decisive welling neck across the gap (JUDGE-2 §3: the merge read SUBTLE). Still
-       LOWER than the dot's 1.45 (a wide plate stretching 1.45 reads as taffy). */
-
-    /* --deck-goo-flow: the calmer presentation register — the SAME dwell shape with NO
-       terminal overshoot (a full-viewport slide must not bounce — the vestibular floor;
-       the curve clamps at 1.0, no >1 stops). */
-    --deck-goo-flow: linear(
-        0, 0.02206 4.167%, 0.07922 8.333%, 0.15799 12.5%, 0.24486 16.667%,
-        0.32632 20.833%, 0.38889 25%, 0.41905 29.167%, 0.43667 33.333%,
-        0.4575 37.5%, 0.47833 41.667%, 0.49917 45.833%, 0.52 50%, 0.54083 54.167%,
-        0.56167 58.333%, 0.58373 62.5%, 0.64 66.667%, 0.71 70.833%,
-        0.78 75%, 0.85 79.167%, 0.91 83.333%, 0.96 87.5%,
-        0.985 91.667%, 0.997 95.833%, 1
-    );
-    --deck-goo-duration: 1.1s; /* the full-viewport register — slow + dignified. */
-    --deck-goo-max-stretch: 1.1; /* the gentlest swell — a big slide necks barely. */
-
-    /* --pager-worm-flow: the dot-pip worm register (BD.W-PAGER-GOO-MORPH) — the SAME
-       geometry-law DWELL shape as the carousel/deck siblings (the metaball NECK held open
-       across the gap), with a gentle terminal overshoot (+1.5%, the bouncy LAND). Homed
-       HERE beside its goo-flow family (the curve-definition home — a `linear()` SHIPS in
-       the §2 EASING register, never serialized inline in the SFC) so the three goo-morph
-       dwell curves live as ONE charted family. NOT a normalized spring: `springLinearStops`
-       front-loads (reaches ~0.5 by ~6% REGARDLESS of ζ), so a `--spring-bouncy` would
-       collapse the neck in ~150ms; this dwell spreads `--worm-t`'s 0→1 across the REAL
-       1.8s clock (the FAT NECK alive ~830ms — JUDGE-1 ≥700ms bar). */
-    --pager-worm-flow: linear(
-        0, 0.02206 4.167%, 0.07922 8.333%, 0.15799 12.5%, 0.24486 16.667%,
-        0.32632 20.833%, 0.38889 25%, 0.41905 29.167%, 0.43667 33.333%,
-        0.4575 37.5%, 0.47833 41.667%, 0.49917 45.833%, 0.52 50%, 0.54083 54.167%,
-        0.56167 58.333%, 0.58373 62.5%, 0.62943 66.667%, 0.69424 70.833%,
-        0.76859 75%, 0.84373 79.167%, 0.91191 83.333%, 0.96658 87.5%,
-        1.0023 91.667%, 1.01466 95.833%, 1
-    );
-    --pager-worm-duration: 1.8s; /* the dot's OWN clock — slow + weighty (motion-canon P4);
-       the flow above dwells across the whole clock so the neck is alive for ~1s. */
-    --pager-worm-max-stretch: 1.45; /* the velocity-swell — a VISIBLE liquid squish (the
-       worm narrows ≈1/1.45≈0.69× cross-axis at peak swell, on top of the floored pinch). */
-
-    /* Core cubic-bezier (exits, fallbacks, non-spring uses) */
-    --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
-    --motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
-    --motion-ease-in: cubic-bezier(0.4, 0, 1, 1);
-    --motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
-
-    --ease-standard: var(--motion-ease-standard);
-    --ease-out: var(--motion-ease-out);
-    --ease-in: var(--motion-ease-in);
-    --ease-out-expo: var(--motion-ease-out-expo);
-
-    /* Apple-inspired — micro-interactions, switches, dock hover */
-    --motion-ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1);
-
-    --ease-apple: var(--motion-ease-apple);
-    --ease-spring: var(--spring-snappy);
-    --ease-decelerate: var(--ease-out);
-    --ease-accelerate: var(--ease-in);
-
-    /* BC.W-MOTION-PRESETS — the brand "convergence-reveal" / partial-sum settle.
-       The Fourier partial sum converges ONTO its target with a decaying Gibbs
-       ripple — a monotone critically-damped approach, NO sustained overshoot past
-       terminal. That curve IS `gentle` (ζ=1.0, overshoot 0), so this is the ALIAS
-       reuse: `--ease-convergence` resolves to `--spring-gentle` (no new
-       SPRING_PRESETS row, no second curve). The settle clock is the per-spring
-       `--spring-gentle-duration`. The N-term build-up is the `useStagger`
-       orchestration ON this curve (a documented recipe, not a new primitive). */
-    --ease-convergence: var(--spring-gentle);
-}
+:root { --spring-smooth: linear(0, 0.00287 2.041%, 0.01102 4.082%, 0.02379 6.122%, 0.04057 8.163%, 0.06079 10.204%, 0.08395 12.245%, 0.10956 14.286%, 0.13721 16.327%, 0.16649 18.367%, 0.19705 20.408%, 0.22858 22.449%, 0.26077 24.490%, 0.29338 26.531%, 0.32617 28.571%, 0.35893 30.612%, 0.39149 32.653%, 0.42368 34.694%, 0.45536 36.735%, 0.48642 38.776%, 0.51676 40.816%, 0.54628 42.857%, 0.57492 44.898%, 0.60262 46.939%, 0.62933 48.980%, 0.65501 51.020%, 0.67965 53.061%, 0.70322 55.102%, 0.72571 57.143%, 0.74713 59.184%, 0.76748 61.224%, 0.78677 63.265%, 0.80501 65.306%, 0.82223 67.347%, 0.83844 69.388%, 0.85367 71.429%, 0.86796 73.469%, 0.88132 75.510%, 0.89379 77.551%, 0.90541 79.592%, 0.91621 81.633%, 0.92623 83.673%, 0.93549 85.714%, 0.94404 87.755%, 0.95190 89.796%, 0.95912 91.837%, 0.96574 93.878%, 0.97177 95.918%, 0.97726 97.959%, 1); --spring-snappy: linear(0, 0.00652 2.041%, 0.02458 4.082%, 0.05211 6.122%, 0.08725 8.163%, 0.12834 10.204%, 0.17392 12.245%, 0.22268 14.286%, 0.27350 16.327%, 0.32540 18.367%, 0.37757 20.408%, 0.42929 22.449%, 0.47998 24.490%, 0.52916 26.531%, 0.57646 28.571%, 0.62156 30.612%, 0.66426 32.653%, 0.70440 34.694%, 0.74187 36.735%, 0.77662 38.776%, 0.80866 40.816%, 0.83800 42.857%, 0.86471 44.898%, 0.88887 46.939%, 0.91058 48.980%, 0.92996 51.020%, 0.94713 53.061%, 0.96223 55.102%, 0.97539 57.143%, 0.98677 59.184%, 0.99649 61.224%, 1.00471 63.265%, 1.01156 65.306%, 1.01716 67.347%, 1.02166 69.388%, 1.02516 71.429%, 1.02778 73.469%, 1.02964 75.510%, 1.03082 77.551%, 1.03142 79.592%, 1.03153 81.633%, 1.03122 83.673%, 1.03057 85.714%, 1.02963 87.755%, 1.02847 89.796%, 1.02713 91.837%, 1.02566 93.878%, 1.02410 95.918%, 1.02249 97.959%, 1); --spring-bouncy: linear(0, 0.00706 2.041%, 0.02686 4.082%, 0.05738 6.122%, 0.09674 8.163%, 0.14321 10.204%, 0.19517 12.245%, 0.25116 14.286%, 0.30987 16.327%, 0.37010 18.367%, 0.43083 20.408%, 0.49115 22.449%, 0.55028 24.490%, 0.60757 26.531%, 0.66248 28.571%, 0.71458 30.612%, 0.76353 32.653%, 0.80908 34.694%, 0.85107 36.735%, 0.88940 38.776%, 0.92404 40.816%, 0.95502 42.857%, 0.98241 44.898%, 1.00631 46.939%, 1.02688 48.980%, 1.04428 51.020%, 1.05870 53.061%, 1.07035 55.102%, 1.07945 57.143%, 1.08621 59.184%, 1.09087 61.224%, 1.09364 63.265%, 1.09474 65.306%, 1.09439 67.347%, 1.09278 69.388%, 1.09011 71.429%, 1.08656 73.469%, 1.08230 75.510%, 1.07749 77.551%, 1.07226 79.592%, 1.06675 81.633%, 1.06106 83.673%, 1.05531 85.714%, 1.04958 87.755%, 1.04394 89.796%, 1.03846 91.837%, 1.03320 93.878%, 1.02820 95.918%, 1.02348 97.959%, 1); --spring-gentle: linear(0, 0.00653 2.041%, 0.02415 4.082%, 0.05029 6.122%, 0.08283 8.163%, 0.12000 10.204%, 0.16036 12.245%, 0.20272 14.286%, 0.24614 16.327%, 0.28983 18.367%, 0.33320 20.408%, 0.37576 22.449%, 0.41716 24.490%, 0.45712 26.531%, 0.49544 28.571%, 0.53199 30.612%, 0.56669 32.653%, 0.59948 34.694%, 0.63037 36.735%, 0.65936 38.776%, 0.68650 40.816%, 0.71183 42.857%, 0.73542 44.898%, 0.75735 46.939%, 0.77768 48.980%, 0.79650 51.020%, 0.81390 53.061%, 0.82995 55.102%, 0.84474 57.143%, 0.85835 59.184%, 0.87086 61.224%, 0.88235 63.265%, 0.89288 65.306%, 0.90253 67.347%, 0.91136 69.388%, 0.91944 71.429%, 0.92682 73.469%, 0.93356 75.510%, 0.93970 77.551%, 0.94531 79.592%, 0.95041 81.633%, 0.95506 83.673%, 0.95929 85.714%, 0.96313 87.755%, 0.96663 89.796%, 0.96980 91.837%, 0.97268 93.878%, 0.97530 95.918%, 0.97767 97.959%, 1); --spring-dock: linear(0, 0.00315 2.041%, 0.01207 4.082%, 0.02597 6.122%, 0.04414 8.163%, 0.06595 10.204%, 0.09081 12.245%, 0.11817 14.286%, 0.14757 16.327%, 0.17856 18.367%, 0.21076 20.408%, 0.24381 22.449%, 0.27740 24.490%, 0.31127 26.531%, 0.34517 28.571%, 0.37888 30.612%, 0.41222 32.653%, 0.44503 34.694%, 0.47717 36.735%, 0.50853 38.776%, 0.53901 40.816%, 0.56854 42.857%, 0.59705 44.898%, 0.62449 46.939%, 0.65083 48.980%, 0.67603 51.020%, 0.70010 53.061%, 0.72301 55.102%, 0.74478 57.143%, 0.76540 59.184%, 0.78490 61.224%, 0.80330 63.265%, 0.82062 65.306%, 0.83688 67.347%, 0.85213 69.388%, 0.86638 71.429%, 0.87969 73.469%, 0.89207 75.510%, 0.90358 77.551%, 0.91425 79.592%, 0.92411 81.633%, 0.93322 83.673%, 0.94160 85.714%, 0.94930 87.755%, 0.95635 89.796%, 0.96279 91.837%, 0.96865 93.878%, 0.97398 95.918%, 0.97881 97.959%, 1); --spring-press: linear(0, 0.00284 2.041%, 0.01090 4.082%, 0.02354 6.122%, 0.04014 8.163%, 0.06017 10.204%, 0.08311 12.245%, 0.10850 14.286%, 0.13590 16.327%, 0.16495 18.367%, 0.19528 20.408%, 0.22657 22.449%, 0.25855 24.490%, 0.29095 26.531%, 0.32354 28.571%, 0.35613 30.612%, 0.38852 32.653%, 0.42057 34.694%, 0.45213 36.735%, 0.48309 38.776%, 0.51333 40.816%, 0.54279 42.857%, 0.57137 44.898%, 0.59903 46.939%, 0.62572 48.980%, 0.65141 51.020%, 0.67605 53.061%, 0.69965 55.102%, 0.72219 57.143%, 0.74366 59.184%, 0.76407 61.224%, 0.78343 63.265%, 0.80175 65.306%, 0.81906 67.347%, 0.83537 69.388%, 0.85070 71.429%, 0.86509 73.469%, 0.87857 75.510%, 0.89116 77.551%, 0.90290 79.592%, 0.91382 81.633%, 0.92395 83.673%, 0.93333 85.714%, 0.94200 87.755%, 0.94999 89.796%, 0.95733 91.837%, 0.96406 93.878%, 0.97020 95.918%, 0.97581 97.959%, 1); --spring-transient: linear(0, 0.00427 2.041%, 0.01615 4.082%, 0.03434 6.122%, 0.05769 8.163%, 0.08520 10.204%, 0.11598 12.245%, 0.14927 14.286%, 0.18439 16.327%, 0.22076 18.367%, 0.25789 20.408%, 0.29534 22.449%, 0.33275 24.490%, 0.36982 26.531%, 0.40630 28.571%, 0.44196 30.612%, 0.47666 32.653%, 0.51024 34.694%, 0.54261 36.735%, 0.57369 38.776%, 0.60342 40.816%, 0.63176 42.857%, 0.65871 44.898%, 0.68425 46.939%, 0.70840 48.980%, 0.73117 51.020%, 0.75259 53.061%, 0.77270 55.102%, 0.79153 57.143%, 0.80913 59.184%, 0.82554 61.224%, 0.84083 63.265%, 0.85503 65.306%, 0.86820 67.347%, 0.88039 69.388%, 0.89166 71.429%, 0.90206 73.469%, 0.91163 75.510%, 0.92043 77.551%, 0.92851 79.592%, 0.93591 81.633%, 0.94268 83.673%, 0.94886 85.714%, 0.95449 87.755%, 0.95961 89.796%, 0.96427 91.837%, 0.96849 93.878%, 0.97230 95.918%, 0.97575 97.959%, 1); --spring-eyeglass: linear(0, 0.00696 2.041%, 0.02640 4.082%, 0.05625 6.122%, 0.09463 8.163%, 0.13978 10.204%, 0.19012 12.245%, 0.24422 14.286%, 0.30080 16.327%, 0.35875 18.367%, 0.41708 20.408%, 0.47495 22.449%, 0.53163 24.490%, 0.58652 26.531%, 0.63915 28.571%, 0.68911 30.612%, 0.73612 32.653%, 0.77996 34.694%, 0.82048 36.735%, 0.85763 38.776%, 0.89137 40.816%, 0.92174 42.857%, 0.94882 44.898%, 0.97270 46.939%, 0.99352 48.980%, 1.01144 51.020%, 1.02663 53.061%, 1.03928 55.102%, 1.04957 57.143%, 1.05772 59.184%, 1.06392 61.224%, 1.06835 63.265%, 1.07123 65.306%, 1.07272 67.347%, 1.07301 69.388%, 1.07227 71.429%, 1.07066 73.469%, 1.06832 75.510%, 1.06538 77.551%, 1.06198 79.592%, 1.05823 81.633%, 1.05423 83.673%, 1.05007 85.714%, 1.04582 87.755%, 1.04156 89.796%, 1.03735 91.837%, 1.03324 93.878%, 1.02927 95.918%, 1.02547 97.959%, 1); --spring-smooth-settle: 0.35s; --spring-snappy-settle: 0.44s; --spring-bouncy-settle: 0.57s; --spring-gentle-settle: 0.76s; --spring-dock-settle: 0.19s; --spring-press-settle: 0.12s; --spring-transient-settle: 0.46s; --spring-eyeglass-settle: 0.34s; --spring-smooth-duration: calc(var(--spring-smooth-settle) * var(--motion-tempo)); --spring-snappy-duration: calc(var(--spring-snappy-settle) * var(--motion-tempo)); --spring-bouncy-duration: calc(var(--spring-bouncy-settle) * var(--motion-tempo)); --spring-gentle-duration: calc(var(--spring-gentle-settle) * var(--motion-tempo)); --spring-dock-duration: calc(var(--spring-dock-settle) * var(--motion-tempo)); --spring-press-duration: calc(var(--spring-press-settle) * var(--motion-tempo)); --spring-transient-duration: calc(var(--spring-transient-settle) * var(--motion-tempo)); --spring-eyeglass-duration: calc(var(--spring-eyeglass-settle) * var(--motion-tempo)); --transition-liquid-spatial: var(--spring-smooth); --spring-deck: var(--spring-smooth); --deck-goo-flow: linear( 0, 0.02206 4.167%, 0.07922 8.333%, 0.15799 12.5%, 0.24486 16.667%, 0.32632 20.833%, 0.38889 25%, 0.41905 29.167%, 0.43667 33.333%, 0.4575 37.5%, 0.47833 41.667%, 0.49917 45.833%, 0.52 50%, 0.54083 54.167%, 0.56167 58.333%, 0.58373 62.5%, 0.64 66.667%, 0.71 70.833%, 0.78 75%, 0.85 79.167%, 0.91 83.333%, 0.96 87.5%, 0.985 91.667%, 0.997 95.833%, 1 ); --deck-goo-duration: 1.1s; --deck-goo-max-stretch: 1.1; --pager-worm-max-stretch: 1.2; --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1); --motion-ease-out: cubic-bezier(0, 0, 0.2, 1); --motion-ease-in: cubic-bezier(0.4, 0, 1, 1); --motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); --ease-standard: var(--motion-ease-standard); --ease-out: var(--motion-ease-out); --ease-in: var(--motion-ease-in); --ease-out-expo: var(--motion-ease-out-expo); --motion-ease-apple: cubic-bezier(0.25, 0.1, 0.25, 1); --ease-apple: var(--motion-ease-apple); --ease-spring: var(--spring-snappy); --ease-decelerate: var(--ease-out); --ease-accelerate: var(--ease-in); --ease-convergence: var(--spring-gentle); } @media (prefers-reduced-motion: reduce) { :root { --transition-liquid-spatial: var(--ease-standard); } }