html.fofl-lock,html.fofl-lock body{overflow:hidden!important}
#fofl{--cs:min(26vw,104px);position:fixed;inset:0;z-index:2147483647;overflow:hidden;color:#fff;font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;touch-action:none;-webkit-tap-highlight-color:transparent}
#fofl *,#fofl *::before,#fofl *::after{box-sizing:border-box}
#fofl.fofl-out{pointer-events:none}
#fofl .fofl-h{position:absolute;left:0;right:0;height:50.3%;background:radial-gradient(70% 34% at 50% 38%,#9845ff5c,transparent 70%),radial-gradient(60% 22% at 50% 100%,#5a0ff066,transparent 70%),#01000c;background-size:100% 200%;background-repeat:no-repeat;transition:transform .95s cubic-bezier(.76,0,.24,1) .35s}
#fofl .fofl-h.t{top:0;background-position:0 0}
#fofl .fofl-h.b{bottom:0;background-position:0 100%}
#fofl.fofl-out .fofl-h.t{transform:translateY(-101%)}
#fofl.fofl-out .fofl-h.b{transform:translateY(101%)}
#fofl .fofl-grid{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(0deg,#c9a4ff14 0 1px,transparent 1px 64px);-webkit-mask-image:radial-gradient(60% 50% at 50% 46%,#000,transparent 75%);mask-image:radial-gradient(60% 50% at 50% 46%,#000,transparent 75%);transition:opacity .4s}
#fofl .fofl-seam{position:absolute;left:0;right:0;top:50%;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#f1e6ff,transparent);box-shadow:0 0 22px 3px #9845ff}
#fofl.fofl-out .fofl-seam{animation:fofl-seam .95s ease both}
#fofl .fofl-main{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);text-align:center;transition:opacity .4s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
#fofl.fofl-out .fofl-main,#fofl.fofl-out .fofl-grid,#fofl.fofl-out .fofl-note{opacity:0}
#fofl.fofl-out .fofl-main{transform:scale(1.07)}
#fofl .fofl-crown{position:relative;width:var(--cs);height:var(--cs);overflow:visible}
#fofl .fofl-glow{position:absolute;width:calc(var(--cs)*2.6);height:calc(var(--cs)*2.6);top:calc(50% - var(--cs)*1.3 - 6vh);left:50%;margin-left:calc(var(--cs)*-1.3);border-radius:50%;background:radial-gradient(closest-side,#9845ff8c,transparent);filter:blur(6px);animation:fofl-breathe 2.8s ease-in-out infinite}
#fofl .fofl-crown .o{fill:none;stroke:#f1e6ff;stroke-width:.7;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 1.6px #9845ff);animation:fofl-draw 1.3s .15s cubic-bezier(.4,0,.2,1) forwards}
#fofl .fofl-crown .f{opacity:0;filter:drop-shadow(0 2px 5px #4a1fc0cc);animation:fofl-show .7s 1.05s ease forwards}
#fofl .fofl-crown .gl{animation:fofl-glint 2.8s 1.9s ease-in-out infinite}
#fofl .fofl-name{margin-top:34px;font:700 clamp(23px,7.2vw,32px)/1 'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:.16em;text-indent:.16em;white-space:nowrap;background:linear-gradient(180deg,#fff 25%,#d9c2ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fofl-in 1s .45s cubic-bezier(.2,.8,.2,1) both}
#fofl .fofl-sub{margin-top:12px;font-size:clamp(13px,3.7vw,15px);font-weight:500;letter-spacing:.05em;color:#ffffffa6;animation:fofl-in 1s .8s cubic-bezier(.2,.8,.2,1) both}
#fofl .fofl-ch{width:min(86vw,340px);margin-top:46px;animation:fofl-in .9s 1.1s cubic-bezier(.2,.8,.2,1) both}
#fofl .fofl-ch svg{display:block;width:100%;height:auto;overflow:visible}
#fofl .fofl-halo{transform-origin:center;transform-box:fill-box;animation:fofl-ping 1.6s ease-out infinite}
#fofl .fofl-row{display:flex;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.05em;color:#ffffff8c}
#fofl .fofl-pct{font-variant-numeric:tabular-nums;color:#fff}
#fofl .fofl-note{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 22px);text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.08em;color:#ffffff7a;animation:fofl-in 1s 1.3s both;transition:opacity .4s}
#fofl .fofl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes fofl-draw{to{stroke-dashoffset:0}}
@keyframes fofl-show{to{opacity:1}}
@keyframes fofl-glint{0%{transform:translateX(0)}55%,100%{transform:translateX(36px)}}
@keyframes fofl-in{from{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes fofl-breathe{50%{opacity:.6;transform:scale(1.08)}}
@keyframes fofl-ping{from{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}
@keyframes fofl-seam{0%{opacity:0;transform:scaleX(.15)}35%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@media(max-height:520px){#fofl{--cs:56px}#fofl .fofl-name{margin-top:16px}#fofl .fofl-sub,#fofl .fofl-note{display:none}#fofl .fofl-ch{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#fofl *{animation:none!important}#fofl .fofl-crown .o{stroke-dashoffset:0}#fofl .fofl-crown .f{opacity:1}#fofl .fofl-h,#fofl .fofl-main{transition-duration:.01s;transition-delay:0s}}