:root{--liquid-glass-bg:rgba(255,255,255,0.1);--liquid-glass-border:rgba(255,255,255,0.2);--liquid-glass-shadow:rgba(0,0,0,0.1);--liquid-ripple-color:rgba(255,255,255,0.3);--liquid-flow-duration:0.8s;--liquid-bounce-duration:0.6s}.liquid-glass{background:var(--liquid-glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--liquid-glass-border);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.15),0 0 20px rgba(255,255,255,.1);transition:all var(--liquid-flow-duration) cubic-bezier(.23,1,.32,1);position:relative;transform-origin:center center;overflow:hidden}.liquid-glass:before{inset:0;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 50%,rgba(255,255,255,0));z-index:1}.liquid-glass:after,.liquid-glass:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.liquid-glass:after{inset:2px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02) 50%,rgba(0,0,0,.05));z-index:0}.liquid-glass:hover{border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.liquid-glass:active{transform:translateY(1px) scale(.96) rotate(.5deg);border-color:rgba(255,255,255,.5);transition:all .1s cubic-bezier(.23,1,.32,1)}.liquid-ripple{position:relative;overflow:hidden}.liquid-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--liquid-ripple-color);transform:translate(-50%,-50%);animation:liquidRipple .6s ease-out;pointer-events:none}@keyframes liquidRipple{0%{transform:scale(0);opacity:1}50%{opacity:.6}to{transform:scale(4);opacity:0}}@keyframes liquidWobbleClick{0%{transform:scale(1) rotate(0deg) translate(var(--wobble-start-x,0),var(--wobble-start-y,0))}8%{transform:scale(1.12) rotate(-2deg) translate(calc(var(--wobble-start-x, 0px) * -1.2),calc(var(--wobble-start-y, 0px) * -1.2))}20%{transform:scale(.98) rotate(2deg) translate(calc(var(--wobble-start-x, 0px) * .65),calc(var(--wobble-start-y, 0px) * .65))}32%{transform:scale(.95) rotate(1.5deg) translate(calc(var(--wobble-start-x, 0px) * .3),calc(var(--wobble-start-y, 0px) * .3))}56%{transform:scale(1.02) rotate(-.6deg) translate(calc(var(--wobble-start-x, 0px) * -.1),calc(var(--wobble-start-y, 0px) * -.1))}to{transform:scale(1) rotate(0deg) translate(0)}}.liquid-glass.liquid-wobble-active{animation:liquidWobbleClick 1.8s cubic-bezier(.25,.46,.45,.94);transform-origin:50% 50%!important}.liquid-pressed{transition:none!important}.liquid-glass[data-active=true]{--liquid-glass-bg:hsl(var(--primary));--liquid-glass-border:hsl(var(--primary)/0.45);--liquid-ripple-color:hsl(var(--primary-foreground)/0.5)}@keyframes liquidGlow{0%,to{box-shadow:0 0 20px rgba(255,255,255,.1)}50%{box-shadow:0 0 30px rgba(255,255,255,.2)}}.liquid-glow{animation:liquidGlow 3s ease-in-out infinite}