#onboarding{font-family:Onest,Arial,sans-serif;color:#f6f6f7}#onboarding button{font:inherit;cursor:pointer;min-height:42px}#onboarding button:focus-visible,#onboarding summary:focus-visible{outline:3px solid #fee252;outline-offset:4px}.tour-launch{position:fixed;right:18px;top:14px;z-index:1105;background:#fee252;color:#101214;border:0;border-radius:8px;padding:8px 15px;font-size:13px!important;font-weight:600!important}.tour-menu{position:fixed;right:18px;top:64px;width:220px;background:#242a31;border-radius:12px;padding:8px;z-index:1106;box-shadow:0 12px 40px #0008}.tour-menu button{display:block;width:100%;text-align:left;border:0;background:none;color:#eee;padding:8px 12px;border-radius:6px}.tour-menu button:hover,.tour-menu button[aria-current]{background:#fee252;color:#111}.tour-highlight{position:fixed;pointer-events:none;z-index:1100;border:2px solid #fee252;border-radius:10px;box-shadow:0 0 0 9999px #0305079c}.tour-card{position:fixed;z-index:1102;background:#242a31;border-radius:14px;padding:26px;box-shadow:0 18px 60px #0007;box-sizing:border-box;max-height:calc(100dvh - 90px);overflow:auto}.tour-card h2{font-family:Onest,Arial,sans-serif;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.025em;margin:0 20px 14px 0;text-wrap:balance}.tour-card p{color:#e0e3e7;font-size:15px;line-height:1.5;margin:0 0 20px}.tour-close{position:absolute;top:7px;right:7px;width:40px;background:none;color:#b9bfc6;border:0;font-size:25px!important}.tour-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.tour-bottom>span{color:#b9bfc6;font-size:12px;white-space:nowrap}.tour-bottom>div{display:flex;gap:8px}.tour-next{background:#fee252;color:#111;border:0;border-radius:7px;padding:10px 15px;font-weight:600!important}.tour-back{background:none;border:0;color:#e0e3e7;padding:8px}.tour-try{background:none;border:1px solid #8b939d;border-radius:7px;color:#fff;padding:8px 14px}.tour-card details{font-size:14px}.tour-card summary{cursor:pointer;color:#fee252}.tour-card details p{font-size:14px;margin-top:12px}.tour-next:hover,.tour-launch:hover{background:#ffed80}@media(max-width:650px){.tour-card{padding:20px;max-height:48dvh}.tour-card h2{font-size:22px}.tour-card p{font-size:14px;margin-bottom:12px}.tour-bottom{margin-top:16px}.tour-launch{top:8px;right:8px;font-size:11px!important;min-height:34px!important}.tour-menu{top:48px}}

@media(max-width:650px){.tour-card.trying h2,.tour-card.trying>p{display:none}.tour-card.trying{padding:14px 20px}.tour-card.trying .tour-try{margin-right:15px;font-size:13px}.tour-card.trying .tour-bottom{margin-top:8px}}

