.onboarding-guide[hidden]{display:none!important}.onboarding-guide{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(8,18,34,.76);backdrop-filter:blur(10px)}.onboarding-player{width:min(920px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#101827;color:#fff;box-shadow:0 32px 100px rgba(0,0,0,.42)}.onboarding-screen{position:relative;min-height:480px;padding:46px 52px 42px;background:linear-gradient(145deg,#101827 0%,#18243a 65%,#20345a 100%)}.onboarding-close{position:absolute;z-index:2;top:18px;right:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:23px;line-height:1;cursor:pointer}.onboarding-close:hover{background:rgba(255,255,255,.16)}.onboarding-scene{display:none;min-height:380px;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:48px;animation:guide-enter .45s ease both}.onboarding-scene.active{display:grid}.onboarding-copy small{display:block;margin-bottom:14px;color:#9fb7e9;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.onboarding-copy h2{max-width:570px;margin:0 0 18px;font-size:clamp(30px,4.4vw,52px);line-height:1.03;letter-spacing:-.045em}.onboarding-copy p{max-width:560px;margin:0;color:#c7d1e3;font-size:17px;line-height:1.55}.guide-visual{min-height:260px;display:grid;align-content:center;gap:12px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.08)}.guide-row{display:flex;align-items:center;gap:12px;padding:13px;border-radius:11px;background:#fff;color:#172033}.guide-row b{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:9px;background:#dce7ff;color:#244b9b}.guide-row span{display:grid;gap:2px}.guide-row small{color:#667085}.guide-row.current{outline:2px solid #86a9f3}.guide-chat{max-width:90%;padding:13px 15px;border-radius:14px 14px 14px 4px;background:#fff;color:#172033}.guide-chat.mine{justify-self:end;border-radius:14px 14px 4px;background:#dce7ff}.guide-file{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;background:#fff;color:#172033}.guide-file strong{flex:1}.guide-status{display:grid;place-items:center;min-height:220px;text-align:center}.guide-status b{font-size:70px;line-height:1}.guide-status span{margin-top:8px;color:#c7d1e3}.onboarding-controls{padding:18px 22px 20px;background:#fff;color:#172033}.onboarding-progress{height:5px;margin-bottom:17px;overflow:hidden;border-radius:8px;background:#e8edf5}.onboarding-progress i{display:block;height:100%;width:0;background:#244b9b;transition:width .18s linear}.onboarding-actions{display:flex;align-items:center;gap:10px}.onboarding-actions button{min-height:42px;padding:0 16px;border:1px solid #d5dce7;border-radius:10px;background:#fff;color:#172033;font:inherit;font-weight:700;cursor:pointer}.onboarding-actions button:active{transform:translateY(1px)}.onboarding-actions .guide-play,.onboarding-actions .guide-next{background:#172033;border-color:#172033;color:#fff}.guide-counter{margin-left:auto;color:#667085;font-size:14px}.onboarding-help{position:fixed;right:22px;bottom:22px;z-index:900;width:46px;height:46px;border:0;border-radius:14px;background:#172033;color:#fff;font-size:20px;font-weight:800;box-shadow:0 12px 32px rgba(23,32,51,.22);cursor:pointer}.onboarding-help:hover{background:#244b9b}@keyframes guide-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.onboarding-guide{padding:10px}.onboarding-player{border-radius:16px}.onboarding-screen{min-height:0;padding:55px 22px 28px}.onboarding-scene{min-height:440px;grid-template-columns:1fr;align-content:center;gap:24px}.onboarding-copy h2{font-size:34px}.onboarding-copy p{font-size:15px}.guide-visual{min-height:190px;padding:14px}.onboarding-actions{flex-wrap:wrap}.guide-counter{order:-1;width:100%;margin:0 0 3px}.onboarding-actions button{flex:1;padding:0 9px}.onboarding-help{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){.onboarding-scene{animation:none}.onboarding-progress i{transition:none}}