.cosmo-tour{position:fixed;inset:0;z-index:12000;pointer-events:none;font-family:Manrope,sans-serif}.tour-spotlight{position:fixed;border:1px solid #8be4ffb8;border-radius:20px;box-shadow:0 0 0 200vmax #000a,0 0 0 4px #33bfff1c,0 0 34px #28baff6b,inset 0 0 24px #2ab9ff19;transition:left .48s cubic-bezier(.2,.75,.2,1),top .48s cubic-bezier(.2,.75,.2,1),width .48s cubic-bezier(.2,.75,.2,1),height .48s cubic-bezier(.2,.75,.2,1);pointer-events:none}.tour-spotlight:after{content:'';position:absolute;inset:-7px;border:1px solid #65d8ff35;border-radius:25px;animation:tour-pulse 2.2s ease-in-out infinite}.tour-card{pointer-events:auto;position:fixed;z-index:2;left:50%;width:min(calc(100% - 30px),390px);transform:translateX(-50%);padding:19px 18px 15px;border:1px solid #78cde85c;border-radius:22px;background:radial-gradient(circle at 88% 0,#17658c32,transparent 42%),linear-gradient(135deg,#091824f7,#020810fa 62%,#07131efa);box-shadow:inset 0 1px 0 #e5f8ff1d,0 20px 60px #000e,0 0 27px #169ed51b;backdrop-filter:blur(22px) saturate(120%);transition:top .48s cubic-bezier(.2,.75,.2,1),bottom .48s cubic-bezier(.2,.75,.2,1),opacity .25s,transform .35s}.tour-flight{position:absolute;right:11px;top:-32px;width:112px;height:72px;pointer-events:none}.tour-flight img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 13px #000b) drop-shadow(0 0 10px #42bfff4a);animation:tour-guide-flight 4.5s ease-in-out infinite}.tour-flight span{position:absolute;right:22px;bottom:12px;width:48px;height:8px;border-radius:50%;background:#47caff38;filter:blur(7px)}.tour-skip{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#718da1;font:600 8px Michroma,Manrope,sans-serif;letter-spacing:.8px;padding:7px;z-index:2}.tour-copy{padding-right:62px}.tour-copy small{display:block;color:#62d6fa;font:400 8px Michroma,Manrope,sans-serif;letter-spacing:1.5px}.tour-copy h2{margin:8px 0 7px;color:#f4fbff;font:600 18px Manrope,sans-serif;letter-spacing:.1px}.tour-copy p{color:#a8bdcc;font-size:12px;line-height:1.55;min-height:56px}.tour-footer{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:12px;border-top:1px solid #9bc9da18}.tour-dots{display:flex;gap:4px;margin-right:auto}.tour-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#3c5364;transition:.25s}.tour-dots i.active{width:16px;border-radius:5px;background:#72ddff;box-shadow:0 0 8px #36bfff}.tour-back,.tour-next{height:35px;border-radius:11px;font:600 9px Michroma,Manrope,sans-serif;letter-spacing:.6px}.tour-back{padding:0 10px;border:0;background:transparent;color:#7f98aa}.tour-back:disabled{opacity:.25}.tour-next{min-width:99px;padding:0 13px;border:1px solid #78d9f96b;background:linear-gradient(120deg,#12354b,#071827);color:#eafaff;box-shadow:inset 0 1px 0 #e6f8ff1b,0 0 16px #1aaee326}.tour-next b{font-size:17px;vertical-align:-1px;margin-left:6px}.cosmo-tour.changing .tour-card{opacity:.2;transform:translateX(-50%) translateY(5px)}.cosmo-tour.closing{opacity:0;transition:opacity .4s;pointer-events:none}@keyframes tour-pulse{50%{opacity:.35;transform:scale(1.012)}}@keyframes tour-guide-flight{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@media(max-width:350px){.tour-card{padding-left:15px;padding-right:15px}.tour-copy h2{font-size:16px}.tour-copy p{font-size:11px}.tour-flight{width:95px}.tour-next{min-width:86px}}@media(prefers-reduced-motion:reduce){.tour-spotlight,.tour-card{transition:opacity .2s}.tour-spotlight:after,.tour-flight img{animation:none}}
.tour-action{display:none;margin-left:auto;color:#7adfff;font:600 8px Michroma,Manrope,sans-serif;letter-spacing:.55px;text-align:right}.waiting-action .tour-action{display:block}.tour-next[hidden]{display:none}.tour-finger{position:fixed;z-index:3;display:none;width:58px;height:58px;transform:translate(-50%,-50%);pointer-events:none}.show-finger .tour-finger{display:block;animation:tour-swipe 1.8s ease-in-out infinite}.tour-finger i{position:absolute;left:20px;top:4px;width:20px;height:31px;border:2px solid #e8faff;border-radius:13px 13px 10px 10px;box-shadow:0 0 15px #55d4ff;background:#071827d9}.tour-finger i:after{content:'';position:absolute;left:7px;top:-12px;width:4px;height:18px;border-radius:5px;background:#e8faff;box-shadow:0 0 8px #55d4ff}.tour-finger span{position:absolute;left:4px;bottom:0;width:50px;text-align:center;color:#87e5ff;font-size:21px;text-shadow:0 0 9px #39c6ff}.action-done .tour-finger{opacity:0;transition:opacity .25s}@keyframes tour-swipe{0%,100%{transform:translate(-82%,-50%) rotate(-7deg)}50%{transform:translate(-18%,-50%) rotate(7deg)}}
.tour-finger svg{display:block;width:92px;height:92px;overflow:visible;transform:translate(-17px,-17px);filter:drop-shadow(0 0 10px #42cbff80)}.tour-hand-glow{fill:url(#tour-hand);opacity:.2;stroke:#55d7ff;stroke-width:8;stroke-linejoin:round}.tour-hand-line{fill:url(#tour-hand);stroke:#e8fbff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tour-swipe-line{fill:none;stroke:#78dfff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:tour-direction-pulse .9s ease-in-out infinite alternate}@keyframes tour-direction-pulse{to{opacity:.35}}
.cosmo-tour.tour-paused{display:none}
.tour-spotlight{will-change:top,left,width,height}.tour-card{will-change:top,transform,opacity;backdrop-filter:blur(10px) saturate(110%);contain:layout style}.cosmo-tour.changing .tour-card{opacity:.55;transform:translate3d(-50%,3px,0)}