@mkbabb/glass-ui 4.0.1 → 4.2.0

package/dist/styles/segmented-tabs.css

@@ -36,8 +36,15 @@
 /* ── The PILL track (the glass material — DEFAULT) ── */
 .segmented-tabs {
     --bouncy-track-trim: 0.1875rem;
-    --bouncy-track-radius: 0.4375rem;
-    --bouncy-slider-radius: 0.3125rem;
+    /* BC.W-TABS-IOS — the iOS-27 stadium register. The pill reads the role-bearing
+       `--radius-tab` (= --radius-pill = 9999px) — on a short pill box this clamps to
+       half-height → a TRUE stadium end-cap (not the squared `0.3125rem` rounded-rect
+       the HEAD shipped). The TRACK corner is CONCENTRIC with the pill (Apple's
+       `.containerConcentric`): the pill radius + the trim inset, so a stadium pill
+       sits inside a near-stadium track. No breakpoint radius bump — a stadium does
+       not change radius across viewports (clean break, the 640px radius lines gone). */
+    --bouncy-slider-radius: var(--radius-tab);
+    --bouncy-track-radius: calc(var(--bouncy-slider-radius) + var(--bouncy-track-trim));
     /* The travel-squish axis — 1 at rest; useTabIndicator writes it transiently
        on selection, the indicator pairs it volume-preserving. */
     --stretch: 1;
@@ -47,15 +54,12 @@
     grid-auto-columns: 1fr;
     padding: var(--bouncy-track-trim);
     border-radius: var(--bouncy-track-radius);
-    /* BA.W-TABS — the pill track rides the glass quiet tier (the warm glass
-       material, the no-gray register) + a hairline edge. NOT a `--surface-tint`
-       gray plate (the R10-5 no-gray cut). */
-    background: var(--glass-bg-quiet);
-    -webkit-backdrop-filter: var(--glass-blur-quiet);
-
-    backdrop-filter: var(--glass-blur-quiet);
-    -webkit-backdrop-filter: var(--glass-blur-quiet);
-    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border) 24%, transparent);
+    /* BD.W-TAB-IOS-CAPSULE — the warm-glass quiet surface + the rim + the iOS-27
+       sunken recess now live in the SHARED `.glass-capsule-track` register (the SFC
+       composes it onto the pill track). The track is a thin warm-glass quiet capsule
+       with a lit top edge + a recessed well, never a dark hairline, never gray. The
+       indicator (`.glass-capsule`) reads FORWARD off the SAME rim + the lift shadow.
+       The underline material does NOT compose the track (paper, no surface). */
 }
 
 /* ── The vertical orientation axis (the block stack) ── */
