@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,300..700,0..1,-50..200";.cti-tour-root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990}.cti-tour-root.active{pointer-events:auto}.cti-tour-root .material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1;vertical-align:middle;display:inline-flex;-webkit-user-select:none;user-select:none}body.cti-tour-active{overflow:hidden}.tour-spotlight-box{position:fixed;left:50%;top:50%;width:0;height:0;z-index:9990;border-radius:var(--r-10);pointer-events:none;opacity:0;box-shadow:0 0 0 100vmax #070c17d1;transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-radius .4s ease,opacity .4s ease}.cti-tour-root.active .tour-spotlight-box{opacity:1}.tour-spotlight-box.targeted{animation:spotlightPulse 2.6s ease-in-out infinite}.tour-spotlight-box.leaving{opacity:0!important}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 100vmax #070c17d1,0 0 0 2px var(--brand-400),0 0 30px #5b83ed8c,0 0 60px #5b83ed38}50%{box-shadow:0 0 0 100vmax #070c17d1,0 0 0 2px var(--brand-300),0 0 45px #5b83edc7,0 0 80px #5b83ed61}}.tour-mascot{position:fixed;left:-2vw;bottom:-22vh;height:100vh;width:auto;pointer-events:none;z-index:9992;transform:translateY(110%);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}.cti-tour-root.active .tour-mascot{transform:translateY(0);opacity:1}.tour-mascot.leaving{transform:translateY(110%)!important;opacity:0!important;transition:transform .5s cubic-bezier(.4,0,1,1),opacity .4s ease!important}.mascot-inner{position:relative;height:100%;animation:mascotBreathe 4.5s ease-in-out infinite}@keyframes mascotBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.012)}}.mascot-img{position:absolute;bottom:0;left:0;height:100%;width:auto;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mascot-img.active{opacity:1}.mascot-img.entering{animation:poseSpring .5s cubic-bezier(.16,1,.3,1)}@keyframes poseSpring{0%{transform:scale(.92)}60%{transform:scale(1.03)}to{transform:scale(1)}}.tour-bubble{position:fixed;left:clamp(360px,30vw,520px);bottom:clamp(80px,18vh,200px);width:clamp(360px,36vw,480px);max-width:calc(100vw - 540px);background:linear-gradient(180deg,var(--card-bg) 0%,#0d1524 100%);border:1px solid var(--brand-700);border-radius:14px;padding:22px 24px 20px;box-shadow:0 24px 60px #000000a6,0 0 40px #5b83ed2e,inset 0 1px #ffffff0f;z-index:10000;pointer-events:auto;opacity:0;transform:scale(.96) translateY(8px);transition:opacity .4s cubic-bezier(.4,0,.2,1) .2s,transform .4s cubic-bezier(.16,1,.3,1) .2s}.cti-tour-root.active .tour-bubble{opacity:1;transform:scale(1) translateY(0)}.tour-bubble.leaving{opacity:0!important;transform:scale(.96) translateY(8px)!important;transition:opacity .25s ease,transform .25s ease!important}.tour-bubble:before{content:"";position:absolute;left:-8px;top:50%;width:16px;height:16px;background:linear-gradient(180deg,var(--card-bg),#0d1524);border-left:1px solid var(--brand-700);border-bottom:1px solid var(--brand-700);transform:translateY(-50%) rotate(45deg);border-radius:0 0 0 4px}.bubble-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.bubble-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.step-num{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--brand-300);letter-spacing:.04em;white-space:nowrap}.step-num .num{color:var(--text-primary)}.progress-bar{flex:1;height:4px;background:var(--input-bg);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-500),var(--brand-300));border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #5b83ed80}.btn-skip{font-size:11.5px;font-weight:600;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-6);transition:all var(--t-fast);white-space:nowrap;background:none;border:none;cursor:pointer;font-family:inherit}.btn-skip:hover{color:var(--text-primary);background:var(--card-elevated)}.bubble-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;line-height:1.25}.bubble-body{font-size:13.5px;color:var(--text-secondary);margin:0 0 18px;line-height:1.6}.bubble-body strong{color:var(--text-primary);font-weight:600}.bubble-actions{display:flex;justify-content:space-between;gap:8px}.btn-back,.btn-next{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:700;border-radius:var(--r-8);transition:all var(--t-fast);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;font-family:inherit}.btn-back{background:var(--card-elevated);border:1px solid var(--border-default);color:var(--text-secondary)}.btn-back:hover:not(:disabled){color:var(--text-primary);border-color:var(--brand-500)}.btn-back:disabled{opacity:.4;cursor:not-allowed}.btn-back .material-symbols-outlined{font-size:14px}.btn-next{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));border:1px solid var(--brand-400);color:#fff;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #1e3a8a66;margin-left:auto}.btn-next:hover{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 6px 18px #1e3a8a8c}.btn-next .material-symbols-outlined{font-size:14px}@media (max-width: 900px){.tour-mascot{height:70vh;bottom:-18vh;left:-8vw}.tour-bubble{left:50%;bottom:24px;transform:translate(-50%) scale(.96) translateY(8px);width:calc(100vw - 32px);max-width:420px}.cti-tour-root.active .tour-bubble{transform:translate(-50%) scale(1) translateY(0)}.tour-bubble.leaving{transform:translate(-50%) scale(.96) translateY(8px)!important}.tour-bubble:before{display:none}}
