LiquidGlass probe

rendered tier: degraded
detected: …
corner-shape: unsupported → round
reduced motion: no
glass instances: 7
map generations: 0
cache hits: 0
cache entries: 0

Drag the card and watch map generations: it must stay flat. It only ticks when the quantised geometry, the profile or the quality changes — never for displacement, blur, saturation, aberration or specular, which are live filter attributes.

Two counter-intuitive defaults, both matching the reference effect: displacement is ~4× the bezel (a 30px bezel wants ~120px), and blur is 0.5px. Liquid glass is clear — frosting it hides the refraction that does all the work.

tier & scheme mode quality profile corner backdrop scheme auto size (ResizeObserver)

geometry width 360px height 220px borderRadius 70px bezel 30px opacity (tint) 0.050

optics auto displacement (bezel × 4) displacement 120px blur 0.5px saturation 1.30 chromaticAberration 0.040

surface specularIntensity 0.35 shadowIntensity 0.60