*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#4a4a4a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.page-shell{background:#4a4a4a;place-items:center;width:100vw;height:100vh;display:grid}.phone-frame{transform-origin:50%;background:#000;border-radius:0;width:360px;height:800px;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000040}@media (width<=360px),(height<=800px){.phone-frame{transform:scale(min(calc(100vw / 360), calc(100vh / 800)))}}.feed-bg,.overlay-screen>img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:360px;height:800px;position:absolute;inset:0}.doppy-widget{cursor:pointer;z-index:5;transform-origin:0;background:0 0;border:0;padding:0;line-height:0;transition:width .8s cubic-bezier(.22,.8,.2,1),height .8s cubic-bezier(.22,.8,.2,1),transform .8s cubic-bezier(.22,.8,.2,1);position:absolute;top:86px;left:11px}.doppy-widget.state-icon,.doppy-widget.state-icon .doppy-state-img,.doppy-widget.state-icon .progress-ring{width:43px;height:43px}.doppy-widget.state-increment,.doppy-widget.state-increment .doppy-state-img{width:96px;height:43px}.doppy-widget.state-balance,.doppy-widget.state-balance .doppy-state-img{width:75px;height:43px}.doppy-state-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transition:width .8s cubic-bezier(.22,.8,.2,1),height .8s cubic-bezier(.22,.8,.2,1),opacity .35s;display:block}.progress-ring{pointer-events:none;position:absolute;top:0;left:0;overflow:visible;transform:rotate(-90deg)}.progress-bar{fill:none;stroke:#32f4c3;stroke-width:5px;stroke-linecap:round;stroke-dasharray:263.89;stroke-dashoffset:263.89px;filter:drop-shadow(0 0 2px #32f4c3e6);opacity:0}.progress-ring.run .progress-bar{animation:2s linear forwards ringFill}@keyframes ringFill{0%{stroke-dashoffset:263.89px;opacity:1}88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.lumy-layer{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.lumy-particle{width:150px;height:150px;transform:translate(var(--x), var(--y)) scale(var(--scale)) rotate(0deg);opacity:0;filter:drop-shadow(0 0 3px #ff7eff73);animation:lumyFly 1.15s cubic-bezier(.16,.78,.25,1) var(--delay) both;position:absolute;top:0;left:0}@keyframes lumyFly{0%{opacity:0;transform:translate(var(--x), var(--y)) scale(var(--scale)) rotate(0deg)}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(-18px, 44px) scale(.14) rotate(var(--rot))}}.claim-button{color:#07100c;z-index:7;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;animation:.38s cubic-bezier(.2,.95,.2,1) both claimPop;display:grid;position:absolute;top:150px;right:8px}.claim-button img{z-index:2;object-fit:contain;border-radius:50%;width:72px;height:72px;transition:width .8s cubic-bezier(.22,.8,.2,1),height .8s cubic-bezier(.22,.8,.2,1),opacity .35s;display:block;position:relative}.claim-button:before,.claim-button:after{content:"";opacity:0;z-index:1;border:7px solid #ffffff47;border-radius:50%;animation:1.45s ease-out infinite pulseWave;position:absolute;inset:-5px}.claim-button:after{animation-delay:.55s}@keyframes claimPop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes pulseWave{0%{opacity:.75;transform:scale(.72)}70%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}.overlay-screen{z-index:20;background:#000;position:absolute;inset:0}.hotspot{cursor:pointer;background:#ff00b400;border:0;padding:0;position:absolute}.tooltip-signup{border-radius:24px;width:274px;height:48px;top:500.5px;left:28px}.tooltip-later{border-radius:24px;width:274px;height:48px;top:557px;left:28px}.signup-close{border-radius:50%;width:40px;height:40px;top:30px;right:16.5px}
