.onboarding{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2500;padding:16px}.ob-box{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 22px 22px;width:100%;max-width:400px;box-shadow:0 12px 40px #00000080}.ob-skip{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.ob-skip:hover{color:var(--text)}.ob-step{display:none;text-align:center;min-height:130px}.ob-step.on{display:block}.ob-icon{font-size:40px;margin-bottom:10px}.ob-step h3{font-size:18px;margin-bottom:8px}.ob-step p{font-size:14px;color:var(--muted);line-height:1.55}.ob-dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:3px solid var(--status-unknown);background:transparent;vertical-align:middle}.ob-dot.yes{border-color:var(--status-yes);border-style:solid}.ob-dot.limit{border-color:var(--status-limit);border-style:dashed}.ob-dot.no{border-color:var(--status-no);border-style:dotted}.ob-dot.unknown{border-color:var(--status-unknown);border-style:solid}.ob-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.ob-dots{display:flex;gap:6px}.ob-dots i{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.ob-dots i.on{background:var(--green)}.ob-foot .btn{flex:0 0 auto;padding:12px 24px}