.case-fluid-glass{--fluid-glass-x:50%;--fluid-glass-y:50%;z-index:2;pointer-events:auto;touch-action:pan-y;position:absolute;inset:0;overflow:hidden}.case-fluid-glass:before,.case-fluid-glass:after{content:"";pointer-events:none;position:absolute}.case-fluid-glass:before{filter:blur(24px);mix-blend-mode:screen;opacity:.52;background:radial-gradient(at 18% 28%,#74e8ff38,#0000 24%),radial-gradient(at 80% 72%,#ff872f2e,#0000 28%),radial-gradient(at 60% 8%,#ffffff1c,#0000 20%);animation:12s ease-in-out infinite alternate case-fluid-drift;inset:-32%}.case-fluid-glass:after{left:var(--fluid-glass-x);top:var(--fluid-glass-y);aspect-ratio:1.24;-webkit-backdrop-filter:blur(1.2px)saturate(1.24)contrast(1.06);opacity:0;background:linear-gradient(135deg,#fff3,#0000 32% 68%,#70e7ff29),radial-gradient(circle at 30% 24%,#ffffff6b,#0000 22%);border:1px solid #e7fbff7a;border-radius:46% 54% 52% 48%/48% 42% 58% 52%;width:clamp(150px,22vw,310px);transition:opacity .16s ease-out,transform .24s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)rotate(-4deg)scale(.84);box-shadow:inset 0 1px #ffffff57,inset 0 -1px #42cfff2e,0 16px 40px #0000002e,0 0 30px #70e7ff29}.case-fluid-glass[data-active=true]:after{opacity:.92;transform:translate(-50%,-50%)rotate(2deg)scale(1)}@keyframes case-fluid-drift{to{transform:translate(8%,-6%)rotate(5deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.case-fluid-glass:before{animation:none}.case-fluid-glass:after{transition:none}}@media (hover:none),(pointer:coarse){.case-fluid-glass{pointer-events:none}}