@@ -69,35 +73,61 @@
 
 @media (min-width: 640px) {
     .segmented-tabs {
+        /* BC.W-TABS-IOS — only the trim (pad) axis bumps at the wider breakpoint; the
+           radius is the viewport-invariant stadium (--radius-tab), so the corner
+           track-radius re-resolves concentric off the bigger trim by construction. */
         --bouncy-track-trim: 0.25rem;
-        --bouncy-track-radius: 0.5rem;
-        --bouncy-slider-radius: 0.375rem;
     }
 }
 
 /* ── The shared indicator body (the PILL plate) ── */
 .segmented-indicator {
     position: absolute;
-    /* BA.W-TABS — the active pill indicator rides the glass FLOATING tier (the
-       W-REGISTER-IOS "selected reads as glass" register), reading FORWARD of the
-       quiet-tier track. A glass tint, NEVER a saturated `--foreground` fill or an
-       opaque `bg-card`. */
-    background: var(--glass-bg-floating);
-    -webkit-backdrop-filter: var(--glass-blur-floating);
-
-    backdrop-filter: var(--glass-blur-floating);
-    -webkit-backdrop-filter: var(--glass-blur-floating);
+    /* BD.W-TAB-IOS-CAPSULE — the active pill COMPOSES the shared `.glass-capsule`
+       (the SFC adds the class). The warm-floor fill (`--glass-bg-floating-tinted`
+       composed toward the warm-floor source, meanChroma ≥ 0.02 both modes — never
+       gray), the floating blur, the directional rim + the lift under-shadow ALL live
+       there now, ONE recipe ≥3 consumers. This block keeps only the position +
+       inset + the indicator-local stadium radius + the motion transform. */
     z-index: 0;
     inset-block: var(--bouncy-track-trim);
     border-radius: var(--bouncy-slider-radius);
-    box-shadow:
-        0 1px 3px rgba(0, 0, 0, 0.08),
-        0 0 0 1px color-mix(in srgb, var(--border) 30%, transparent);
-    /* The volume-preserving travel-squish: stretch along X, compress Y in
-       inverse proportion. `transform-origin: center` → a symmetric width-flex
-       as it travels (the indicator grows wider mid-travel, settles to fit). */
+    /* BD.W-TABS-LIQUID — the COMPOSED transform write: the area-inflation BLOB
+       (uniform, both axes, `--tab-blob` driven imperatively by the 2nd
+       `useLiquidFlex` channel — grow→overshoot→shrink) × the volume-preserving
+       travel-squish (`--stretch`, reciprocal). `transform-origin: center` → the blob
+       grows from center (the label stays put) and the squish stays center-pinned. */
     transform-origin: center;
-    scale: var(--stretch) calc(1 / var(--stretch));
+    scale: calc(var(--tab-blob, 1) * var(--stretch))
+        calc(var(--tab-blob, 1) / var(--stretch));
+}
+
+/* BD.W-TABS-LIQUID — the COMMIT accent-flood (T4, opt-in). A momentary full-capsule
+   wash of `--glass-accent`, driven by `--tab-flood-t` (0→1→0), that TRAILS the
+   spatial glide a beat then clears (EFFECTS-after-SPATIAL). `isolation: isolate` on
+   the host so the `plus-lighter` blend composites the flood against the capsule
+   only (not the page); the gradient is `in srgb` (additive bloom, NOT oklab). The
+   accent is a CONSUMER accent — default `--glass-accent: transparent` → byte-
+   identical rest, provable no-op. The SAME register dock-tabs adopt (dormant at
+   `--tab-flood-t: 0`). */
+.segmented-indicator {
+    isolation: isolate;
+}
+@supports (mix-blend-mode: plus-lighter) {
+    .segmented-indicator::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+        border-radius: inherit;
+        pointer-events: none;
+        background: radial-gradient(
+            120% 140% at 50% 50%,
+            color-mix(in srgb, var(--glass-accent, transparent) 55%, transparent),
+            transparent 70%
+        );
+        mix-blend-mode: plus-lighter;
+        opacity: var(--tab-flood-t, 0);
+    }
 }
 
 /* Vertical: the indicator deforms on the BLOCK axis (compress X / stretch Y) and
@@ -105,15 +135,23 @@
 .segmented-tabs--vertical .segmented-indicator {
     inset-block: auto;
     inset-inline: var(--bouncy-track-trim);
-    scale: calc(1 / var(--stretch)) var(--stretch);
+    /* BD.W-TABS-LIQUID — the vertical arm mirrors the blob × squish: the block axis
+       carries the stretch, the inline axis its reciprocal, both uniformly inflated. */
+    scale: calc(var(--tab-blob, 1) / var(--stretch))
+        calc(var(--tab-blob, 1) * var(--stretch));
 }
 
 @media (prefers-reduced-motion: no-preference) {
     .segmented-indicator {
-        /* ONE composited transform pair (translate+scale) on ONE calibrated
-           clock — the glide + the squish share `--tab-indicator-duration` so they
-           cannot desync (the R10-2 multi-property-desync class collapsed). */
-        transition: scale var(--tab-indicator-duration) var(--spring-snappy);
+        /* BD.W-TABS-LIQUID — the composed `scale` (`--tab-blob × --stretch`) rides the
+           DEPENDED `--ease-cartoon-punch` curve (the booked Band-0 token, CONSUMED
+           never minted) so the 5-beat blob anticipates (the curve's pre-dip < 0),
+           overshoots past the destination footprint (peaks > 1), then settles soft.
+           The discrete imperative `--tab-blob` writes (open/release) INTERPOLATE on
+           this clock via the `@property` registration — no snap-flicker. ONE clock,
+           ONE composited transform pair — the glide (inset) + the squish + the blob
+           cannot desync. The `--tab-flood-t` accent-flood trails a beat after. */
+        transition: scale var(--tab-indicator-duration) var(--ease-cartoon-punch);
     }
 }
 
