/* ChatBase — 🆕 Onboarding tour (onboarding.js) */
#obModal { position: fixed; inset: 0; z-index: 99976; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.65); backdrop-filter: blur(5px); padding: 20px; }
.ob-card { width: min(380px, 100%); text-align: center; background: var(--neo-surface, #15151f); border: 1px solid rgba(255,255,255,.14); border-radius: 20px; padding: 28px 24px; color: var(--neo-text, #fff); box-shadow: 0 24px 70px rgba(0,0,0,.6); animation: pgIn .35s cubic-bezier(.2,1.2,.4,1); }
.ob-emoji { font-size: 50px; }
.ob-card h2 { margin: 8px 0 8px; font-size: 22px; }
.ob-card p { margin: 0 0 16px; font-size: 15px; line-height: 1.5; color: var(--neo-dim, rgba(235,235,245,.8)); }
.ob-dots { display: flex; gap: 6px; justify-content: center; margin-bottom: 16px; }
.ob-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.2); }
.ob-dot.on { background: #8ab4ff; width: 20px; border-radius: 4px; }
#obCard code { background: rgba(255,255,255,.08); padding: 1px 5px; border-radius: 4px; font-size: 12px; }