.onboarding-launch{display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:#fffdfa;color:var(--ink)}
.onboarding-launch[hidden]{display:none}.onboarding-launch span{display:grid;place-items:center;min-width:30px;height:23px;padding:0 5px;border-radius:8px;background:var(--gold-soft);color:var(--wine);font-size:8px;font-weight:900}.onboarding-launch b{font-size:8px}.onboarding-launch.complete span{background:#e5efe2;color:#4d674d}
.onboarding-dialog{width:min(760px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 40px));padding:0;border:1px solid #d9b66f;border-radius:25px;background:#fbf6ee;color:var(--ink);box-shadow:0 28px 90px rgba(25,14,18,.32)}.onboarding-dialog::backdrop{background:rgba(28,19,23,.65);backdrop-filter:blur(4px)}.onboarding-dialog>header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;padding:21px 23px;background:var(--ink);color:#fff}.onboarding-dialog>header span{grid-column:1;color:var(--gold);font-size:8px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.onboarding-dialog h2{grid-column:1;margin:5px 0 0;font:600 25px var(--display)}.onboarding-dialog>header button{grid-column:2;grid-row:1/3;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff}.onboarding-dialog-content{padding:20px}.onboarding-dialog .onboarding-board,.onboarding-dialog .onboarding-complete{margin:0}.onboarding-dialog .onboarding-list{grid-template-columns:1fr}
@media(max-width:760px){.onboarding-launch b{display:none}.onboarding-launch{padding:0 6px}.onboarding-dialog{max-height:calc(100vh - 20px)}.onboarding-dialog-content{padding:12px}}
@media(prefers-reduced-motion:reduce){.onboarding-dialog::backdrop{backdrop-filter:none}}