@@ -169,8 +207,10 @@
 
 @media (min-width: 640px) {
     .segmented-indicator {
+        /* BC.W-TABS-IOS — only the inset (trim) axis bumps; the radius stays the
+           viewport-invariant stadium (`--bouncy-slider-radius` = --radius-tab). The
+           HEAD `border-radius: 0.375rem` px-literal that squared the pill is GONE. */
         inset-block: 0.25rem;
-        border-radius: 0.375rem;
     }
     .segmented-tabs--vertical .segmented-indicator {
         inset-block: auto;
@@ -204,7 +244,13 @@
     font: inherit;
     font-size: 0.8125rem;
     color: var(--muted-foreground);
-    transition: color var(--duration-fast) ease;
+    /* BD.W-TABS-LIQUID — the glyph scale-pop (overlapping action / follow-through):
+       the label settles AFTER the capsule (the child trails the parent). The `scale`
+       channel rides the snappy spring with a 60ms delay so it OVERLAPS the capsule
+       arrival; the colour cross-fade stays on the fast bezier. */
+    transition:
+        color var(--duration-fast) ease,
+        scale var(--spring-snappy-duration) var(--spring-snappy) 60ms;
     /* AQ.W3 identity base — keep `scale:1; translate:0` so a hover/press
        transform never mints a stacking context that severs `anchor()`
        resolution (the WAAPI press writes `transform` transiently — harmless). */
@@ -224,6 +270,19 @@
     color: var(--foreground);
 }
 
+/* BD.W-TABS-LIQUID — the glyph scale-pop on the PILL selection. The live selection
+   model is `aria-pressed` (the pill is a ToggleGroup-shaped surface — verified in
+   SegmentedTabs.vue, NOT `aria-selected` which the underline paper material uses).
+   The pop magnitude DEPENDS `--motion-weight` (the booked Band-0 token, CONSUMED):
+   `calc(1 + 0.06 × --motion-weight)` → ~+3.7% at rest weight 0.618, and exactly 1
+   under PRM (`--motion-weight: 0`). The 60ms transition delay (above) settles it a
+   beat after the capsule arrives (overlapping action). The underline label does NOT
+   pop (paper ink, no inflation — the material fence). */
+.segmented-tabs:not(.segmented-tabs--underline)
+    .segmented-tab[aria-pressed="true"] {
+    scale: calc(1 + 0.06 * var(--motion-weight));
+}
+
 .segmented-tab.is-disabled {
     opacity: 0.4;
     cursor: not-allowed;
@@ -328,7 +387,16 @@
 
 .segmented-tabs--underline .segmented-tab {
     padding: 0.375rem 0.75rem;
-    font-size: inherit;
+    /* BC.W-UNDERLINE-TUNE — the audacious editorial label voice. The underline is
+       the PAPER/editorial material (BA.W-TABS), so its labels carry the √φ display
+       register, NOT the small 0.8125rem control size the PILL labels keep (the
+       two-voice fence — the pill is a compact control, the underline is an editorial
+       nav head). `--type-subheading` (1.272rem / 20.4px, the √φ rung) + the Apple
+       display tracking `--type-tracking-display` (−1.5%) are the BB.W-DISPLAY-TRACKING
+       ladder rungs CONSUMED here (never re-minted), the same pairing the semantic
+       display rungs ride. A confident editorial strip, not a default Tailwind row. */
+    font-size: var(--type-subheading);
+    letter-spacing: var(--type-tracking-display);
     border-radius: 0.25rem;
     /* The tab-text colour cross-fade rides the fast generic clock (the §6 doctrine
        — a colour shift is a bezier ease, never a spring), matching the pill tab
@@ -371,7 +439,9 @@
     /* Promote to its own compositor layer for the 1:1 follow (the translate write
        is compositor-only; the hint keeps the plate off the main-thread paint). */
     will-change: transform;
-    /* Sub-perceptual catch-light lift — the grabbed lozenge reads a hair brighter
-       at its specular edge (the W-GLASS-CAL specular register, disco-FREE). */
-    --glass-specular: 0.1;
+    /* BD.W-TAB-IOS-CAPSULE C7 — the grabbed-state catch-light COMPOSES the SHARED
+       specular-lift step declared ONCE in glass/glass-capsule.css (the
+       `.glass-capsule-hover:hover, .glass-drag-lift { --glass-specular }` group), NOT
+       a parallel `--glass-specular` fork. This block carries only the grabbing-distinct
+       bits (the grab cursor + the `will-change` hint). */
 }

package/dist/styles/select.css

@@ -48,3 +48,154 @@
        precompiled contract). */
     overflow-y: auto;
 }
