Add standalone Liquid Glass Kit package

[matthewro7263-hub]

Summary

Adds the Liquid Glass Kit as a new top-level liquid-glass-kit/ folder — a framework-free liquid-glass / glassmorphism refraction kit (SVG feDisplacementMap + CSS rim/specular/chromatic highlights, with an optional WebGL lens) and a Vite-powered demo playground.

Contents:

• src/liquid-glass.js — LiquidGlass class, auto-attacher (attachLiquidGlass), displacement-map generator
• src/liquid-glass.css — lens shell + rim/specular/chromatic highlight styling
• src/liquid-glass-webgl.js — optional WebGL lens path
• index.html + demo/main.js — interactive demo with tunable sliders and component recipes
• README.md, package.json (own vite-based dev/build/preview scripts)

The package is self-contained (its own package.json/node_modules, gitignored) and is not wired into the main app, so it has no impact on the Cel build.

Verification

• npm install + npm run build in liquid-glass-kit/ — builds successfully (index.html + CSS + JS bundle).
• npm run dev demo verified in-browser: the glass lens follows the cursor and refracts live DOM content; sliders (scale/chroma/blur/depth/…) update the effect in real time; component recipes (slider, switch, buttons, segmented control, QR, video controls) render the effect.

Known minor cosmetic items in the demo page (not the core effect): the demo references Inter web fonts that 404 (falls back to system fonts), the "Video controls" recipe shows an empty video placeholder, and elastic-button label text is slightly clipped.

Walkthrough

liquid_glass_kit_demo.mp4
Cursor-following liquid-glass lens refracting live content, with live slider adjustments and component recipes.

Liquid Glass Kit initial state
Effect after adjusting scale/chroma/blur
Component recipe examples

_{To show artifacts inline, enable in settings.}