:root{--glass-shadow-offset:0;--glass-shadow-blur:20px;--glass-shadow-spread:-5px;--glass-shadow-color:rgba(255,255,255,0.7);--glass-tint-color:255,255,255;--glass-tint-opacity:0.4;--glass-frost-blur:2px;--glass-noise-frequency:0.008;--glass-distortion-strength:77;--glass-outer-shadow-blur:24px;--glass-edge-glow:74,115,204}.liquid-glass-input{position:relative;overflow:visible;isolation:isolate;box-shadow:0 6px var(--glass-outer-shadow-blur) rgba(0,0,0,.2),0 2px 8px rgba(var(--glass-edge-glow),.1);backdrop-filter:blur(var(--glass-frost-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-frost-blur)) saturate(180%)}.liquid-glass-input:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(120,119,198,.15),transparent 40%),radial-gradient(ellipse at bottom right,rgba(255,119,168,.15),transparent 40%),linear-gradient(135deg,rgba(var(--glass-tint-color),var(--glass-tint-opacity)),rgba(var(--glass-tint-color),calc(var(--glass-tint-opacity) * .3)));border-radius:16px;box-shadow:inset var(--glass-shadow-offset) var(--glass-shadow-offset) var(--glass-shadow-blur) var(--glass-shadow-spread) var(--glass-shadow-color);pointer-events:none;z-index:0;mix-blend-mode:screen}.liquid-glass-input:hover:before{box-shadow:inset 0 0 30px rgba(255,255,255,.8),inset 0 0 60px rgba(255,255,255,.4)}.liquid-glass-input:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.1) 5%,transparent 50%);border-radius:16px;pointer-events:none;mask:linear-gradient(180deg,black,transparent 80%);-webkit-mask:linear-gradient(180deg,black,transparent 80%)}.bubble-glass-input{position:relative;overflow:visible;transform-style:preserve-3d}.bubble-glass-input:before{content:"";position:absolute;inset:-2px;background:radial-gradient(ellipse at top,rgba(255,255,255,.5),transparent 60%);border-radius:18px;opacity:.8;pointer-events:none;animation:bubbleFloat 4s ease-in-out infinite}.bubble-glass-input:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 40%,transparent 60%,rgba(255,255,255,.1));border-radius:16px;pointer-events:none}.crystal-glass-input{position:relative;overflow:visible}.crystal-glass-input:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,rgba(74,115,204,.05),rgba(255,255,255,.1),rgba(34,197,94,.05),rgba(255,255,255,.1),rgba(139,92,246,.05),rgba(255,255,255,.1),rgba(74,115,204,.05));animation:crystalRotate 20s linear infinite;pointer-events:none;opacity:.6}.crystal-glass-input:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.6) 0,rgba(255,255,255,.1) 20%,transparent);border-radius:16px;pointer-events:none}.aurora-glass-input{position:relative;overflow:hidden}.aurora-glass-input:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,rgba(74,115,204,.1),rgba(34,197,94,.1),rgba(139,92,246,.1),rgba(255,182,193,.1),rgba(74,115,204,.1));animation:auroraWave 8s ease-in-out infinite;pointer-events:none;filter:blur(40px)}.aurora-glass-input:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0,transparent 70%);border-radius:16px;pointer-events:none;mix-blend-mode:overlay}.prism-glass-input{position:relative;overflow:visible}.prism-glass-input:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,#ff6b6b22,#4ecdc422,#45b7d122,#96ceb422,#feca5722,#ff6b6b22);background-size:300% 100%;border-radius:17px;opacity:0;transition:opacity .3s ease;animation:prismShift 6s ease infinite;pointer-events:none}.prism-glass-input:hover:before{opacity:1}.prism-glass-input:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.5),rgba(255,255,255,.1) 40%,transparent);border-radius:16px;pointer-events:none}@keyframes bubbleFloat{0%,to{transform:translateY(0) scale(1);filter:brightness(1)}25%{filter:brightness(1.05)}50%{transform:translateY(-5px) scale(1.01);filter:brightness(1.1)}75%{filter:brightness(1.05)}}@keyframes liquidWave{0%,to{transform:translate(0) rotate(0deg) scale(1);filter:hue-rotate(0deg) brightness(1)}25%{transform:translate(2%,-2%) rotate(1deg) scale(1.02);filter:hue-rotate(5deg) brightness(1.05)}50%{transform:translate(-1%,1%) rotate(-1deg) scale(1.01);filter:hue-rotate(-5deg) brightness(1.02)}75%{transform:translate(1%,-1%) rotate(.5deg) scale(1.015);filter:hue-rotate(3deg) brightness(1.03)}}@keyframes edgeColorPulse{0%,to{box-shadow:0 0 30px rgba(var(--glass-edge-glow),.3),inset 0 0 20px rgba(255,255,255,.5)}50%{box-shadow:0 0 40px rgba(var(--glass-edge-glow),.5),inset 0 0 30px rgba(255,255,255,.7)}}@keyframes crystalRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes auroraWave{0%,to{transform:translate(-50%,-50%) rotate(0deg)}33%{transform:translate(-30%,-30%) rotate(120deg)}66%{transform:translate(-70%,-40%) rotate(240deg)}}@keyframes prismShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmerGleam{0%{transform:translateX(-100%) rotate(25deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(200%) rotate(25deg);opacity:0}}@keyframes specularHighlight{0%,to{background-position:-200%}50%{background-position:200%}}@keyframes svgDistortion{0%,to{filter:url(#liquid-distortion-subtle)}25%{filter:url(#liquid-distortion-medium)}50%{filter:url(#liquid-distortion-strong)}75%{filter:url(#liquid-distortion-medium)}}.aurora-glass-input:hover,.bubble-glass-input:hover,.crystal-glass-input:hover,.liquid-glass-input:hover,.prism-glass-input:hover{position:relative}.aurora-glass-input:hover:after,.bubble-glass-input:hover:after,.crystal-glass-input:hover:after,.liquid-glass-input:hover:after,.prism-glass-input:hover:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerGleam 2s ease-in-out;pointer-events:none}.aurora-glass-input:focus-within,.bubble-glass-input:focus-within,.crystal-glass-input:focus-within,.liquid-glass-input:focus-within,.prism-glass-input:focus-within{transform:translateY(-1px) scale(1.005);box-shadow:0 25px 50px -12px rgba(74,115,204,.35),0 0 0 2px rgba(74,115,204,.3),0 0 80px rgba(var(--glass-edge-glow),.2),inset 0 2px 8px rgba(255,255,255,.95),inset 0 -2px 8px rgba(0,0,0,.05);animation:edgeColorPulse 2s ease-in-out infinite}.aurora-glass-input:active,.bubble-glass-input:active,.crystal-glass-input:active,.liquid-glass-input:active,.prism-glass-input:active{transform:scale(.995) translateY(1px);box-shadow:0 15px 30px -10px rgba(74,115,204,.2),inset 0 4px 12px rgba(0,0,0,.1);transform:scale(.995)}@supports (backdrop-filter:blur(1px)){.aurora-glass-input,.bubble-glass-input,.crystal-glass-input,.liquid-glass-input,.prism-glass-input{backdrop-filter:blur(40px) saturate(180%)}}.dark .aurora-glass-input,.dark .bubble-glass-input,.dark .crystal-glass-input,.dark .liquid-glass-input,.dark .prism-glass-input{background-blend-mode:overlay}@media (prefers-color-scheme:dark){:root:not(.dark) .aurora-glass-input,:root:not(.dark) .bubble-glass-input,:root:not(.dark) .crystal-glass-input,:root:not(.dark) .liquid-glass-input,:root:not(.dark) .prism-glass-input{background-blend-mode:overlay}}.aurora-glass-input *,.bubble-glass-input *,.crystal-glass-input *,.liquid-glass-input *,.prism-glass-input *{will-change:auto}.aurora-glass-input:hover *,.bubble-glass-input:hover *,.crystal-glass-input:hover *,.liquid-glass-input:hover *,.prism-glass-input:hover *{will-change:transform}