+
+/* ════════════════════════════════════════════════════════════════════════
+   BD.W-SELECT-WELL (P4 select-forms) — the welling WARM-GLASS listbox + the
+   keyed warm control EDGE. The Select is the REFERENCE consumer of the shared
+   field + capsule + accent + reveal union — every leg COMPOSES a shipped/sibling
+   register, ZERO new component, ZERO fork.
+
+   The three legs that live HERE (the consumer side):
+     · .glass-control-edge — the keyed two-stop warm rim every form control reads
+       so it has a DEFINED edge over the field (fixes the trigger box-shadow:none
+       cream-on-cream melt). Composes the SHIPPED `--glass-rim-top`/`--glass-rim-
+       bottom` keyed pair (the `--glass-key` upper-right cel key) — NOT a select-
+       private border, NOT a re-minted rim.
+     · the menu plate WARM FLOOR + α-drop — the menu reads the SHIPPED warm-capsule
+       floor (`--glass-capsule-warm` at `--glass-capsule-warm-floor`, the proven
+       meanChroma ≥ 0.02 source) so it is warm-cream even over a flat page, AND the
+       plate α drops so the warmed source + the portal field TRANSMIT.
+     · the portal warm FIELD — a clipped menu-local layer carrying the route's
+       `--field-h` (re-emitted on the portal root) so the menu transmits its route
+       identity even where the page field is faint behind the body plate.
+   ════════════════════════════════════════════════════════════════════════ */
+@layer components {
+    /* ── .glass-control-edge — the keyed warm control rim (the cream-on-cream fix) ──
+       The form controls read `.control-surface` / `.input-pill` (control-surfaces.css)
+       which carry a border + fill but `box-shadow: none` — so over a warm cream field
+       the trigger's 1.5px border melts and the control reads as a flat cream smudge.
+       This register adds the SHIPPED keyed two-stop directional rim (the bright top/
+       right catch-light + the faint warm bottom/left under-shadow, `--glass-key` upper-
+       right) so the control reads as a lifted glass plate with a defined warm edge over
+       the field. ONE register, ≥8 consumers (Select trigger + Input/Textarea/NumberField
+       pill + Checkbox/Radio + Switch track + Combobox anchor) — the DRY bar cleared by
+       construction. Composed (not re-declared): the rim is the SAME `--glass-rim-top`/
+       `--glass-rim-bottom` pair `.glass-capsule` reads, so `--glass-key` re-points BOTH
+       the capsule and the control edge from ONE handle (cel coherence). */
+    .glass-control-edge {
+        box-shadow:
+            var(--glass-rim-top),
+            var(--glass-rim-bottom);
+    }
+    /* Compose the keyed edge UNDER any control-owned ring/shadow: a control with its
+       OWN box-shadow (the Switch thumb, the focus ring on the pill) layers its shadow
+       FIRST, then the rim — the rim is the resting silhouette, the ring is the focus
+       overlay (the pill's `:focus-visible` box-shadow wins by source order + its own
+       rule). The rim travels with the control on the SHARED bezier (the pill/control-
+       surface already transition box-shadow on `--ease-standard`). */
+
+    /* ── The menu plate WARM FLOOR + α-drop (the un-gray amplifier) ──
+       The floating recipe (`.glass-floating`, ladder.css) composes
+       `color-mix(--glass-bg-floating, --glass-tint-source --glass-tint-strength)`,
+       and `--glass-tint-strength` floors at 0% at calm rest — so the menu plate is
+       near-gray-flat. RE-POINT the menu fill to compose the SHIPPED warm-capsule floor
+       (`--glass-capsule-warm` at `--glass-capsule-warm-floor`, the proven meanChroma
+       ≥ 0.02 source — the SAME token the tab capsule reads, DRY) ON TOP of the floating
+       tint, AND drop the plate α so the warmed source + the portal field TRANSMIT and
+       give real L-variance (the menu is warm GLASS, never an opaque cream slab). The
+       six-layer rim/blur/shadow composite is UNTOUCHED — only the FILL admit changes. */
+    [data-slot="select-content"],
+    [data-slot="combobox-list"] {
+        /* The α-drop seam: a consumer can re-solidify via `--select-plate-alpha: 1`.
+           Default 0.90 (light) drops the ~0.80α floating base to ~0.72 effective (the
+           amendment's transmit target) so the warmed source + the portal field show
+           through while the plate keeps body. The dark arm keeps more body (see .dark
+           below). The combobox list is the SAME overlay-family warm-glass plate
+           (DRY — one warm-floor register for both portalled pickers). */
+        --select-plate-alpha: 0.90;
+        background: color-mix(
+            in oklab,
+            color-mix(
+                in oklab,
+                var(--glass-bg-floating-tinted, var(--glass-bg-floating)),
+                var(--glass-capsule-warm) var(--glass-capsule-warm-floor)
+            ),
+            transparent calc((1 - var(--select-plate-alpha)) * 100%)
+        );
+        /* the cartoon weight — the SHIPPED `--shadow-cartoon-lg` warm cel stamp UNDER
+           the floating elevation so the panel reads as a physical card lifted off the
+           page. Composed onto the floating box-shadow stack via the plate's own rule
+           (the floating tier's `--glass-material-rim` + shadows stay; this ADDS the
+           cartoon under-stamp). Static, PRM-immune. */
+        box-shadow:
+            var(--glass-material-rim),
+            var(--glass-under-shadow-vivid),
+            var(--glass-shadow-floating),
+            var(--shadow-cartoon-lg);
+    }
+    .dark [data-slot="select-content"],
+    .dark [data-slot="combobox-list"] {
+        /* dark glass needs more body — the warm field reads as a glow band, not a wash
+           lost in near-black; keep the fill nearly solid so the dark menu has presence.
+           PLAIN per-mode arm (not a light-dark() fragment — the inset-shadow trap, and
+           the box-shadow above carries no inset leg but the discipline holds). */
+        --select-plate-alpha: 0.94;
+    }
+
+    /* ── .glass-field-portal — the portal-local warm field (route identity) ──
+       The menu portals to <body>, OUTSIDE the route's field, so its `backdrop-filter`
+       has nothing warm to transmit. A clipped menu-local layer BEHIND the plate (z -1,
+       NO backdrop-filter on it — glass-cannot-sample-glass avoided by construction)
+       paints a 3-stop warm spine keyed to the route's `--field-h` (re-emitted on the
+       portal root via `data-field-palette` → `--field-h`). `inset: 0` (clipped INSIDE
+       — the blur bends it THROUGH the plate as real L-variance, NOT an `inset:-20%`
+       halo leaking around the box). Defaults to `--field-h: 48` (forms terracotta)
+       when the route does not re-emit, so a bare Select still reads warm. */
+    .glass-field-portal {
+        position: relative;
+    }
+    .glass-field-portal::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        pointer-events: none;
+        border-radius: inherit;
+        background:
+            radial-gradient(70% 60% at 24% 22%,
+                oklch(0.92 0.08 var(--field-h, 48) / 0.55), transparent 72%),
+            radial-gradient(64% 58% at 82% 80%,
+                oklch(0.88 0.07 calc(var(--field-h, 48) + 18) / 0.50), transparent 70%),
+            radial-gradient(60% 62% at 60% 40%,
+                oklch(0.90 0.06 calc(var(--field-h, 48) - 14) / 0.48), transparent 74%);
+    }
+    /* DARK arm (PLAIN per-mode, not :global()/light-dark()) — the dark field stops lift
+       to a real glow band (oklch L ~0.22–0.30, higher chroma) so the field-thesis is met
+       in dark, not a wash lost in near-black. */
+    .dark .glass-field-portal::before {
+        background:
+            radial-gradient(70% 60% at 24% 22%,
+                oklch(0.30 0.10 var(--field-h, 48) / 0.55), transparent 72%),
+            radial-gradient(64% 58% at 82% 80%,
+                oklch(0.26 0.09 calc(var(--field-h, 48) + 18) / 0.50), transparent 70%),
+            radial-gradient(60% 62% at 60% 40%,
+                oklch(0.28 0.08 calc(var(--field-h, 48) - 14) / 0.48), transparent 74%);
+    }
+    /* honest-degraded arm — engines without oklch() get an hsl warm spine, never gray. */
+    @supports not (color: oklch(0.9 0.08 48)) {
+        .glass-field-portal::before {
+            background: radial-gradient(70% 60% at 24% 22%,
+                hsl(var(--field-h, 48) 60% 88% / 0.5), transparent 72%);
+        }
+        .dark .glass-field-portal::before {
+            background: radial-gradient(70% 60% at 24% 22%,
+                hsl(var(--field-h, 48) 45% 26% / 0.55), transparent 72%);
+        }
+    }
+}
+
+/* ── PRM is colour-static here — the field + floor + edge + cartoon shadow are PAINT,
+   not motion, so they REMAIN under `prefers-reduced-motion: reduce` (un-gray and
+   selection-legibility need no motion). The reveal/pour/chevron motion legs are
+   carved in their own home recipes (reveal.css / menu.css) — this consumer file
+   introduces no motion to gate. */

