.wl-root{--wl-ease:cubic-bezier(.22, 1, .36, 1)}.wl-stage{background:radial-gradient(120% 90% at 18% 0%, oklch(from var(--primary) l c h / .22), transparent 60%), radial-gradient(90% 80% at 100% 100%, oklch(from var(--primary) l c h / .12), transparent 55%), var(--inset);isolation:isolate;position:relative;overflow:hidden}.wl-stage:after{z-index:0;pointer-events:none;content:"";mix-blend-mode:soft-light;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.wl-stage:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(to right, oklch(from var(--foreground) l c h / .04) 1px, transparent 1px), linear-gradient(to bottom, oklch(from var(--foreground) l c h / .04) 1px, transparent 1px);opacity:.4;background-size:26px 26px;position:absolute;inset:-1px;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,#0000 90%);mask-image:radial-gradient(80% 80% at 50% 40%,#000,#0000 90%)}.wl-stage>*{z-index:1}.wl-card{background:oklch(from var(--card) l c h / .92);border:1px solid oklch(from var(--foreground) l c h / .1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 28px 60px -28px oklch(0% 0 0/.45),inset 0 2px oklch(100% 0 0/.05)}@keyframes wl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wl-pop{0%{opacity:0;transform:scale(.9)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes wl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wl-glow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.wl-root .wl-anim{animation:wl-rise .55s var(--wl-ease) both;animation-delay:calc(var(--wl-i,0) * 70ms + .12s)}.wl-root .wl-anim-pop{animation:wl-pop .5s var(--wl-ease) both;animation-delay:calc(var(--wl-i,0) * 70ms + .16s)}.wl-root .wl-float{animation:5s ease-in-out .6s infinite wl-float}.wl-root .wl-glow{animation:4.5s ease-in-out infinite wl-glow}.wl-root .wl-dot-fill{animation-name:wl-dot-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes wl-dot-progress{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.wl-root .wl-anim,.wl-root .wl-anim-pop,.wl-root .wl-float,.wl-root .wl-glow{animation:none!important}}