@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Caveat:wght@500;700&display=swap";@property --gx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --gy{syntax:"<percentage>";inherits:true;initial-value:45%}@property --s2{syntax:"<percentage>";inherits:true;initial-value:38%}@property --s3{syntax:"<percentage>";inherits:true;initial-value:72%}@property --c1{syntax:"<color>";inherits:true;initial-value:#8c5a7a}@property --c2{syntax:"<color>";inherits:true;initial-value:#6b3660}@property --c3{syntax:"<color>";inherits:true;initial-value:#3a1a3f}@property --c4{syntax:"<color>";inherits:true;initial-value:#0d0720}:root{--sa-top:env(safe-area-inset-top,0px);--sa-right:env(safe-area-inset-right,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px)}html,body{background:radial-gradient(circle at var(--gx) var(--gy), var(--c1) 0%, var(--c2) var(--s2), var(--c3) var(--s3), var(--c4) 100%);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;height:100dvh;margin:0;font:16px/1.3 Caveat,system-ui,sans-serif;animation:18s linear infinite driftGradient;overflow:hidden}body:before{content:"";pointer-events:none;z-index:5;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='7'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;position:fixed;inset:0}@keyframes driftGradient{0%{--gx:25%;--gy:30%;--s2:32%;--s3:68%;--c1:#dd3c71;--c2:#aa1879;--c3:#3f0f57;--c4:#100821}25%{--gx:75%;--gy:40%;--s2:44%;--s3:78%;--c1:#e8ab30;--c2:#b84b14;--c3:#5f111e;--c4:#290a1f}50%{--gx:60%;--gy:75%;--s2:36%;--s3:70%;--c1:#26d9bb;--c2:#16869c;--c3:#0f2757;--c4:#090925}75%{--gx:30%;--gy:65%;--s2:40%;--s3:74%;--c1:#7342d7;--c2:#781da5;--c3:#5f115f;--c4:#290a1f}to{--gx:25%;--gy:30%;--s2:32%;--s3:68%;--c1:#dd3c71;--c2:#aa1879;--c3:#3f0f57;--c4:#100821}}#stage{cursor:none;position:fixed;inset:0}.photo{transform-origin:0 0;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:opacity, transform;max-width:none;max-height:none;transition:opacity .45s;position:absolute;top:0;left:0}.photo.show{opacity:1}#cursor{pointer-events:none;width:0;height:0;transform:translate(var(--cx,50vw), var(--cy,50vh));z-index:10;transition:transform .35s cubic-bezier(.22,.8,.3,1);position:fixed;top:0;left:0}#cursor svg{filter:drop-shadow(0 3px 4px #0007);width:34px;height:46px;position:absolute;top:-3px;left:-3px}#bubble{--bubble-tx:-50%;color:#1a1410;white-space:nowrap;transform-origin:50% 0;background:#ffe98a;border-radius:26px 22px 30px 18px/20px 26px 18px 24px;padding:10px 22px 14px;font-family:Caveat,cursive;font-size:30px;font-weight:700;line-height:1;transition:opacity .3s;animation:2.4s ease-in-out infinite bubbleWobble;position:absolute;top:56px;left:0;transform:translate(-50%)rotate(-3deg);box-shadow:0 2px #0002,0 10px 22px #00000030,inset 0 -4px #0000000f,inset 0 0 0 2px #00000015}#bubble:before{content:"";background:#ffe98a;border-radius:58% 42% 55% 45%/60% 40% 55% 45%;width:18px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-18deg);box-shadow:inset 0 0 0 2px #00000012}@keyframes bubbleWobble{0%,to{transform:translate(-50%)rotate(-3deg)translateY(0)}50%{transform:translate(-50%)rotate(-1.5deg)translateY(-3px)}}#cursor.idle #bubble{opacity:1}#cursor.touched #bubble{opacity:0;animation:none}#title{top:calc(var(--sa-top) + 14px);z-index:6;transform-origin:50%;letter-spacing:.005em;pointer-events:none;mix-blend-mode:difference;color:#fff;font-family:Bagel Fat One,Caveat,serif;font-size:clamp(28px,5vw,56px);font-weight:400;line-height:.85;animation:6s ease-in-out infinite titleBreath;position:fixed;left:50%;transform:translate(-50%)rotate(-2.5deg)}#title:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 16' preserveAspectRatio='none'><path d='M4 9 Q 30 2 58 8 T 112 8 T 166 8 T 220 8 T 296 7' fill='none' stroke='white' stroke-width='4' stroke-linecap='round'/></svg>") 50%/100% 100% no-repeat;width:86%;height:16px;margin:2px auto 0;display:block}@keyframes titleBreath{0%,to{transform:translate(-50%)rotate(-2.5deg)scale(1)}50%{transform:translate(-50%)rotate(-2deg)scale(1.015)}}#status{top:calc(50% + (var(--sa-top) - var(--sa-bottom)) / 2);left:calc(50% + (var(--sa-left) - var(--sa-right)) / 2);z-index:6;max-width:calc(78vw - var(--sa-left) - var(--sa-right));text-align:center;color:#fff;mix-blend-mode:difference;pointer-events:none;font-family:Caveat,cursive;font-size:30px;font-weight:700;animation:1.6s ease-in-out infinite statusPulse;position:fixed;transform:translate(-50%,-50%)rotate(-1deg)}@keyframes statusPulse{0%,to{opacity:.65}50%{opacity:1}}