package/dist/styles/theme/bridges.css

@@ -315,6 +315,14 @@
     --shadow-cartoon-md: var(--cartoon-shadow-md);
     --shadow-cartoon-lg: var(--cartoon-shadow-lg);
 
+    /* BC.W-CONTROL-SMOOTH — the warm focus-ring box-shadow bridged to the
+       `shadow-focus-ring` utility (AW.W26 --focus-ring-shadow register). The
+       `.focus-ring` utility auto-arms on :focus-visible; this bridge lets a
+       surface compose the SAME warm ring on a NON-:focus-visible state (the
+       TagsInputItem reka roving-tabindex `data-[state=active]` selection) via the
+       @theme utility, not a `shadow-[var(--focus-ring-shadow)]` arbitrary wrap. */
+    --shadow-focus-ring: var(--focus-ring-shadow);
+
     /* ═══════════════════════════════════════════════
        Blur → blur-* and backdrop-blur-* utilities
        ═══════════════════════════════════════════════ */
@@ -332,6 +340,15 @@
     --ease-spring-snappy: var(--spring-snappy);
     --ease-spring-bouncy: var(--spring-bouncy);
     --ease-spring-gentle: var(--spring-gentle);
+    /* BC.W-SPRING-EASE — the minted iOS interactive press register's @theme alias
+       (the documented public register the consumers reach by name; the JS path
+       reads it via useSpringPress + --glass-btn-press-t). */
+    --ease-spring-press: var(--spring-press);
+    /* BC.W-DECK — the deck slide-transition spring's @theme alias (the documented
+       public register a consumer's slide `transition-timing-function` reaches by
+       name: `ease-spring-deck`). --spring-deck aliases --spring-smooth; the headless
+       library mints the register, the deck consumer reads it (presets-in-consumers). */
+    --ease-spring-deck: var(--spring-deck);
 
     --ease-standard: var(--motion-ease-standard);
     --ease-out: var(--motion-ease-out);
