body.onboarding-active .onboarding-spotlight{position:relative!important;z-index:1002!important;outline:3px solid rgba(245,190,72,.95)!important;outline-offset:5px!important;border-radius:.7rem;box-shadow:0 0 0 9px rgba(245,190,72,.13),0 0 38px rgba(245,190,72,.38)!important;animation:onboardingPulse 1.45s ease-in-out infinite}
body.onboarding-active .onboarding-dim{pointer-events:none!important}
@keyframes onboardingPulse{50%{outline-color:#fff1ae;box-shadow:0 0 0 13px rgba(245,190,72,.06),0 0 48px rgba(245,190,72,.5)}}
.guided-onboarding{position:fixed;z-index:1010;width:min(25rem,calc(100vw - 2rem));padding:1rem;border:1px solid rgba(227,173,77,.58);border-radius:1rem;background:linear-gradient(145deg,rgba(15,18,29,.98),rgba(23,19,31,.98));box-shadow:0 24px 75px rgba(0,0,0,.65),0 0 35px rgba(227,173,77,.12);color:#f8fafc;transition:left .2s ease,top .2s ease,opacity .2s ease,transform .2s ease}
body.onboarding-modal-open .asgine-presence{z-index:1290!important}
body.onboarding-modal-open .guided-onboarding{z-index:1300!important;left:1rem!important;top:5rem!important;width:min(20rem,calc(100vw - 2rem))}
.guided-onboarding.is-blocked{animation:onboardingBlocked .32s ease both}
@keyframes onboardingBlocked{25%{transform:translateX(-7px)}55%{transform:translateX(6px)}80%{transform:translateX(-3px)}}
.guided-onboarding::before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent,#f4c86a,transparent)}
.guided-onboarding header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.guided-onboarding-kicker{font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#e3ad4d}.guided-onboarding-progress{font-size:.57rem;color:#768196}.guided-onboarding h2{margin:.35rem 0 0;font-size:1.05rem;font-weight:900}.guided-onboarding p{margin:.45rem 0 0;font-size:.72rem;line-height:1.55;color:#a9b1c0}.guided-onboarding p strong{color:#f6d98e}.guided-onboarding-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.guided-onboarding button{padding:.62rem .8rem;border:1px solid #3a4354;border-radius:.65rem;background:#151b28;color:#d8dee9;font-size:.66rem;font-weight:850}.guided-onboarding button:hover{border-color:#d6a94b;color:#fff}.guided-onboarding button[data-primary]{border-color:#bf8529;background:linear-gradient(105deg,#b86f1b,#7c3aed);color:#fff}.guided-onboarding button:disabled{cursor:wait;opacity:.5}.guided-onboarding input,.guided-onboarding textarea{width:100%;margin-top:.75rem;padding:.72rem .78rem;border:1px solid #3a4354;border-radius:.68rem;background:#0b101a;color:#f8fafc;font-size:.72rem;outline:none;resize:vertical}.guided-onboarding input:focus,.guided-onboarding textarea:focus{border-color:#e3ad4d;box-shadow:0 0 0 3px rgba(227,173,77,.12)}.guided-onboarding-reward{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;color:#f3cb70;font-size:.62rem;font-weight:800}.guided-onboarding-error{margin-top:.6rem!important;color:#fca5a5!important}.guided-onboarding-skip{margin-left:auto!important;background:transparent!important;color:#788397!important}.guided-onboarding.is-thinking{pointer-events:none;opacity:.72}.guided-onboarding.is-thinking::after{content:"Asgine is creating…";display:block;margin-top:.6rem;color:#d8b766;font-size:.6rem}
@media(max-width:720px){.guided-onboarding{left:1rem!important;right:1rem!important;bottom:1rem!important;top:auto!important;width:auto;max-height:46vh;overflow:auto}.guided-onboarding h2{font-size:.9rem}.guided-onboarding p{font-size:.67rem}body.onboarding-active .onboarding-spotlight{scroll-margin:7rem}}
@media(prefers-reduced-motion:reduce){body.onboarding-active .onboarding-spotlight{animation:none}}