.onboarding-card{border:1px solid color-mix(in srgb, var(--mozalink-primary,#0f766e) 28%, #e2e8f0);background:linear-gradient(135deg, color-mix(in srgb, var(--mozalink-primary,#0f766e) 8%, #fff) 0%, #fff 55%);border-radius:14px;margin:0 0 1.25rem;padding:1.15rem 1.25rem 1.2rem;box-shadow:0 8px 24px #0f172a0f}.onboarding-card-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--mozalink-primary,#0f766e);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.onboarding-card-title{color:#0f172a;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.onboarding-card-text{color:#475569;margin:0 0 1rem;font-size:.95rem;line-height:1.45}.onboarding-checklist{gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.onboarding-checklist-item{text-align:left;color:#0f172a;cursor:pointer;width:100%;font:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;transition:border-color .15s,background .15s;display:flex}.onboarding-checklist-item:hover{border-color:color-mix(in srgb, var(--mozalink-primary,#0f766e) 40%, #e2e8f0);background:color-mix(in srgb, var(--mozalink-primary,#0f766e) 4%, #fff)}.onboarding-checklist-item--done{opacity:.72}.onboarding-checklist-icon{color:var(--mozalink-primary,#0f766e);flex-shrink:0;margin-top:.1rem}.onboarding-checklist-label{font-size:.92rem;font-weight:600;line-height:1.35}.onboarding-checklist-hint{color:#64748b;margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}.onboarding-card-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.onboarding-card-actions .btn-secondary,.onboarding-card-actions .onboarding-text-btn{font-size:.9rem}.onboarding-overlay{z-index:12000;pointer-events:none;position:fixed;inset:0}.onboarding-overlay-mask{pointer-events:auto;background:#0f172a73;position:absolute;inset:0}.onboarding-overlay-mask--clear{background:0 0}.onboarding-spotlight{pointer-events:none;z-index:1;background:0 0;border-radius:12px;transition:top .2s,left .2s,width .2s,height .2s;position:absolute;box-shadow:0 0 0 9999px #0f172a73,0 0 0 3px #fff,0 8px 28px #0f172a40}.onboarding-tooltip{z-index:2;color:#0f172a;pointer-events:auto;background:#fff;border-radius:14px;width:min(360px,100vw - 1.5rem);padding:1rem 1.1rem;position:absolute;box-shadow:0 16px 40px #0f172a38}.onboarding-tooltip-step{color:var(--mozalink-primary,#0f766e);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.onboarding-tooltip-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.onboarding-tooltip-text{color:#475569;margin:0 0 .9rem;font-size:.92rem;line-height:1.45}.onboarding-tooltip-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.onboarding-tooltip-actions .btn-primary,.onboarding-tooltip-actions .btn-secondary,.onboarding-tooltip-actions button{font-size:.88rem}.onboarding-text-btn{color:#64748b;cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:none;padding:.35rem .25rem;font-size:.88rem;text-decoration:underline}.onboarding-text-btn:hover{color:#0f172a}.onboarding-tooltip-skip{color:#64748b;cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:none;margin-left:auto;padding:.25rem;font-size:.85rem;text-decoration:underline}.onboarding-tooltip-skip:hover{color:#0f172a}@media (max-width:720px){.onboarding-tooltip{width:auto;right:.75rem;left:.75rem!important}}