@@ -352,6 +369,11 @@
     --transition-duration-panel: var(--duration-panel);
     --transition-duration-xl: var(--duration-xl);
     --transition-duration-xxl: var(--duration-xxl);
+    /* BC.W-CONTROL-SMOOTH — the named iOS control-press surface beat (0.12s, the
+       calm bg/color/box-shadow cross-fade clock the `.control-surface`/Toggle
+       family rides). Bridged to the `duration-control` utility so a control
+       composes the named clock, not a `duration-[var(--duration-control)]` wrap. */
+    --transition-duration-control: var(--duration-control);
     /* BA.W-GLASS-CAL — `--transition-duration-sparkle` bridge DELETED with the
        `--duration-sparkle` token (the disco retirement); no `duration-sparkle`
        utility consumer. */

package/dist/styles/theme/radius.css

@@ -42,9 +42,26 @@
        on Checkbox + base Tabs onto a softer, named radius. One geometry language
        across the form family — token + class only, no new primitive. */
     --radius-field:   var(--radius-2xl);
-    --radius-control: var(--radius-md);
+    /* BC.W-CONTROL-SMOOTH — the small-inline-control corner rung is a STADIUM, not a
+       fixed small px. The prior `--radius-md` (6px) read SQUARE on a 16-24px control
+       (6px on a 16px box = 0.38-of-height — a rounded-rect, not a pill); the iOS-27
+       small-control silhouette is a near-stadium pill where the radius SCALES with the
+       control (clamped to half-height by `--radius-pill`'s 9999px geometry, so a 16px
+       control reads an 8px-radius pill — soft at every size). This retires the raw
+       `rounded-sm` (4px) on Checkbox + base Tabs AND the small-control square class in
+       ONE rung. The `card` toggle TILE keeps `--radius-card` (the large glass surface
+       keeps its 1rem squircle — only the small inline controls re-round). The corner-
+       SHAPE squircle axis reads at LARGE radius only (ROUND set = card+pill for small),
+       so the small pills stay ROUND (no regression). */
+    --radius-control: var(--radius-pill);
     --radius-badge:   var(--radius-pill);
     --radius-dock:    var(--radius-pill);
