.glass-surface{border:1px solid var(--alo-glass-stroke,var(--alo-color-border));border-radius:var(--alo-radius-lg);box-shadow:var(--alo-glass-outer-shadow,var(--alo-e2-shadow));position:relative;overflow:hidden}.glass-surface:before{content:"";pointer-events:none;background:var(--alo-glass-specular),linear-gradient(145deg,#ffffff2e,#fff0 40%);opacity:calc(.6*var(--alo-glass-reflectivity));position:absolute;inset:0}.glass-surface:after{content:"";pointer-events:none;opacity:var(--alo-noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='128' height='128' filter='url(%23n)'/></svg>");background-size:128px 128px;position:absolute;inset:0}.glass-surface{box-shadow:var(--alo-glass-outer-shadow,var(--alo-e2-shadow))}.glass-surface>*{z-index:1;position:relative}.glass-chip{border:1px solid var(--alo-color-border);border-radius:var(--alo-radius-full);padding:var(--alo-space-2)var(--alo-space-5);background:color-mix(in oklab,var(--alo-color-surface)75%,transparent);font-size:var(--alo-text-xs);font-weight:var(--alo-weight-medium);position:relative;overflow:hidden}.glass-chip:after{content:"";opacity:calc(var(--alo-noise-opacity)*.8);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='128' height='128' filter='url(%23n)'/></svg>");background-size:128px 128px;position:absolute;inset:0}.glass-input{border:1.5px solid var(--alo-color-border);background:color-mix(in oklab,var(--alo-color-surface)70%,transparent);min-height:44px;font-size:var(--alo-text-base);color:var(--alo-color-text);transition:all .2s var(--alo-ease-out);border-radius:10px;padding:12px 16px;position:relative;overflow:hidden}.glass-input:after{content:"";opacity:calc(var(--alo-noise-opacity)*.6);mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='128' height='128' filter='url(%23n)'/></svg>");background-size:128px 128px;position:absolute;inset:0}.glass-input:focus-visible{border-color:var(--alo-brand-primary);outline:none;box-shadow:0 0 0 4px #4f96ff26,0 4px 16px #0000001a}.glass-input:hover{background:#ffffff14;border-color:#ffffff40}.glass-panel{border:1px solid var(--alo-glass-stroke,var(--alo-color-border));border-radius:var(--alo-radius-lg);background:color-mix(in oklab,var(--alo-color-surface)80%,transparent);backdrop-filter:blur(var(--alo-e2-blur));box-shadow:var(--alo-e2-shadow);transition:all var(--alo-dur-normal)var(--alo-ease-out-expo);padding:var(--alo-space-card);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(145deg,#ffffff1f,#fff0 50%);position:absolute;inset:0}.glass-panel:after{content:"";pointer-events:none;opacity:calc(var(--alo-noise-opacity)*.7);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='128' height='128' filter='url(%23n)'/></svg>");background-size:128px 128px;position:absolute;inset:0}.glass-panel>*{z-index:1;position:relative}.glass-panel:hover{border-color:color-mix(in oklab,var(--alo-brand-primary)30%,var(--alo-color-border));box-shadow:var(--alo-e3-shadow);transform:translateY(-2px)}