.onboarding-entry{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 24px;border:1px solid #3d3f59;border-radius:12px;background:#171e2c;min-width:0}
.onboarding-entry-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;background:#a99aff10;color:#b9adf5}
.onboarding-entry-icon svg{width:23px;height:23px}.onboarding-entry>div{min-width:0;flex:1}.onboarding-entry h2{font-size:14px;letter-spacing:0;margin:0 0 4px}.onboarding-entry p{font-size:12px;color:#a9b5c9;margin:0;line-height:1.6}.onboarding-entry .button{min-height:44px;flex-shrink:0}
#onboarding-dialog{width:780px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:#121a28;border:1px solid #47465f;border-radius:16px;overflow:auto;padding:0;color:#ecf0fa}
#onboarding-dialog::backdrop{background:#050a13b8;backdrop-filter:blur(4px)}
.onboarding-top{display:flex;align-items:center;gap:12px;padding:21px 24px;border-bottom:1px solid #2d3548}
.onboarding-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:650;letter-spacing:-.2px}.onboarding-brand img{width:32px;height:32px;display:block}.onboarding-top>span{margin-left:auto;color:#a8b4c8;font-size:11px}
#onboarding-close{width:44px;height:44px;min-width:44px;min-height:44px;font-size:24px;border-radius:9px;margin:-6px -8px -6px 0}
#onboarding-progress{height:3px;background:#252d40}#onboarding-progress-fill{height:100%;background:#ad9cf2;transition:width .15s ease}
.onboarding-layout{display:grid;grid-template-columns:167px minmax(0,1fr);min-height:375px}
.onboarding-sidebar{padding:25px 16px;border-right:1px solid #2d3548}.onboarding-sidebar>.eyebrow{font-size:9px;letter-spacing:1.1px;margin:0 0 18px;color:#9caac0}
#onboarding-steps{list-style:none;margin:0;padding:0;display:grid;gap:13px}#onboarding-steps li{display:flex;align-items:center;gap:9px;color:#8f9db3;font-size:11px;line-height:1.5}#onboarding-steps li>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #384358;border-radius:7px;font-size:10px;font-weight:600}#onboarding-steps li[aria-current=step]{color:#e1d8ff;font-weight:600}#onboarding-steps li[aria-current=step]>span{border-color:#9683cb;background:#a99aff14;color:#cbbaff}
.onboarding-content{padding:27px 28px 23px;min-width:0}.onboarding-content h2{font-size:26px;line-height:1.24;letter-spacing:-.6px;margin:0 0 15px}.onboarding-content h2:focus{outline:none}
#onboarding-description{font-size:13px;line-height:1.8;color:#b3bfd2;margin:0 0 18px}#onboarding-points{display:grid;gap:12px;padding-left:17px;margin:0 0 20px;font-size:12px;line-height:1.8;color:#c2cbdb}#onboarding-points li{padding-left:3px}#onboarding-points li::marker{color:#a99af0}
#onboarding-note{font-size:11px;line-height:1.7;color:#a6b2c7;border-top:1px solid #30384c;padding-top:15px;margin:0 0 17px}#onboarding-action{min-height:44px;text-align:left;white-space:normal;max-width:100%}
#onboarding-error{margin:16px 0 0;color:#ffd1d8;border:1px solid #744556;background:#402430;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.6}
.onboarding-footer{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:17px 24px;border-top:1px solid #30384b;background:#121a28;z-index:2}.onboarding-footer .button{min-height:44px;min-width:74px}.onboarding-footer .onboarding-skip{margin-right:auto;background:transparent;border-color:transparent;color:#b6c0d1}.onboarding-footer .onboarding-skip:hover{background:#1f293c;border-color:#414c63;color:#f3f2ff}.onboarding-buttons{display:flex;gap:9px;align-items:center;flex-shrink:0}#onboarding-busy{font-size:10px;color:#a8b4c8;line-height:1.5;max-width:105px}
@media(max-width:650px){.onboarding-layout{grid-template-columns:1fr;min-height:0}.onboarding-sidebar{display:none}.onboarding-content{padding:24px}.onboarding-content h2{font-size:25px}.onboarding-footer{flex-wrap:wrap}#onboarding-busy{max-width:none;flex-basis:100%;order:3}.onboarding-entry{gap:12px;padding:16px;flex-wrap:wrap}.onboarding-entry>div{flex-basis:calc(100% - 54px)}.onboarding-entry>.button{margin-left:52px}.onboarding-entry-overview p{font-size:11px}}
@media(max-width:390px){.onboarding-top{padding:17px 18px;gap:8px}.onboarding-brand{font-size:12px;gap:8px}.onboarding-brand img{width:28px;height:28px}.onboarding-top>span{font-size:10px}.onboarding-content{padding:22px 18px}.onboarding-content h2{font-size:23px}.onboarding-footer{padding:14px 18px;gap:8px}.onboarding-footer .onboarding-skip{padding:9px 0;min-width:0;font-size:11px}.onboarding-footer .button{font-size:11px;min-width:64px;padding:9px 11px}.onboarding-buttons{gap:7px}.onboarding-entry>.button{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){#onboarding-progress-fill{transition:none}}