+    /* BC.W-TABS-IOS — the iOS-27 segmented-control stadium register. The pill is a
+       stadium by construction (--radius-pill clamps to half-height on a short box →
+       a true end-cap), so the tab strip stops being a squared rounded-rect. The
+       value.js DESIGN.md idiom: the role-bearing pill token, NOT a hand-rolled
+       `rounded-full`. A consumer retunes the tab geometry via `:root { --radius-tab }`. */
+    --radius-tab:     var(--radius-pill);
     /* AW.W3b — the big-dock card shell's default (comfortable-density) radius.
        The density-scaled --dock-card-radius (dock.css) resolves through this. */
     --radius-dock-card: var(--radius-3xl);

package/dist/styles/tokens/color-radius.css

@@ -69,7 +69,7 @@
        allows a near-white translucent surface. The DARK --card is W-DARK-MATERIAL's
        lifted hsl(24 8% 16%) (NOT re-warmed here — the dark register is its work).
        Bounded: the cream family, never a tinted cast (the triumvirate bar). */
-    --card: hsl(36 48% 97%);
+    --card: hsl(30 85% 96%);
     --card-foreground: var(--foreground);
     --popover: var(--card);
     --popover-foreground: var(--foreground);
@@ -121,6 +121,16 @@
        `--border` (which is `var(--neutral-4)`, light-dark()-resolved). */
     --border-soft: color-mix(in srgb, var(--border) 45%, transparent);
 
