.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;transition:opacity .2s ease}.tour.on{opacity:1}.tour.out{opacity:0}.tour-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #040616a8;outline:2px solid var(--aqua);outline-offset:0;transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1),width .38s cubic-bezier(.2,.8,.2,1),height .38s cubic-bezier(.2,.8,.2,1);pointer-events:none}.tour-hole:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid var(--aqua);animation:tourPulse 1.8s ease-out infinite}@keyframes tourPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.tour.center .tour-hole{outline:none}.tour.center .tour-hole:after{display:none}.tour-tip{position:fixed;background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 22px 50px #00000073;padding:18px 18px 14px;transition:left .38s cubic-bezier(.2,.8,.2,1),top .38s cubic-bezier(.2,.8,.2,1)}.tour.center .tour-tip{left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px))!important;padding:26px 24px 18px;text-align:left}.tour-tip.in .tour-body{animation:tourIn .28s ease both}@keyframes tourIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tour-arrow{position:absolute;width:12px;height:12px;background:var(--surface);border:1px solid var(--line-strong);transform:rotate(45deg)}.tour.center .tour-arrow,.tour-tip[data-side=in] .tour-arrow{display:none}.tour-tip[data-side=in]{box-shadow:0 22px 60px #0009}.tour-tip[data-side=b] .tour-arrow{top:-7px;left:calc(var(--ax) - 6px);border-right:0;border-bottom:0}.tour-tip[data-side=t] .tour-arrow{bottom:-7px;left:calc(var(--ax) - 6px);border-left:0;border-top:0}.tour-tip[data-side=r] .tour-arrow{left:-7px;top:calc(var(--ay) - 6px);border-top:0;border-right:0}.tour-tip[data-side=l] .tour-arrow{right:-7px;top:calc(var(--ay) - 6px);border-bottom:0;border-left:0}.tour-badge{display:inline-block;margin-right:30px;font-size:10.5px;font-weight:700;letter-spacing:.12em;padding:3px 8px;border-radius:99px;margin-bottom:8px}.tour-badge.new{background:var(--yellow);color:#0e0f42}.tour-badge.chg{background:var(--teal-20);color:var(--aqua);border:1px solid var(--teal)}.tour-t{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.02em;line-height:1.1;margin:0 30px 6px 0;text-transform:uppercase}.tour.center .tour-t{font-size:28px}.tour-x{margin:0;color:var(--sand);font-size:14px;line-height:1.5}.tour-x b{color:var(--text)}.tour-x kbd{font-family:var(--body);font-size:12px;border:1px solid var(--line-strong);border-radius:5px;padding:0 5px;color:var(--text)}.tour-foot{display:flex;align-items:center;gap:8px;margin-top:16px}.tour-sp{flex:1}.tour-n{font-size:12px;color:var(--sand);font-variant-numeric:tabular-nums}.tour-b{border-radius:8px;padding:8px 14px;font-weight:600;font-size:13px;border:1px solid var(--line-strong);background:none;color:var(--text);cursor:pointer}.tour-b.primary{background:var(--aqua);border-color:var(--aqua);color:#0e0f42}.tour-b:focus-visible,.tour-x-close:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.tour-body{position:relative}.tour-x-close{position:absolute;top:-10px;right:-10px;margin:0;width:28px;height:28px;border-radius:8px;border:0;background:none;color:var(--sand);font-size:20px;line-height:1;cursor:pointer}.tour-x-close:hover{background:var(--hover);color:var(--text)}@media(prefers-reduced-motion:reduce){.tour,.tour-hole,.tour-tip{transition:none}.tour-hole:after{animation:none;display:none}.tour-tip.in .tour-body{animation:none}}@media(max-width:640px){.tour-tip:not(.tour.center .tour-tip){left:16px!important;right:16px;width:auto!important}.tour-arrow{display:none}}