.tour-launch{top:auto;bottom:18px}.tour-menu{top:auto;bottom:70px}.tour-card{z-index:1107}.tour-menu{z-index:1108}.tour-launch{z-index:1109}@media(max-width:650px){.tour-launch{top:8px;bottom:auto}.tour-menu{top:48px;bottom:auto}}
/* Keep the existing tour, with nonblocking contextual guidance. */
.tour-card{padding:20px;max-height:44vh;width:350px}.tour-card h2{font-size:20px}.tour-card p{font-size:14px;margin-bottom:14px}.tour-bottom{margin-top:14px}.tour-bottom>div{align-items:center}.tour-next{font-size:13px!important;max-width:205px}.tour-card.is-compact h2{font-size:15px;margin-bottom:10px}.tour-card.is-compact .tour-try{display:none}.tour-prompts{margin:0 0 12px;display:flex;flex-wrap:wrap;gap:8px}.tour-prompts button{padding:9px 12px;border:1px solid #7d8389;border-radius:8px;background:transparent;color:#ffe449;font:inherit;font-size:14px;text-align:left}.tour-map-mentor{position:fixed!important;right:20px;top:20px;bottom:90px;width:min(390px,calc(100vw - 40px));z-index:1000;overflow:auto;background:#10151a;padding:20px;border-radius:12px}.tour-card:not(.is-compact){box-shadow:0 12px 35px #0008}.tour-card.is-compact{max-width:310px}.demo-integrated{position:fixed;bottom:0;left:50%;transform:translateX(-50%);font:11px Onest,sans-serif;color:#aab1b8;z-index:900;background:#0b0e11;padding:4px 12px;pointer-events:none}@media(max-width:650px){.tour-card{max-height:36vh}.tour-card.is-compact{max-width:240px}.tour-card h2{font-size:18px}.tour-card p{font-size:13px}.tour-map-mentor{top:65px;bottom:200px}}

#onboarding[data-active="true"] .tour-launch{display:none}
/* Guided spotlight on the real UI; copy remains visible throughout. */
.tour-shade{position:fixed;z-index:1100;background:#020509a8;backdrop-filter:blur(2px);pointer-events:none}.tour-focus{position:fixed;z-index:1101;border:2px solid #ffe449;border-radius:10px;pointer-events:none}.tour-card{z-index:1107!important;max-height:calc(100dvh - 32px);padding:24px!important;box-shadow:0 12px 35px #0008}.tour-card h2{font-size:23px!important;line-height:1.2;margin-bottom:16px}.tour-card p{font-size:15px!important;line-height:1.6!important;margin-bottom:18px!important}.tour-bottom{align-items:flex-start;gap:12px}.tour-bottom>div{flex-direction:column;align-items:flex-end}.tour-instruction{font-size:14px;color:#ffe449;line-height:1.4;max-width:240px;text-align:right}.tour-next{max-width:260px}.tour-prompts button{font-size:14px}.mentor-message p{white-space:pre-line}@media(max-width:700px){.tour-card{max-height:43dvh;padding:18px!important}.tour-card h2{font-size:19px!important}.tour-card p{font-size:13px!important;line-height:1.45!important}}

@media(max-width:700px){body.tour-guided-chat #mentor-panel{position:fixed;top:14px;left:14px;right:14px;bottom:calc(var(--tour-card-height,330px) + 36px);width:auto;height:auto!important;min-height:0!important;z-index:1099;padding:12px;background:#0b0e11}body.tour-guided-chat .mentor-screen,body.tour-guided-chat .mentor-conversation{height:100%!important;min-height:0!important;display:flex;flex-direction:column}body.tour-guided-chat .mentor-messages{height:auto!important;min-height:0!important;flex:1;overflow:auto}body.tour-guided-chat .mentor-composer{flex:none;padding-top:8px}body.tour-guided-chat #mentor-input{min-height:44px!important;height:44px!important}body.tour-guided-chat .mentor-heading{padding:0 0 8px}body.tour-guided-chat .mentor-message{margin:8px 0;padding:10px}body.tour-guided-chat .mentor-composer-actions button{min-height:36px;padding:8px 12px}}

/* Reviewed onboarding controls and free video exploration. */
#onboarding .tour-back,#onboarding .tour-skip{font-size:13px;line-height:18px;min-height:28px;padding:4px 6px;border:0;background:transparent;color:#b9bec7;box-shadow:none;cursor:pointer}
#onboarding .tour-next:disabled{opacity:.45;cursor:default}
#onboarding[data-watching="true"] .tour-shade,#onboarding[data-watching="true"] .tour-focus{display:none}
#onboarding[data-watching="true"] .tour-card{position:fixed;top:auto!important;bottom:16px!important;left:auto!important;right:16px;width:340px!important}

#onboarding .tour-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#onboarding .tour-bottom>.tour-progress{display:flex;flex-direction:row;align-items:center;gap:5px;flex-shrink:0;min-height:32px}
#onboarding .tour-bottom>.tour-actions{display:flex;flex-direction:row;justify-content:flex-end;min-width:0}
#onboarding .tour-progress .tour-back{width:28px;height:32px;min-height:32px;padding:0;font-size:21px;line-height:1}
#onboarding .tour-progress span{white-space:nowrap;font-size:12px;color:#b9bec7}
#onboarding .tour-actions .tour-next{white-space:normal;text-align:center}

.learning-form .learn-form-footer .learn-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:12px 16px;border:1px solid #454951;border-radius:9px;background:transparent;color:#c6c9cf;font:500 14px/20px Onest,sans-serif;white-space:nowrap;transition:background .15s,border-color .15s}
.learning-form .learn-form-footer .learn-next:hover{background:#ffffff08;border-color:#777e89;color:#f5f5f4}
.learning-form .learn-form-footer .learn-next:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.learning-form .learn-form-footer .learn-next .icon{width:18px;height:18px}
@media(max-width:500px){.learning-form .learn-form-footer:has(.learn-next){flex-wrap:wrap;gap:10px}.learning-form .learn-form-footer .learn-next{white-space:normal}}

#onboarding .tour-retry,#onboarding .tour-discuss{background:none;border:0;color:#ffe449;padding:0 0 12px;font-size:13px;cursor:pointer}#app>.mentor-panel,#app>aside#mentor-panel{position:fixed;right:20px;top:20px;bottom:24px;width:min(390px,calc(100vw - 40px));z-index:1110;background:#0b0e11;padding:20px;overflow:auto}
