@mkbabb/glass-ui 6.0.0 → 8.0.0

package/src/styles/glass/ladder.css

@@ -1,452 +0,0 @@
-/* glass/ladder.css
-   The five-tier .glass-{wash,quiet,resting,floating,overlay} surface ladder + the W55 adaptive-legibility @container style(--glass-backdrop: light) bucket (co-located with its rung) + the .glass-opaque escape + the content-aware under-shadow.
-   Carved from the glass.css cascade root; @import-ed by glass.css in cascade
-   order, each in its own @layer components (isomorphic to the monolith).
-   See docs/precepts/design-idioms.md §cohesion-aware partials. */
-@layer components {
-    /* ── Five-tier surface ladder (v0.8.0; visual only, no geometry) ──
-       Tier semantics, alpha-monotonic per R3-spec §A:
-         wash      ~0.30α  + light blur      (was `subtle`)
-         quiet     ~0.50α  + medium blur     (the missing rung)
-         resting   ~0.65α  + canonical blur  (was `default`; the speedtest plate)
-         floating  ~0.80α  + heavier blur    (was `elevated`)
-         overlay   ~0.95α  + heaviest blur   (NEW; modal-over-modal) */
-
-    /* The five-rung surface ladder declares the unprefixed
-       `backdrop-filter` only IN SOURCE. Authoring both forms manually here
-       caused Lightning CSS in Tailwind v4 to dedup-and-keep-prefixed,
-       which modern Chromium then dropped from the CSSOM (the prefixed
-       alias is parser-rejected post-Chrome 113). AY.W-A11Y-PERF O-2a — the
-       build now OWNS the prefix: `vite.style-assets.ts publishStyleAssets()`
-       injects the `-webkit-backdrop-filter:` pair into the SHIPPED
-       `dist/styles/*.css` as a LAST pass (the source stays unprefixed, so
-       the Lightning dedup never sees both forms; the build emits the pair
-       after the cascade is assembled). This GUARANTEES the prefix reaches
-       dist/ regardless of the consumer's autoprefixer/browserslist — a
-       Safari ≤17 engine (webkit-form-only) paints the blur instead of
-       silently dropping the unprefixed rule. Verified by
-       `proof:webkit-backdrop` (count-parity over the shipped dist). */
-    /* AW.W23 — every rung's background composes the adaptive-tint recipe
-       (`color-mix(in oklab, <rung bg>, var(--glass-tint-source) var(--glass-tint-
-       strength))`). With the default `--glass-tint-strength: 0%` the mix is a
-       no-op = byte-identical to the un-tinted rung; a consumer biases the surface
-       toward a sampled backdrop hue by setting `--glass-tint-source` + a
-       strength ≤30%. oklab is the mwg-preferred tint space for the TINT mix here
-       (NEVER an `oklch(from …)` lightness-shift in the GLASS-TINT mix). The
-       `oklch(from var(--foreground) …)` relative-color recipe DID land its first
-       live consumer at BB.W-DARK-INK-WARM — the dark `--surface-tint-*` arm
-       (`tokens/dark-arm.css`), where the tolerant α-mix absorbs the small high-L
-       chroma (the gamut-map caveat documented + pinned under the gamut edge there).
-       That is the INK derivation, separate from THIS glass-tint mix space. */
-
-    /* BG.W-GLASS-IDIOM-FACTOR — the DRY plate-tint recipe, DECLARED ONCE.
-       The five-rung surface ladder each composed the SAME element-level oklab tint
-       INLINE (5 byte-identical `color-mix(in oklab, var(--glass-bg-<rung>),
-       var(--glass-tint-source) var(--glass-tint-strength))` pastes). The recipe is
-       the W55 adaptive-legibility seam — the rung bg mixed TOWARD the sampled/ink
-       `--glass-tint-source` at the continuous `--glass-tint-strength`; at the `0%`
-       rest default the mix is a no-op (`color-mix(…, X, transparent 0%) ≡ X`),
-       byte-identical to the raw rung bg.
-
-       Factored to ONE declaration: each rung sets only its own `--glass-bg-rung`
-       (the per-rung bg indirection — the EXACT `--glass-border-rung` →
-       `--glass-border-accent` pattern rim.css already runs for the border half) and
-       reads `background: var(--glass-plate-tinted)`. `--glass-plate-tinted` resolves
-       its `var(--glass-bg-rung)` / `--glass-tint-source` / `--glass-tint-strength`
-       at the rung element where it is composed (a custom property substitutes its
-       var() refs against the SAME element's other customs), so the per-rung bg AND
-       the per-element W55 re-points (the `:where()` content-tier + overlay-band tint
-       cascades below) reach it unchanged — net-neutral, dist byte-isomorphic. This
-       single home is the ONE place a later wave (BG.W-GLASS-TINT-UNIFY) adds the
-       bias outer-leg, instead of N pastes.
-
-       BG.W-GLASS-REGISTER-UNIFY — `--glass-plate-tinted` is the LADDER-RUNG spelling
-       of the ONE tint recipe; its applied-at-the-element twin for NON-ladder surfaces
-       is `@utility glass-fill` (glass/surfaces.css, reading `--glass-fill-rung`). Same
-       oklab W55 seam, two delivery seams: the ladder rungs read the token, a Card /
-       button / dock surface APPLIES the utility. A NON-ladder surface never re-spells
-       the `color-mix(in oklab, …)` — it composes `glass-fill`; the `--glass-bg-*-tinted`
-       pre-composed tokens + the `:root --glass-bg-dock` inline tint are the substitution-
-       trap forms the utility supersedes (their DELETE is the sibling-gate-coordinated
-       atomic step). */
-    .glass-wash,
-    .glass-quiet,
-    .glass-resting,
-    .glass-floating,
-    .glass-overlay {
-        --glass-plate-tinted: color-mix(
-            in oklab,
-            var(--glass-bg-rung),
-            var(--glass-tint-source) var(--glass-tint-strength)
-        );
-    }
-
-    .glass-wash {
-        position: relative;
-        --glass-bg-rung: var(--glass-bg-wash);
-        background: var(--glass-plate-tinted);
-        backdrop-filter: var(--glass-blur-wash);
-        /* BB.W-GLASS-ACCENT — the rung border ink feeds the accent-composed
-           `--glass-border-accent` (rim group above); byte-identical at 0%. */
-        --glass-border-rung: var(--glass-border-wash);
-        border: 1px solid var(--glass-border-accent);
-        box-shadow: var(--glass-material-rim), var(--glass-shadow-wash);
-    }
-
-    /* AL-W10 SLIM under-shadow wiring (tokens.css §AL-W10 SLIM —
-       UNDER-SHADOW recipe rungs). Each tier composes its canonical
-       iOS Liquid Glass under-shadow (a 0.5px dark hairline along the
-       bottom edge reading as glass thickness) as a NON-INSET layer
-       PREPENDED to the existing `--glass-shadow-*` recipe — the under-
-       shadow lays the floor; the existing shadow stack lays the lift.
-         quiet   → `--glass-under-shadow-quiet`   (0 2px 8px -1px α0.04)
-         resting → `--glass-under-shadow-default` (0 4px 16px -2px α0.08)
-         floating→ `--glass-under-shadow-vivid`   (0 8px 32px -4px α0.12)
-       `.glass-wash` is sub-perceptual; `.glass-overlay` is modal-heavy
-       — neither composes an under-shadow rung (Y4/Y6/Y7 SLIM retention).
-       Spine tier wires its own rung at instrument-chassis.css. */
-    .glass-quiet {
-        position: relative;
-        --glass-bg-rung: var(--glass-bg-quiet);
-        background: var(--glass-plate-tinted);
-        backdrop-filter: var(--glass-blur-quiet);
-        --glass-border-rung: var(--glass-border-quiet);
-        border: 1px solid var(--glass-border-accent);
-        box-shadow:
-            var(--glass-material-rim),
-            var(--glass-under-shadow-quiet),
-            var(--glass-shadow-quiet);
-    }
-
-    .glass-resting {
-        position: relative;
-        --glass-bg-rung: var(--glass-bg-resting);
-        background: var(--glass-plate-tinted);
-        backdrop-filter: var(--glass-blur-resting);
-        --glass-border-rung: var(--glass-border-resting);
-        border: 1px solid var(--glass-border-accent);
-        box-shadow:
-            var(--glass-material-rim),
-            var(--glass-under-shadow-default),
-            var(--glass-shadow-resting);
-    }
-
-    /* AV.W15 M3 / AW.W22 — the floating tier carries the full-perimeter rim (the
-       catch-light that "defines the silhouette", WWDC25 sess. 219). The rim now
-       comes from the unified `--glass-material-rim` (= `--glass-edge-light`) so
-       it shares ONE source with the rest of the ladder; it rides INSIDE the
-       box-shadow stack so it composes with the under-shadow floor + the lift. */
-    .glass-floating {
-        /* AY.W-A11Y-PERF O-1 — engage the W55 bright-backdrop bucket BY DEFAULT on
-           the overlay band: a floating surface floats over WHATEVER the consumer
-           painted (frequently a light/near-white app surface — the canonical G2
-           case), so the library opts its own overlay-band glass in at its own root
-           via the SELF-CONTAINER reach below (`.glass-floating { --glass-backdrop }`
-           + `:where(.glass-floating) > * `-less: the rung re-points its OWN tint
-           through the companion self-rule, not only the ancestor @container). `dark`
-           (the :root default at tokens.css) stays the explicit per-surface override a
-           dark-substrate consumer dials in on an ancestor. */
-        --glass-backdrop: light;
-        position: relative;
-        --glass-bg-rung: var(--glass-bg-floating);
-        background: var(--glass-plate-tinted);
-        backdrop-filter: var(--glass-blur-floating);
-        --glass-border-rung: var(--glass-border-floating);
-        border: 1px solid var(--glass-border-accent);
-        box-shadow:
-            var(--glass-material-rim),
-            var(--glass-under-shadow-vivid),
-            var(--glass-shadow-floating);
-    }
-
-    .glass-overlay {
-        /* AY.W-A11Y-PERF O-1 — the overlay band engages the W55 bucket by default
-           (see .glass-floating). */
-        --glass-backdrop: light;
-        position: relative;
-        --glass-bg-rung: var(--glass-bg-overlay);
-        background: var(--glass-plate-tinted);
-        backdrop-filter: var(--glass-blur-overlay);
-        --glass-border-rung: var(--glass-border-overlay);
-        border: 1px solid var(--glass-border-accent);
-        box-shadow: var(--glass-material-rim), var(--glass-shadow-overlay);
-    }
-
-    /* ── Adaptive legibility: the bright-backdrop bucket (AX.W55 — the iOS-26/27
-       "locally darken the glass over light content" move; G2) ──────────────────
-       When a consumer sets `--glass-backdrop: light` on any ancestor (a near-white
-       card surface, a pale aurora bleed, a bright data grid), the `@container
-       style()` read engages here and LIFTS the tint toward ink: `--glass-tint-
-       strength` climbs from the `0%` rest default to the bounded AA floor
-       (`--glass-tint-strength-aa`, ≤24% — translucent floor preserved) and `--glass-
-       tint-source` re-points from `var(--card)` to the warm-ink `--glass-tint-ink`.
-       Both are INHERITING custom properties the rungs' `background:` composite
-       already reads, so re-pointing them on the material group re-resolves the
-       EXISTING `color-mix(in oklab, <rung bg>, …)` toward ink — ZERO new compositing
-       seam, the literal darken-over-light recipe. The `.glass-*::before` specular
-       `plus-lighter` gleam (W52) is untouched (it composes ON the darkened plate;
-       the darkening is the orthogonal oklab-tint axis). No `@supports` wrapper:
-       style queries introduce no new `container-type` value (every element is a
-       style container by default), so an engine without style-query support parses
-       the unknown at-rule as invalid, drops the block, and keeps the zero-delta
-       glass (the graceful degradation — the surface is today's-glass, the pre-W55
-       state; see utilities.css §density for the same precedent). */
-    @container style(--glass-backdrop: light) {
-        .glass-material,
-        .glass-wash,
-        .glass-quiet,
-        .glass-resting,
-        .glass-floating,
-        .glass-overlay,
-        .glass-card {
-            --glass-tint-source: var(--glass-tint-ink);
-            --glass-tint-strength: var(--glass-tint-strength-aa);
-            /* BA.W-DARK-MATERIAL scope 7 — the --muted-foreground lift moves HERE, into the
-               declared/sampled BRIGHT condition. The muted L40 tier cannot clear 4.5:1 on a
-               translucent FULL-AA-darkened plate (darkening moves the plate toward muted's
-               own luminance), so it lifts to the full ink ONLY where the plate actually
-               darkens — NOT on the calm-light unconditional floor (where it stays the muted
-               register, the slides caption read). */
-            --muted-foreground: var(--foreground);
-        }
-    }
-
-    /* AY.W-A11Y-PERF O-1 — SELF-ENGAGE the overlay band by default. The
-       `@container style()` rule above queries an ANCESTOR (CSS style queries never
-       self-match — verified on Chrome 148), so the `.glass-floating { --glass-backdrop:
-       light }` default we set on the rung would NOT darken the rung's OWN surface, only
-       its descendants. AND the `:root` library default is `--glass-backdrop: dark`
-       (tokens.css), so a `@container style(--glass-backdrop: dark)` revert would ALWAYS
-       fire (every element has the dark :root as an ancestor) — it cannot distinguish an
-       explicit consumer `dark` from the default. So the overlay band self-engages
-       UNCONDITIONALLY as the library default: a floating/overlay surface floats over
-       WHATEVER the consumer painted (frequently a light/near-white app surface — the
-       canonical G2 case the user reported), so darkening the translucent plate toward
-       the warm-ink is the correct default. This re-points the tint tokens DIRECTLY on
-       the overlay-band surfaces (`.glass-floating` / `.glass-overlay` — the Dialog/
-       Sheet/Popover/DropdownMenu/HoverCard/Command/Tooltip/Toast/Select-content band),
-       engaging the SAME oklab tint axis (zero new compositing seam). Over a DARK page
-       the darken is sub-perceptual (warm-ink over an already-dark plate is a small
-       shift); a dark-substrate consumer who wants the pristine plate sets
-       `--glass-tint-strength: 0%` on the band or uses `.glass-opaque`. The in-srgb
-       `--surface-tint-*` family is never touched (this edits only the in-oklab glass
-       tint axis).
-
-       AZ.W-ADAPTIVE-AUTO Arm 1 — the self-engage now EXTENDS to the plain CONTENT
-       tiers (`.glass-card`/`.glass-resting`/`.glass-quiet`/`.glass-wash`), not just
-       the overlay band. The W54 glass-first MAXIMAL default makes content-on-glass-
-       over-a-bright-backdrop the common case, so every content tier self-darkens over
-       light WITHOUT consumer opt-in — closing the C5-7 asymmetry (the content tiers
-       painted near-invisible over light on every route). The prior W55 overlay-only
-       scoping (which kept the default-path byte-identity canary green by testing
-       `.glass-card`/`.glass-resting` with a bare no-ancestor div) is SUPERSEDED: the
-       three now-self-engaged kinds are no longer byte-identical to the dark bucket
-       (the canary narrows to the legitimately-zero-delta surfaces — the `.glass-opaque`
-       escape + an explicit per-surface `--glass-backdrop: dark` override — and the new
-       in-situ G1 π readback becomes the binding default-path truth). The muted body
-       register lifts to the full warm-ink under the engaged plate: the muted L40 tier
-       cannot clear 4.5:1 on a translucent darkened plate (darkening moves the plate
-       TOWARD muted's own luminance), so the low-contrast muted register resolves to
-       the legible dark ink (clears ~10:1) — a token re-point on the same inheriting
-       axis as the tint. */
-    /* The OVERLAY band (.glass-floating/.glass-overlay — Dialog/Sheet/Popover/DropdownMenu/
-       HoverCard/Command/Tooltip/Toast/Select-content) keeps the FULL unconditional AA darken
-       + the muted lift: it floats over WHATEVER the consumer painted (frequently a light/
-       near-white app surface — the canonical G2 case), so darkening toward the warm-ink is
-       the correct DEFAULT over an UNKNOWN surface. Over a DARK page this becomes the
-       luminous-dark LIFT (the dark-arm re-tunes --glass-tint-strength-aa to 12% — the plate
-       lifts off the deep page). A dark-substrate consumer who wants the pristine plate sets
-       `--glass-tint-strength: 0%`. */
-    :where(.glass-floating, .glass-overlay) {
-        --glass-tint-source: var(--glass-tint-ink);
-        /* BC.W-ADAPTIVE-RECONCILE (the fourier-analysis-M Tier-1 #1 fold, CONTINUOUS half)
-           — the OVERLAY band SPECIFICALLY JOINS the continuous observer driver, the SAME
-           clamp the content tiers get. The dropdown/Dialog/Popover/Select-content plate
-           FLOORS to warm-cream when the measured backdrop is calm/dark, and darkens
-           CONTINUOUSLY only under a measured bright backdrop — NOT the binary `@container`
-           bucket jump, NOT a blanket unconditional darken (the retired 4.0.x 20% slab).
-           The `BC.W-AUDIT` pre-fix already closed the UNCONDITIONAL-darken half (the band
-           floored by default); THIS is the continuous earned-darken half. The MEASURED AA
-           bar (the overlay plate clears 4.5:1 WHILE α < 0.86) is GLASS-LEGIBILITY-
-           MEASURED's roster addition — the driver here, the bar there, no double-ownership. */
-        --glass-tint-strength: clamp(
-            var(--glass-tint-strength-floor),
-            calc(
-                var(--glass-tint-strength-floor) +
-                (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) *
-                max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee)))
-            ),
-            var(--glass-tint-strength-aa)
-        );
-        /* BC.W-DIALOG-GLASS — the overlay band's muted caption keeps the on-glass MUTED
-           register on a CALM modal (the SAME `--on-glass-muted` the content tiers read on
-           their calm path — legible-AND-subordinate against the composited glass fill),
-           NOT an UNCONDITIONAL lift to full `--foreground` that blackened the caption on a
-           cream modal over a light page. The bright-bucket lift (@container --glass-
-           backdrop:light below) moves `--muted-foreground` to the contrast ink in LOCKSTEP
-           with `--foreground` only where the plate ACTUALLY darkens to AA — so a busy-
-           backdrop modal goes full ink, a calm modal keeps the muted register. */
-        --muted-foreground: var(--on-glass-muted);
-        --muted-foreground-strong: var(--on-glass-muted-strong);
-    }
-
-    /* BA.W-DARK-MATERIAL scope 7 — the plain CONTENT tiers self-engage the SUB-PERCEPTUAL
-       FLOOR unconditionally, NOT the full AA darken (the R9-1 slides gray-slab fix). Over a
-       calm LIGHT page the floor (--glass-tint-strength-floor: 4%) is a silhouette whisper —
-       the translucent cream card stays warm (L ≈ 0.94), no gray slab. Over a DARK page the
-       floor re-resolves to the luminous-dark lift (12% in the dark arm — the plate lifts off
-       the deep page, the desired register). The FULL AA darken engages on these tiers ONLY
-       under the declared/sampled BRIGHT signal (the @container --glass-backdrop:light bucket
-       above — where the muted lift also lives now). NO unconditional --muted-foreground lift
-       here: on the calm-light floor the caption keeps the muted register (the slides read).
-       A consumer opts a light-page card out via `--glass-tint-strength: 0%` on an ancestor.
-
-       BB.W-ON-GLASS-FG (N13) — the THIRD-STATE on-glass FOREGROUND re-point lands HERE,
-       BESIDE the BA seam (the SAME cascade context, the SAME content-tier set, NOT a new
-       competing layer). The calm-light floor keeps the page-muted --neutral-5 at HEAD —
-       but the muted ink is calibrated against the CANVAS, and on a TRANSLUCENT content
-       plate (the glass-first common case) it composites toward the lifted backdrop and
-       its contrast COLLAPSES (1.15-3.29:1 measured in dark). The re-point targets the
-       muted register at the COMPOSITED glass fill: --muted-foreground → --on-glass-muted
-       (+ the -strong twin), a register BETWEEN the page-muted and the bright-bucket full
-       ink (legible-AND-subordinate; the caption stays quieter than body --foreground).
-       This is NOT a fork of --glass-tint-* — it READS the seam context and expresses the
-       third state; it NEVER re-declares --glass-tint-ink/-strength-* (W-DARK-MATERIAL's
-       frozen bound). The BA bright-bucket lift (@container --glass-backdrop:light above,
-       --muted-foreground → --foreground) STILL WINS where the plate darkens — the
-       @container conditional overrides this unconditional :where() when it engages, so a
-       darkened plate goes full ink; this calm re-point is the calm-plate case ONLY. The
-       overlay band (:where(.glass-floating, .glass-overlay) above) is a DISJOINT selector
-       set (it keeps the full-ink lift), so neither path collides. The values auto-flip per
-       mode (the on-glass rungs carry their own light/dark per-mode arms in tokens). */
-    :where(.glass-card, .glass-resting, .glass-quiet, .glass-wash) {
-        --glass-tint-source: var(--glass-tint-ink);
-        /* BC.W-ADAPTIVE-RECONCILE — the CONTINUOUS observer-driven darken (the dead-knob
-           closed; req #7). The strength is no longer a flat floor: it is a clamp that
-           READS the observer's measured `--glass-backdrop-luma` and lerps from the calm
-           warm-cream floor toward the ≤24% AA ceiling as the backdrop brightens past the
-           `--glass-backdrop-luma-knee` (the iOS-27 dynamic-range shift, apple-ios27.md
-           §1.5). Over a calm/dark backdrop (luma ≤ knee, the `max(0, …)` ramp → 0) the
-           clamp resolves EXACTLY `--glass-tint-strength-floor` (the GLASS-IDENTITY calm
-           identity, byte-equal); rising luma ramps the lift CONTINUOUSLY; the clamp floors
-           at the 4% identity and ceilings at the bounded AA — never an unconditional 20%
-           slab (the AZ grey-slab is the OPPOSITE of this earned, measured track).
-
-           BG.W-GLASS-SIGNAL-TRUTH (M7) — THE BAND-DRIVER DECISION (reconciled to ONE):
-           the declarative `@container --glass-backdrop: light` bucket below is THE BAND
-           DRIVER (a consumer/shell writes `--glass-backdrop: light` on an ancestor where
-           it KNOWS the backdrop is bright — the AA darken then reaches every descendant
-           content tier), and this CONTINUOUS `--glass-backdrop-luma` clamp is the DYNAMIC
-           REFINEMENT layer that engages WHERE A LUMA WRITER FIRES — the dock (its own
-           `useGlassBackdropLuminance` observer, wired ON) and any band surface a consumer
-           wires the observer to. On a content-tier Card with no wired observer + no
-           ancestor bucket, `--glass-backdrop-luma` reads the registered initial 0 → the
-           clamp resolves the calm floor (the honest calm identity — a plate over an
-           UNKNOWN backdrop stays warm, never a false darken). The prior claim that this
-           clamp "RETIRES the bucket as THE driver" was the contradictory-canon half the
-           M7 audit named (glass-fx.css declared the bucket the default path); the bucket
-           is the band driver, the clamp is the refinement — no double-ownership. */
-        --glass-tint-strength: clamp(
-            var(--glass-tint-strength-floor),
-            calc(
-                var(--glass-tint-strength-floor) +
-                (var(--glass-tint-strength-aa) - var(--glass-tint-strength-floor)) *
-                max(0, (var(--glass-backdrop-luma, 0) - var(--glass-backdrop-luma-knee)) / (1 - var(--glass-backdrop-luma-knee)))
-            ),
-            var(--glass-tint-strength-aa)
-        );
-        --muted-foreground: var(--on-glass-muted);
-        --muted-foreground-strong: var(--on-glass-muted-strong);
-    }
-
-    /* F2.R1 W-DARK-READABILITY-REPAIR (paint re-open — the full-route dark census Class-3
-       mustFix) — the on-glass MUTED lift EXTENDS to the mid-tone / tone-tinted / selected-
-       glass surfaces the calm content-tier :where() above does NOT reach. The muted register
-       (--muted-foreground = --neutral-5, calibrated "AA vs the OPAQUE page") COLLAPSES on a
-       composited TINTED / mid-tone glass plate exactly as it does on the calm content tier —
-       but these surfaces are NOT content tiers, so the re-point above never reached them
-       (the census measured the raw page-muted at WCAG 3.3-4.27 dark, BELOW AA): the feedback
-       TONE-TINTED plates (`.feedback-tone` — Alert / Notification / Toast, the AlertDescription
-       caption + mono labels), the selected-glass capsule CHIPS + overflow PUCKS (`.glass-capsule`
-       — selectable-chip / toggle-chip / tags-input, idle `text-muted-foreground`
-       ink), and the `.metric-badge` mono label. These plates composite BRIGHTER than the calm
-       quiet plate (the quiet content plate lands L≈0.28; a tone-tinted / selected chip plate
-       lands L≈0.30-0.35), so a subordinate light ink loses contrast on them — they need the
-       STRONGER on-glass rung (`--on-glass-muted-strong`, one step more present) to clear the
-       floor while STAYING subordinate to the L90 --foreground ink. ONE register (no new token,
-       no fork — it READS the existing on-glass -strong rung the wave already ships), the SAME
-       substitution-over-redeclaration discipline the content-tier re-point uses. The rung
-       auto-flips per mode (the on-glass tokens carry their own light/dark arms); in light these
-       surfaces already read the on-glass register on their light glass, byte-consistent. Machine-
-       locked by `proof:glass` dark-legibility DL5. */
-    :where(.feedback-tone, .glass-capsule, .metric-badge) {
-        --muted-foreground: var(--on-glass-muted-strong);
-        --muted-foreground-strong: var(--on-glass-muted-strong);
-    }
-
-    /* AX.W55 — the `contrast-color()` foreground-ink flip (Chrome 147+/Safari 26+).
-       A PROGRESSIVE-ENHANCEMENT layer, NEVER the load-bearing floor (Open-Q #5
-       ratified): the declarative bucket above already carries AA on ALL engines (it
-       darkens the translucent plate so dark text clears ~11:1 over white at the 18%
-       floor — the live π readback ratifies). On a supporting engine `contrast-color()`
-       REFINES the foreground-ink pick natively, anchored on the LIGHT BACKDROP signal
-       (`--card`, the warm-white surface base the bright bucket implies) — NOT on the
-       ink. `contrast-color(var(--card))` over the light backdrop resolves to the
-       maximally-legible DARK ink (anchoring on the dark ink instead would invert to
-       white, illegible on the still-light translucent plate). The bucket is the floor;
-       this is the native refinement. Scoped to the bright bucket. */
-    @supports (color: contrast-color(white)) {
-        /* The bright-bucket ink flip — the content tiers + overlay band over a DECLARED/
-           sampled bright backdrop. BA.W-DARK-MATERIAL scope 6 — the SYSTEMIC contrast-color()
-           selection-inversion fix (approach A, lockstep-lift). At HEAD this block lifted only
-           --muted-foreground (and the surface `color`) to contrast-color(--card) (white over
-           a light plate, L100), but the ACTIVE control register (a SegmentedTabs active tab,
-           the curve-picker selected label) reads var(--foreground) DIRECTLY (L90, un-lifted) —
-           a control sets its OWN `color: var(--foreground)` which wins over the inherited
-           surface `color`, so the inactive (muted→white) read BRIGHTER than the active
-           (--foreground), inverting selection. The fix lifts --foreground ITSELF in lockstep
-           with --muted-foreground: now an active register reading --foreground resolves the
-           SAME anchored contrast-color ink as the lifted inactive, so selected ≥ unselected
-           everywhere (the inversion gone for ANY --muted-foreground/--foreground selection
-           pairing inside a glass card — the SYSTEMIC library-seam fix, not a curve-picker
-           one-off). Progressive enhancement only — the declarative darken is the AA floor. */
-        @container style(--glass-backdrop: light) {
-            .glass-material,
-            .glass-wash,
-            .glass-quiet,
-            .glass-resting,
-            .glass-floating,
-            .glass-overlay,
-            .glass-card {
-                color: contrast-color(var(--card));
-                --foreground: contrast-color(var(--card));
-                --muted-foreground: contrast-color(var(--card));
-            }
-        }
-        /* BC.W-DIALOG-GLASS / BC.W-ADAPTIVE-RECONCILE (overlay-band arm) — the overlay
-           band's `contrast-color()` ink flip is now GATED in the bright bucket above
-           (the @container --glass-backdrop:light block already lists `.glass-floating,
-           .glass-overlay` alongside the content tiers), NOT here as an UNCONDITIONAL
-           flip. The retired unconditional `:where(.glass-floating, .glass-overlay)`
-           rule blackened the ink even on a CALM modal over a light page — a translucent
-           cream plate forced to pure-black `contrast-color(--card)`, harsh on the cream,
-           and `--muted-foreground` flipped to the same so captions lost their muted
-           register. Now: over a calm/dark backdrop the modal keeps the WARM-INK
-           `--foreground` (legible, not pure-black) + the muted caption register; only a
-           modal over a genuinely-bright/busy backdrop flips to the dark contrast ink
-           (where the plate ACTUALLY darkens to bright-bucket AA), the `--foreground`/
-           `--muted-foreground` lift moving in LOCKSTEP there (the scope-6 lockstep). The
-           overlay band STILL self-darkens UNCONDITIONALLY (the tint-strength clamp above,
-           it floats over unknown) — only the INK flips in the bright bucket. ONE
-           reconciled flip, not two forks (ladder.css stays the single source). */
-        /* BA.W-DARK-MATERIAL scope 7 — the content-tier ink flip is GATED on the bright
-           signal (it moved INTO the @container bucket above), NOT unconditional. Over a calm
-           LIGHT page the content tiers only carry the 4% silhouette floor (still a warm cream
-           plate), so flipping the ink to the contrast-color DARK ink there is correct only
-           where the plate ACTUALLY darkens to the bright-bucket AA — the unconditional flip
-           would force a white-on-cream / dark-on-darkened mismatch on the calm card. The
-           content tiers therefore take NO unconditional contrast-color flip; their flip lives
-           in the @container bucket with the rest of the bright-condition darken. */
-    }
-
-}