.liquid-glass{-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#ffffff0d;border:1px solid #ffffff1a;position:relative;box-shadow:inset 0 0 30px #ffffff0d,0 8px 32px #00000014}.liquid-glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 40%,#ffffff0d 70%,#0000 100%);position:absolute;inset:-1px}.liquid-glass>*{z-index:1;position:relative}.dark .liquid-glass{background:#ffffff08;border-color:#ffffff0f;box-shadow:inset 0 0 30px #ffffff08,0 8px 32px #0003}.dark .liquid-glass:before{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff03 40%,#ffffff08 70%,#0000 100%)}.liquid-glass-surface{-webkit-backdrop-filter:blur(16px)saturate(1.3);background:#ffffff0a;border:1px solid #ffffff14;box-shadow:inset 0 0 20px #ffffff0a,0 4px 16px #0000000f}.dark .liquid-glass-surface{background:#ffffff05;border-color:#ffffff0d;box-shadow:inset 0 0 20px #ffffff05,0 4px 16px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.3s ease-out forwards slideIn}@keyframes progressBar{0%{width:0%}to{width:100%}}.animate-progress-bar{animation:30s linear forwards progressBar}