.liquid-glass{position:relative;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:0 8px 32px rgba(31,38,135,.15),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.liquid-glass:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));border-radius:inherit}.liquid-glass:after,.liquid-glass:before{content:"";position:absolute;pointer-events:none}.liquid-glass:after{top:1px;left:1px;right:1px;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1) 50%,transparent);border-radius:23px 23px 0 0}.liquid-glass:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 12px 48px rgba(31,38,135,.2),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.15);transform:translateY(-2px)}.liquid-glass-dark{position:relative;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.05)}.liquid-glass-dark,.liquid-glass-purple{-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.liquid-glass-purple{background:rgba(147,51,234,.15);border:1px solid rgba(147,51,234,.3);box-shadow:0 8px 32px rgba(147,51,234,.2),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(147,51,234,.1)}.liquid-glass-purple:before{background:linear-gradient(135deg,rgba(147,51,234,.2),rgba(147,51,234,.1) 50%,rgba(147,51,234,.05))}.liquid-glass-button{padding:12px 24px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:16px;color:white;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.liquid-glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.liquid-glass-button:hover:before{left:100%}.liquid-glass-button:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4)}.liquid-glass-button:active{transform:translateY(0);background:rgba(255,255,255,.15)}.liquid-glass-input{padding:12px 16px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px) saturate(180%);backdrop-filter:blur(8px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:white;font-size:16px;outline:none;transition:all .3s ease}.liquid-glass-input::-moz-placeholder{color:rgba(255,255,255,.6)}.liquid-glass-input::placeholder{color:rgba(255,255,255,.6)}.liquid-glass-input:focus{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}.liquid-glass-card{padding:24px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 12px 40px rgba(31,38,135,.15),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.1)}.liquid-glass-floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.liquid-glass-window{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 16px 56px rgba(31,38,135,.25),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(255,255,255,.05)}.liquid-glass-window-header{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;position:relative}.liquid-glass-window-header:after{content:"";position:absolute;top:1px;left:1px;right:1px;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.05));border-radius:15px 15px 0 0;pointer-events:none}.liquid-glass-control{width:12px;height:12px;border-radius:50%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);position:relative;transition:all .2s ease}.liquid-glass-control:before{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.1))}.liquid-glass-control:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.2)}.liquid-glass-glow{position:relative}.liquid-glass-glow:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(147,51,234,.1),rgba(59,130,246,.1),rgba(255,255,255,.1));border-radius:26px;z-index:-1;filter:blur(4px);opacity:0;transition:opacity .3s ease}.liquid-glass-glow:hover:after{opacity:1}@media (max-width:768px){.liquid-glass{-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%)}.liquid-glass-card{padding:16px;-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}.liquid-glass-window{-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}}@media (prefers-reduced-motion:reduce){.liquid-glass,.liquid-glass-button,.liquid-glass-control,.liquid-glass-input{transition:none}.liquid-glass-floating{animation:none}}