.tp-block,.tp-root{position:fixed;inset:0;z-index:3000}.tp-block{background:transparent}.tp-dim{inset:0;background:rgba(16,24,40,.62);backdrop-filter:blur(2px);animation:tp-fade .25s ease}.tp-dim,.tp-spot{position:fixed;z-index:3001}.tp-spot{pointer-events:none;border-radius:14px;box-shadow:0 0 0 9999px rgba(16,24,40,.62),0 0 0 3px #f37d4e,0 0 26px 6px rgba(243,125,78,.55);transition:top .32s cubic-bezier(.4,0,.2,1),left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1);animation:tp-glow 2.4s ease-in-out infinite}@keyframes tp-glow{0%,to{box-shadow:0 0 0 9999px rgba(16,24,40,.62),0 0 0 3px #f37d4e,0 0 20px 4px rgba(243,125,78,.45)}50%{box-shadow:0 0 0 9999px rgba(16,24,40,.62),0 0 0 3px #f37d4e,0 0 34px 10px rgba(243,125,78,.7)}}@keyframes tp-fade{0%{opacity:0}to{opacity:1}}.tp-card{position:fixed;z-index:3002;width:400px;max-width:calc(100vw - 28px);background:#fff;border-radius:20px;padding:22px 22px 18px;overflow:visible;box-shadow:0 30px 60px -20px rgba(16,24,40,.55),0 0 0 1px rgba(16,24,40,.06);opacity:0;transform:translateY(6px) scale(.98);transition:top .32s cubic-bezier(.4,0,.2,1),left .32s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .2s ease}.tp-card.ready{opacity:1;transform:none}.tp-card.is-centred{width:440px}.tp-bar{position:absolute;left:22px;right:22px;top:0;height:4px;border-radius:0 0 4px 4px;background:#f2f4f7;overflow:hidden}.tp-bar i{display:block;height:100%;background:linear-gradient(90deg,#f37d4e,#e0602f);border-radius:4px;transition:width .3s ease}.tp-x{position:absolute;right:12px;top:14px;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#98a2b3;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:17px}.tp-x:hover{background:#f2f4f7;color:#344054}.tp-head{display:flex;gap:14px;margin:8px 30px 10px 0}.tp-head,.tp-ico{align-items:center}.tp-ico{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:inline-flex;justify-content:center;font-size:22px;background:linear-gradient(135deg,#fff1ea,#ffe0d2);color:#e0602f}.tp-count{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f37d4e}.tp-title{margin:2px 0 0;font-size:18px;line-height:1.25;font-weight:700;color:#101828;letter-spacing:-.01em}.tp-body{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#475467}.tp-foot{align-items:center;justify-content:space-between;gap:12px}.tp-dots,.tp-foot{display:flex;flex-wrap:wrap}.tp-dots{gap:5px;max-width:150px}.tp-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#e4e7ec;cursor:pointer;transition:all .2s ease}.tp-dots button.done{background:#f9b59b}.tp-dots button.on{width:20px;border-radius:6px;background:#f37d4e}.tp-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.tp-skip{border:0;background:transparent;color:#98a2b3;font-weight:600;font-size:13.5px;cursor:pointer;padding:8px 6px}.tp-skip:hover{color:#475467}.tp-btn{height:40px;padding:0 16px;border:0;border-radius:10px;background:#f37d4e;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s ease,transform .15s ease}.tp-btn:hover{background:#e96c3a;transform:translateY(-1px)}.tp-btn:focus-visible{outline:3px solid rgba(243,125,78,.4);outline-offset:2px}.tp-btn.ghost{background:#fff;color:#344054;border:1px solid #d0d5dd}.tp-btn.ghost:hover{background:#f9fafb}.tp-arrow{position:absolute;width:14px;height:14px;background:#fff;transform:rotate(45deg);box-shadow:-2px 2px 4px rgba(16,24,40,.06);display:none}.tp-card.place-right .tp-arrow{display:block;left:-7px;top:calc(var(--arrow) - 7px);box-shadow:-3px 3px 4px rgba(16,24,40,.05)}.tp-card.place-left .tp-arrow{display:block;right:-7px;top:calc(var(--arrow) - 7px);box-shadow:3px -3px 4px rgba(16,24,40,.05)}.tp-card.place-bottom .tp-arrow{display:block;top:-7px;left:calc(var(--arrow) - 7px);box-shadow:-3px -3px 4px rgba(16,24,40,.05)}.tp-card.place-top .tp-arrow{display:block;bottom:-7px;left:calc(var(--arrow) - 7px);box-shadow:3px 3px 4px rgba(16,24,40,.05)}@media (max-width:640px){.tp-card{padding:20px 18px 16px;border-radius:18px}.tp-card,.tp-card.is-centred{width:calc(100vw - 28px)}.tp-body{font-size:14px}.tp-dots{display:none}.tp-actions{width:100%;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.tp-bar i,.tp-card,.tp-spot{transition:none;animation:none}}.tour-trigger{position:fixed;bottom:24px;right:24px;z-index:999;background:linear-gradient(135deg,#f37d4e,#ff8c69);border:none;border-radius:50px;color:#fff;font-weight:500;box-shadow:0 4px 16px rgba(243,125,78,.3);transition:all .3s ease}.tour-trigger:hover{background:linear-gradient(135deg,#ff8c69,#ffa07a);transform:translateY(-2px);box-shadow:0 6px 20px rgba(243,125,78,.4)}.tour-trigger:active{transform:translateY(0)}.sidebar-tour-button{width:100%;margin:8px 0;background:linear-gradient(135deg,#f37d4e,#ff8c69);border:none;color:#fff;font-weight:500;border-radius:6px;transition:all .2s ease}.sidebar-tour-button:hover{background:linear-gradient(135deg,#ff8c69,#ffa07a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(243,125,78,.3)}.sidebar-tour-button:active{transform:translateY(0)}