+    /* BC.W-SEPARATOR-FIX — the warm separator hairline ink. A rule reads as
+       WARM material, not a grey `--border` line (BA.W-NO-GRAY floor): the
+       split-rule segments + un-labelled hairline both paint `--separator-ink`.
+       It is a `color-mix` off `--foreground` (`light-dark()`-resolved, so it
+       auto-darks warm in both modes — the warm-ink hairline, not `--neutral-4`
+       grey). 22% is a visible-but-whisper rule (crisper than `--border-soft`'s
+       45%-of-grey; this one is foreground-derived so it carries the warm hue
+       directly). A consumer retints every separator from this single rung. */
+    --separator-ink: color-mix(in srgb, var(--foreground) 22%, transparent);
+
     /* AQ.W3 §W3.4 — tokenized scrollbar thumb + track. Minted in the color
        block so the `scrollbar-color` / `::-webkit-scrollbar-thumb` rungs read a
        single source. Auto-dark via `--muted-foreground` (light-dark()-resolved,
@@ -224,9 +234,9 @@
        keyframes.js ω₀ = 2π/response convention, mints no second ω). */
     --constellation-warp-response:    0.55;   /* s — keyframes.js angular period (NOT a settle) */
     --constellation-warp-zeta:        1.0;    /* critically damped — a focal mark must NOT ring */
-    --constellation-well-gain:        14000;  /* inverse-square force scale (the held-pull gain) */
+    --constellation-well-gain:        19000;  /* inverse-square force scale (the held-pull gain). Lifted 14000→19000 (BC.W-VIZ-CONSTELLATION): the GPU substrate's high-refresh frame loop ramps the held strength to only ~0.70 within the egg-live π perturb window, so the weaker effective force (fought by the |v|→speed ease-back) fell under the gate's ≥20% perturb floor — a stronger pull restores the heat. Held-physics only; rest is byte-untouched. Mirrors DEFAULT_WELL_CONFIG.gain. */
     --constellation-well-reach:       340;    /* base-width px — the well's reach (k-scaled at step) */
-    --constellation-well-ramp:        4.0;    /* 1/s — the ARM rate (≈0.25s bloom; release is the fixed brisk WELL_RELEASE_RAMP — the field-cools invariant, not consumer-tunable) */
+    --constellation-well-ramp:        8.0;    /* 1/s — the ARM rate. Doubled 4→8 (BC.W-VIZ-CONSTELLATION) so the strength reaches near-full power within the gate's 40-frame perturb window at the GPU substrate's high refresh (~0.12s bloom); release is the fixed brisk WELL_RELEASE_RAMP — the field-cools invariant, not consumer-tunable. Mirrors DEFAULT_WELL_CONFIG.ramp. */
     --constellation-well-max-speed:   4.0;    /* base-width px/frame cap — the no-slingshot clamp */
     --constellation-well-hold-ms:     140;    /* ms hold before the well arms */
     --constellation-wander-idle:      8000;   /* ms — min idle between auto re-targets (the W-CON1 drift cadence) */
@@ -243,7 +253,7 @@
     --section-color-2:  oklch(0.484 0.163 265.5);  /* indigo     */
     --section-color-3:  oklch(0.542 0.089 222.8);  /* teal-cyan  */
     --section-color-4:  oklch(0.551 0.088 171.1);  /* forest     */
-    --section-color-5:  oklch(0.623 0.124 69.6);   /* amber      */
+    --section-color-5:  oklch(0.530 0.124 69.6);   /* amber — BC.W-ACCENT-TONE #13: the safeAccentColor-derived rebaseline (HEAD 0.623 → 0.530, 3.49:1 → 5.11:1 vs the warm-cream card; the dark arm already clears 8.07:1 so it stays). --viz-amber auto-tracks; fourier's :root override deletes on adopt. */
     --section-color-6:  oklch(0.579 0.201 30.4);   /* tomato-red */
     --section-color-7:  oklch(0.532 0.180 317.5);  /* violet     */
     --section-color-8:  oklch(0.520 0.176 8.4);    /* ruby       */