.tour{position:fixed;inset:0;z-index:1000;pointer-events:auto}.tour-dim{position:absolute;inset:0;background:rgba(5,6,10,.74)}.tour-spot{position:fixed;border-radius:14px;box-shadow:0 0 0 3px #3F6BFF,0 0 0 9999px rgba(5,6,10,.74);transition:top .45s ease,left .45s ease,width .45s ease,height .45s ease;pointer-events:none;animation:tourpulse 2.2s ease-in-out infinite}@keyframes tourpulse{0%,to{box-shadow:0 0 0 3px #3F6BFF,0 0 0 9999px rgba(5,6,10,.74)}50%{box-shadow:0 0 0 7px rgba(63,107,255,.55),0 0 0 9999px rgba(5,6,10,.74)}}.tour-card{position:fixed;left:50%;transform:translateX(-50%);bottom:max(16px,env(safe-area-inset-bottom));width:min(560px,calc(100vw - 24px));background:#15171E;color:#fff;border:1px solid #2b2f3b;border-radius:16px;padding:16px 18px;box-shadow:0 18px 50px rgba(0,0,0,.55)}.tour-card.top{bottom:auto;top:max(16px,env(safe-area-inset-top))}.tour-step{font:700 12px var(--body,system-ui);letter-spacing:.08em;text-transform:uppercase;color:#7E97F0}.tour-card h3{margin:4px 0 6px;font-size:22px}.tour-card p{margin:0;font-size:16px;line-height:1.5;color:#D7DAE2}.tour-bar{height:4px;background:#2B2F3B;border-radius:4px;margin-top:12px;overflow:hidden}.tour-bar span{display:block;height:100%;background:#3F6BFF;transition:width .25s linear}.tour-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.tour-x{margin-left:auto;color:#9BA0AE;padding:8px}.tour-help,.tour-x{background:none;border:0;font:600 14px var(--body,system-ui);cursor:pointer}.tour-help{padding:0;color:#fff}@media (max-width:600px){.tour-card h3{font-size:19px}.tour-card p{font-size:15px}}.tour-rec{list-style:none;padding:0;margin:0}