.guide{--guide-dim:#000000d6;--guide-paper:#1b1b1e;--guide-edge:#ffffff24;--guide-spring:cubic-bezier(.34, 1.36, .64, 1);z-index:1300;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:opacity .22s;position:fixed;inset:0}@supports (transition-timing-function:linear(0, 1)){.guide{--guide-spring:linear(0, .062, .208, .387, .567, .725, .853, .947, 1.011, 1.048, 1.065, 1.068, 1.062, 1.051, 1.039, 1.027, 1.016, 1.008, 1.002, .998, .996, .995, .995, .996, .997, .998, 1)}}.guide.is-leaving{opacity:0}.guide-safe{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);visibility:hidden;pointer-events:none;position:fixed}.guide-spot{box-shadow:0 0 0 0 #fff0, 0 0 0 200vmax var(--guide-dim);pointer-events:none;position:fixed}.guide-spot.has-ring{box-shadow:0 0 0 2px #ffffffeb, 0 0 0 200vmax var(--guide-dim)}.guide-block{z-index:1;pointer-events:auto;touch-action:none;position:fixed}.guide-hype{z-index:5;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.guide-hop,.guide-pose{width:100%;height:100%;display:block}.guide-pose{transform-origin:50% 90%;position:relative}.guide-hop{transform-origin:50% 90%}.guide-pose .hype-clip.guide-img{display:block;width:100%!important;height:100%!important}.guide-img{object-fit:contain;filter:drop-shadow(0 14px 18px #00000080)drop-shadow(0 2px 3px #0000004d);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.guide-sparks{z-index:1;pointer-events:none;position:absolute;inset:0}.guide-spark{fill:#ffd54a;filter:drop-shadow(0 0 6px #ffd54a8c);opacity:0;width:15%;height:15%;position:absolute}.guide-spark.is-a{top:14%;left:6%}.guide-spark.is-b{width:11%;height:11%;top:4%;right:4%}.guide-spark.is-c{width:9%;height:9%;bottom:22%;right:10%}.guide-word{display:inline-block}.guide-bubble{z-index:4;pointer-events:none;position:fixed;top:0;left:0}.guide-bubble.is-out{pointer-events:auto}.guide-bubble.is-away{visibility:hidden}.guide[data-step=swipe] .guide-bubble.is-out{pointer-events:none}.guide[data-step=swipe] .guide-bubble.is-out button{pointer-events:auto}.guide-card{border-radius:var(--radius-lg);border:1px solid var(--guide-edge);background:var(--guide-paper);color:var(--text);opacity:0;padding:13px 16px 8px 18px;position:relative;transform:scale(.92);box-shadow:inset 0 1px #ffffff12,0 28px 60px -24px #000000f2,0 4px 14px #0006}.guide-bubble.is-out .guide-card{opacity:1;transform:none}.guide-tail{border:1px solid var(--guide-edge);background:var(--guide-paper);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.guide-tail.is-top{top:-8px;left:calc(var(--at) - 8px);border-bottom-color:#0000;border-right-color:#0000;border-top-left-radius:3px}.guide-tail.is-bottom{bottom:-8px;left:calc(var(--at) - 8px);border-top-color:#0000;border-left-color:#0000;border-bottom-right-radius:3px}.guide-tail.is-left{left:-8px;top:calc(var(--at) - 8px);border-top-color:#0000;border-right-color:#0000;border-bottom-left-radius:3px}.guide-tail.is-right{right:-8px;top:calc(var(--at) - 8px);border-bottom-color:#0000;border-left-color:#0000;border-top-right-radius:3px}.guide-bars{gap:4px;margin:0 0 11px;display:flex}.guide-bars i{background:#ffffff29;border-radius:2px;flex:1 1 0;height:3px;position:relative;overflow:hidden}.guide-bars .is-done{background:#62d18273}.guide-bars .is-now:after{content:"";border-radius:inherit;background:var(--accent);transform-origin:0;position:absolute;inset:0}.guide-say{color:var(--text-2);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.42}.guide-say b{color:#fff;letter-spacing:-.02em;margin-bottom:3px;font-size:17px;font-weight:800;line-height:1.25;display:block}.guide-say.is-short{padding:1px 0 5px}.guide-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.guide-bubble.is-menu .guide-foot{display:none}.guide-bubble.is-menu .guide-say{padding-bottom:6px}.guide .guide-skip{color:var(--text-2);padding:0 2px;font-size:14px}.guide .guide-next{padding:0 20px;font-size:14.5px;font-weight:800}.guide .guide-next:focus-visible,.guide .guide-skip:focus-visible{outline:none}.guide.is-keys .guide-next:focus-visible,.guide.is-keys .guide-skip:focus-visible{outline-offset:2px;outline:2px solid #fffc}.guide-hint{z-index:2;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.guide-finger{background:#fffffff2;border-radius:50%;width:42px;height:42px;position:absolute;top:-21px;left:-21px;box-shadow:0 0 0 8px #ffffff29,0 8px 24px #00000073}.guide-finger svg{color:#0b0b0c;stroke-width:2.6px;width:24px;height:24px;position:absolute;inset:9px}.guide-ring{opacity:0;border:2px solid #ffffffd9;border-radius:50%;width:80px;height:80px;position:absolute;top:-40px;left:-40px}.guide-heart{width:68px;height:68px;color:var(--like);filter:drop-shadow(0 8px 22px #ff4f7e8c);opacity:0;position:absolute;top:-34px;left:-34px}.guide-trail{transform-origin:50% 100%;opacity:.6;background:linear-gradient(#ffffff8c,#fff0);border-radius:8px;width:16px;height:128px;position:absolute;top:-62px;left:-8px}.is-swipe .guide-finger{transform:translateY(-52px)}.is-scroll .guide-finger{transform:translateY(52px)}.is-scroll .guide-trail{transform-origin:50% 0;background:linear-gradient(#fff0,#ffffff8c)}.is-swipe .guide-trail,.is-scroll .guide-trail{filter:drop-shadow(0 2px 10px #00000059)}.guide.is-party .guide-card{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.guide-spot{transition:left .5s var(--ease), top .5s var(--ease), width .5s var(--ease), height .5s var(--ease), border-radius .5s var(--ease), box-shadow .3s ease;animation:.4s both guide-fade}.guide-hype{transition:transform .64s var(--guide-spring)}.guide-pose{animation:guide-pose .46s var(--guide-spring) both}.guide-img.is-still{animation:3.4s ease-in-out .5s infinite guide-float}.guide-spark{animation:guide-twinkle 1.5s var(--ease) 2 both}.guide-spark.is-b{animation-delay:.28s}.guide-spark.is-c{animation-delay:.55s}.guide-bubble.is-out .guide-bars .is-now:after{animation:guide-fill .55s var(--ease) .12s both}.guide-bubble.is-out .guide-say b{animation:guide-word .36s var(--ease) 40ms both}.guide-bubble.is-out .guide-word{animation:guide-word .34s var(--ease) both;animation-delay:calc(.16s + var(--i) * 28ms)}.guide-bubble.is-out .guide-card{transition:opacity .16s ease, transform .42s var(--guide-spring)}.is-tap2 .guide-finger{animation:2.6s .7s 3 backwards guide-press}.is-tap2 .guide-ring{animation:2.6s ease-out .7s 3 backwards guide-ring}.is-tap2 .guide-ring.is-late{animation-delay:.93s}.is-tap2 .guide-heart{animation:guide-heart 2.6s var(--ease) .7s 3 backwards}.is-swipe .guide-finger{animation:2.3s cubic-bezier(.45,.05,.3,1) .7s 3 backwards guide-swipe}.is-swipe .guide-trail,.is-scroll .guide-trail{animation:2.3s cubic-bezier(.45,.05,.3,1) .7s 3 backwards guide-trail}.is-scroll .guide-finger{animation:2.3s cubic-bezier(.45,.05,.3,1) .7s 3 backwards guide-scroll}.guide.is-party{animation:.3s 1.95s both guide-fade-out}.guide.is-party .guide-pose{animation:guide-party .6s var(--guide-spring) both}.guide.is-party .guide-card{animation:guide-card .42s var(--guide-spring) .14s both}}@media (prefers-reduced-motion:reduce){.guide{transition:none}.is-tap2 .guide-ring:not(.is-late){opacity:.45}.is-tap2 .guide-heart{opacity:1;transform:translateY(-50px)scale(.56)}}@keyframes guide-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1.4deg)}}@keyframes guide-twinkle{0%{opacity:0;transform:scale(.2)rotate(-30deg)}35%{opacity:1;transform:scale(1.1)rotate(0)}60%{opacity:.9;transform:scale(.92)rotate(8deg)}to{opacity:0;transform:scale(.3)rotate(20deg)}}@keyframes guide-fill{0%{transform:scaleX(0)}}@keyframes guide-word{0%{opacity:0;filter:blur(3px);transform:translateY(5px)}}@keyframes guide-fade{0%{opacity:0}}@keyframes guide-fade-out{to{opacity:0}}@keyframes guide-pose{0%{transform:translateY(10px)scale(.86)}}@keyframes guide-party{0%{transform:translateY(46px)scale(.55)}}@keyframes guide-card{0%{opacity:0;transform:scale(.9)}}@keyframes guide-press{0%,22%{opacity:1;transform:scale(1)}4%,13%{transform:scale(.8)}9%,18%{transform:scale(1)}28%,64%{opacity:0;transform:scale(.9)}76%,to{opacity:1;transform:scale(1)}}@keyframes guide-ring{0%{opacity:0;transform:scale(.5)}2%{opacity:.9;transform:scale(.55)}24%,to{opacity:0;transform:scale(1.5)}}@keyframes guide-heart{0%,17%{opacity:0;transform:scale(.3)rotate(-12deg)}25%{opacity:1;transform:scale(1.14)rotate(0)}31%{opacity:1;transform:scale(1)}54%{opacity:1;transform:translateY(-8px)scale(1)}66%,to{opacity:0;transform:translateY(-26px)scale(.94)}}@keyframes guide-swipe{0%{opacity:0;transform:translateY(62px)scale(.9)}10%{opacity:1;transform:translateY(62px)scale(1)}56%{opacity:1;transform:translateY(-58px)scale(1)}70%,to{opacity:0;transform:translateY(-70px)scale(.96)}}@keyframes guide-scroll{0%{opacity:0;transform:translateY(-62px)scale(.9)}10%{opacity:1;transform:translateY(-62px)scale(1)}56%{opacity:1;transform:translateY(58px)scale(1)}70%,to{opacity:0;transform:translateY(70px)scale(.96)}}@keyframes guide-trail{0%,10%{opacity:.9;transform:scaleY(0)}56%{opacity:.9;transform:scaleY(1)}74%,to{opacity:0;transform:scaleY(1)}}