*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{line-height:1.5;background-color:#09090b}.bubble-scene{isolation:isolate;min-height:100%}.bubble-shell{position:absolute;transform:translate(-50%,-50%);animation-name:bubble-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform;contain:layout style}.bubble-core{--ix: 0px;--iy: 0px;--rand-shift: 0deg;position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 72% 30%,rgba(255,220,164,.2),transparent 42%),radial-gradient(circle at 34% 70%,rgba(255,142,78,.25),transparent 50%),linear-gradient(140deg,hsla(var(--bubble-h),88%,59%,calc(var(--bubble-a) + .06)),hsla(calc(var(--bubble-h) + 24),72%,48%,var(--bubble-a)));box-shadow:inset -24px -28px 52px #2c0e2847,inset 18px 20px 28px #ffffff1a,0 14px 40px #00000059;filter:hue-rotate(var(--rand-shift)) saturate(122%);transform:translate3d(var(--ix),var(--iy),0);transition:filter 2.8s ease-in-out;will-change:transform,filter;animation:bubble-pulse 10s ease-in-out infinite,bubble-rotate 36s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.bubble-marble{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(40% 58% at 76% 30%,rgba(255,255,255,.5),transparent 62%),radial-gradient(62% 44% at 20% 64%,rgba(227,151,68,.9),transparent 66%),radial-gradient(58% 50% at 74% 64%,rgba(95,72,151,.8),transparent 68%),radial-gradient(44% 40% at 68% 20%,rgba(214,86,145,.7),transparent 70%),linear-gradient(132deg,#e29945,#833f22 22%,#271642 42%,#5c4e98,#c8548c 74%,#f07f57);mix-blend-mode:screen;opacity:.9;will-change:transform;animation:marble-spin 42s linear infinite;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bubble-grain{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.16) 0 1px,transparent 1px),radial-gradient(circle at 52% 48%,rgba(10,8,8,.26) 0 1px,transparent 1px),radial-gradient(circle at 64% 70%,rgba(6,4,4,.3) 0 1.2px,transparent 1.2px);background-size:22px 22px,30px 30px,38px 38px;opacity:.45}@supports (-webkit-touch-callout: none){.bubble-shell{contain:none}.bubble-core,.bubble-marble,.bubble-grain{border-radius:9999px;clip-path:circle(50%);-webkit-mask-image:-webkit-radial-gradient(white,black);transform:translateZ(0)}.bubble-marble{mix-blend-mode:normal}}@keyframes bubble-float{0%{transform:translate(-50%,-50%) translateZ(0) rotate(0)}25%{transform:translate(-50%,-50%) translate3d(calc(var(--drift-x) * 1),calc(var(--drift-y) * -.45),0) rotate(-4deg)}50%{transform:translate(-50%,-50%) translate3d(calc(var(--drift-x) * -.6),calc(var(--drift-y) * .8),0) rotate(4deg)}75%{transform:translate(-50%,-50%) translate3d(calc(var(--drift-x) * .35),calc(var(--drift-y) * .5),0) rotate(-2deg)}to{transform:translate(-50%,-50%) translateZ(0) rotate(0)}}@keyframes bubble-pulse{0%,to{opacity:.9;scale:.995}50%{opacity:1;scale:1.01}}@keyframes bubble-rotate{0%{transform:translate3d(var(--ix),var(--iy),0) rotate(0)}to{transform:translate3d(var(--ix),var(--iy),0) rotate(360deg)}}@keyframes marble-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.03)}}