:root{--onboarding-shadow: 0 18px 70px rgba(0, 0, 0, .35)}body.onboarding-locked{overflow:hidden}.onboarding-callout{position:fixed;bottom:1.25rem;right:1.25rem;z-index:5200;width:min(360px,calc(100% - 2rem));background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--onboarding-shadow);border-radius:14px;padding:1rem 1.1rem;display:grid;gap:.65rem}.onboarding-callout__eyebrow{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;color:var(--text-secondary);font-weight:600}.onboarding-callout__title{font-size:1.05rem;font-weight:700;margin:0}.onboarding-callout__text{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.onboarding-callout__actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.onboarding-btn{border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text-primary);border-radius:10px;padding:.55rem .95rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.onboarding-btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px #0000001f}.onboarding-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.onboarding-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-strong);box-shadow:0 14px 40px #2563eb47}.onboarding-btn.ghost{background:transparent}.onboarding-overlay{position:fixed;inset:0;z-index:6200;opacity:0;transition:opacity .16s ease;pointer-events:none}.onboarding-overlay.active{opacity:1;pointer-events:none}.onboarding-backdrop{inset:0;background:transparent}.onboarding-backdrop,.onboarding-highlight{position:absolute;pointer-events:none}.onboarding-highlight{border-radius:14px;border:2px solid var(--accent);box-shadow:0 0 0 6px #2563eb14,var(--onboarding-shadow);background:#2563eb0d;transition:transform .16s ease,width .16s ease,height .16s ease,opacity .16s ease}.onboarding-tooltip{position:absolute;max-width:420px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--onboarding-shadow);padding:1rem 1.1rem;pointer-events:auto;display:grid;gap:.35rem}.onboarding-tooltip__eyebrow{color:var(--text-secondary);font-weight:600;font-size:.78rem;letter-spacing:.02em}.onboarding-tooltip__title{font-weight:700;font-size:1.1rem;margin:0}.onboarding-tooltip__text{margin:0;color:var(--text-secondary);line-height:1.55}.onboarding-tooltip__actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.onboarding-tooltip__nav{display:flex;align-items:center;gap:.4rem}.onboarding-progress{font-size:.8rem;color:var(--text-secondary);display:inline-flex;gap:.35rem;align-items:center}.onboarding-dot{width:7px;height:7px;border-radius:999px;background:var(--accent);display:inline-block}.onboarding-skip{color:var(--text-secondary)}.onboarding-hint{position:fixed;bottom:1.25rem;left:1.25rem;z-index:5200;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:12px;padding:.8rem 1rem;box-shadow:var(--onboarding-shadow);display:flex;gap:.65rem;align-items:center}.onboarding-hint__text{font-size:.95rem;color:var(--text-secondary)}.onboarding-pulse{position:absolute;inset:0;border-radius:18px;border:2px solid rgba(37,99,235,.45);animation:onboardingPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes onboardingPulse{0%{opacity:.9;transform:scale(1)}60%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1.15)}}.onboarding-history-highlight{position:relative;box-shadow:0 0 0 2px #2563eb33,0 12px 30px #0000002e;border-radius:12px;animation:onboardingHistoryGlow 1.4s ease-in-out 2}@keyframes onboardingHistoryGlow{0%{box-shadow:0 0 0 2px #2563eb66,0 12px 30px #0003}50%{box-shadow:0 0 0 6px #2563eb26,0 12px 30px #0000002e}to{box-shadow:0 0 0 2px #2563eb0d,0 12px 30px #0000001a}}[data-theme=dark] .onboarding-btn,[data-theme=dark] .onboarding-btn.primary{box-shadow:none}@media(max-width:720px){.onboarding-tooltip{width:calc(100% - 1.6rem);left:.8rem!important;right:.8rem!important}.onboarding-callout{width:auto}.onboarding-callout,.onboarding-hint{right:.75rem;left:.75rem}}