.bubble-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 12% 15%,#e4e5fb 0,transparent 48%),radial-gradient(ellipse at 88% 85%,#dff4f1 0,transparent 48%),#f6f8fd}.bubble-background.bubble-warm{background:radial-gradient(ellipse at 12% 15%,#ece3fb 0,transparent 48%),radial-gradient(ellipse at 88% 85%,#ffede4 0,transparent 48%),#f8f8fd}.glass-bubble{--tint:159,143,242;position:absolute;display:block;width:var(--size);height:var(--size);border-radius:50%;border:1px solid rgba(255,255,255,.68);background:radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.94) 0,rgba(255,255,255,.24) 19%,transparent 43%),radial-gradient(ellipse at 74% 80%,rgba(var(--tint),.58),rgba(var(--tint),.15) 53%,rgba(255,255,255,.16) 76%);box-shadow:inset 3px 4px 12px #ffffffc4,inset -9px -13px 25px rgba(var(--tint),.2),0 22px 50px rgba(var(--tint),.14);animation:bubbleFloat var(--duration,24s) ease-in-out infinite;animation-delay:var(--delay,0s);will-change:transform}.glass-bubble:after{content:"";position:absolute;inset:9%;border-radius:50%;border-top:2px solid #ffffffa8;border-left:1px solid #ffffff52;transform:rotate(-22deg);-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%);animation:bubbleShine 12s ease-in-out infinite alternate}.bubble-1{--size:clamp(180px,24vw,350px);left:-5%;top:8%;--delay:-8s;--duration:28s}.bubble-2{--size:clamp(130px,17vw,250px);--tint:103,201,212;right:7%;top:5%;--delay:-17s;--duration:25s}.bubble-3{--size:clamp(160px,21vw,300px);--tint:235,160,197;right:-5%;bottom:7%;--delay:-6s;--duration:30s}.bubble-4{--size:clamp(110px,14vw,210px);--tint:126,173,240;left:12%;bottom:4%;--delay:-13s;--duration:26s}.bubble-5{--size:80px;--tint:240,195,131;left:33%;top:9%;--delay:-3s;--duration:22s}.bubble-6{--size:54px;--tint:136,207,182;right:26%;bottom:12%;--delay:-11s;--duration:19s}.bubble-7{--size:42px;--tint:185,163,231;left:7%;top:57%;--delay:-9s;--duration:21s}.bubble-warm .bubble-2{--tint:242,183,141}.bubble-warm .bubble-4{--tint:181,155,238}@keyframes bubbleFloat{0%,to{transform:translateZ(0) rotate(-4deg)}50%{transform:translate3d(18px,-30px,0) rotate(5deg)}}@keyframes bubbleShine{0%{opacity:.4}to{opacity:.95}}@media(max-width:600px){.bubble-1{left:-22%;top:5%}.bubble-2{right:-12%;top:16%}.bubble-3{right:-25%;bottom:3%}.bubble-4{left:-10%;bottom:7%}.bubble-5{left:52%;top:4%;--size:48px}.bubble-6{right:20%;bottom:4%;--size:32px}.bubble-7{display:none}}@media(prefers-reduced-motion:reduce){.glass-bubble,.glass-bubble:after{animation:none;will-change:auto}}button.glass-bubble{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button.glass-bubble:focus-visible{outline:2px solid #7b87c8;outline-offset:6px}button.glass-bubble.bubble-popping{animation:bubbleFloat var(--duration,24s) ease-in-out infinite,bubblePop .4s ease-out forwards;pointer-events:none}button.glass-bubble.bubble-waiting{opacity:0;pointer-events:none}button.glass-bubble.bubble-growing{animation:bubbleFloat var(--duration,24s) ease-in-out infinite,bubbleGrow 2.8s cubic-bezier(.2,.7,.3,1) both;pointer-events:none}@keyframes bubblePop{0%{scale:1;opacity:1}35%{scale:1.1;opacity:.8}to{scale:1.3;opacity:0}}@keyframes bubbleGrow{0%{scale:.25;opacity:0}to{scale:1;opacity:1}}@media(prefers-reduced-motion:reduce){button.glass-bubble{animation:none!important}button.glass-bubble.bubble-popping{opacity:0}button.glass-bubble.bubble-growing{opacity:1}}.bubble-physics button.glass-bubble{left:0;top:0;right:auto;bottom:auto;display:block;visibility:hidden;animation:none!important;transition:none;will-change:transform,opacity;transform-origin:center}.bubble-physics button.glass-bubble:disabled{cursor:default;pointer-events:none}.bubble-burst{position:absolute;width:0;height:0;pointer-events:none;z-index:1}.bubble-pop-flash{position:absolute;left:0;top:0;width:var(--burst-size);height:var(--burst-size);border-radius:50%;background:radial-gradient(circle,#ffffff60,rgba(var(--tint),.12) 45%,transparent 70%);animation:filmFlash .85s ease-out forwards}.bubble-pop-shard{position:absolute;left:0;top:0;width:var(--shard-size);height:var(--shard-size);background:linear-gradient(135deg,#ffffffed,rgba(var(--tint),.65) 45%,#ffffff40);-webkit-clip-path:polygon(8% 12%,92% 0,74% 70%,25% 100%);clip-path:polygon(8% 12%,92% 0,74% 70%,25% 100%);animation:filmShard .8s cubic-bezier(.12,.65,.35,1) forwards}.bubble-pop-shard:nth-child(odd){-webkit-clip-path:polygon(0 20%,100% 5%,60% 100%);clip-path:polygon(0 20%,100% 5%,60% 100%)}@keyframes filmFlash{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}30%,to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes filmShard{0%{transform:translate(-50%,-50%) rotate(var(--angle)) scale(.4);opacity:0}12%{opacity:.85}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 24px)) rotate(calc(var(--angle) + var(--spin))) scale(.25);opacity:0}}@media(prefers-reduced-motion:reduce){.bubble-pop-flash{animation-duration:1ms}.bubble-pop-shard{display:none}}