.onboarding{--ob-ease:cubic-bezier(.22, 1, .36, 1);--ob-ink:#0a0a0a;--ob-muted:#3d3d3d;--ob-faint:#8a8a8a;--ob-line:#e4e4e4;--ob-soft:#f7f7f7;--ob-surface:#fff;background:var(--ob-surface);min-height:100dvh;color:var(--ob-ink);flex-direction:column;display:flex;position:relative}.onboarding-dots{z-index:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='1' cy='1' r='0.9' fill='%23d0d0d0'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.onboarding-shell{z-index:1;flex-direction:column;width:100%;max-width:820px;min-height:100dvh;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;position:relative}.onboarding-top{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 18px;display:flex}.onboarding-brand{border-radius:8px;margin-left:-11px;display:inline-flex}.onboarding-close{font-family:var(--body);letter-spacing:-.01em;color:var(--ob-faint);padding:8px 4px;font-size:14px;font-weight:500;text-decoration:none;transition:color .16s}.onboarding-close:hover{color:var(--ob-ink)}.onboarding-timeline{flex-shrink:0;padding:6px 0 22px;position:relative}.onboarding-timeline--bar{padding-top:0;padding-bottom:12px}.onboarding-timeline-track{z-index:0;pointer-events:none;background:#ececec;border-radius:999px;height:2px;position:absolute;top:18px;left:14px;right:14px;overflow:hidden}.onboarding-timeline--bar .onboarding-timeline-track{margin:0;position:relative;top:auto;left:0;right:0}.onboarding-timeline-track-fill{background:var(--ob-ink);border-radius:inherit;height:100%}.onboarding-timeline-steps{grid-template-columns:repeat(var(--ob-nodes,10), minmax(0, 1fr));z-index:1;gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.onboarding-timeline-step{justify-content:center;min-width:0;display:flex}.onboarding-timeline-node{cursor:default;width:100%;max-width:72px;color:var(--ob-faint);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:0;display:flex}.onboarding-timeline-node:disabled{cursor:default}.onboarding-timeline-node:not(:disabled){cursor:pointer}.onboarding-timeline-node:not(:disabled):hover .onboarding-timeline-dot{transform:scale(1.08)}.onboarding-timeline-dot{color:#0000;width:22px;height:22px;transition:background .22s var(--ob-ease), border-color .22s var(--ob-ease), color .18s ease, transform .22s var(--ob-ease), box-shadow .22s var(--ob-ease);background:#fff;border:1.5px solid #d6d6d6;border-radius:999px;place-items:center;display:grid;box-shadow:0 0 0 4px #fff}.onboarding-timeline-node.is-done .onboarding-timeline-dot{background:var(--ob-ink);border-color:var(--ob-ink);color:#fff}.onboarding-timeline-node.is-reached .onboarding-timeline-dot{border-color:var(--ob-ink)}.onboarding-timeline-node:focus-visible{outline:none}.onboarding-timeline-node:focus-visible .onboarding-timeline-dot{box-shadow:0 0 0 4px #fff, 0 0 0 6px var(--ob-ink)}.onboarding-timeline-node.is-active .onboarding-timeline-dot{background:var(--ob-ink);border-color:var(--ob-ink);color:#0000;transform:scale(1.12);box-shadow:0 0 0 4px #fff,0 0 0 7px #0a0a0a1f}.onboarding-timeline-label{font-family:var(--body);letter-spacing:-.01em;text-align:center;color:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:500;line-height:1.2;transition:color .18s;overflow:hidden}.onboarding-timeline-node.is-done{color:var(--ob-muted)}.onboarding-timeline-node.is-active{color:var(--ob-ink)}.onboarding-timeline-node.is-active .onboarding-timeline-label{font-weight:600}.onboarding-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.onboarding-page{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:36px 0 28px;display:flex;overflow-y:auto}.onboarding-page--top{justify-content:flex-start;padding-top:28px}.onboarding-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ob-faint);margin:0 0 14px;font-size:11px;font-weight:500}.onboarding-title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0 0 12px;font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.1}.onboarding-title:focus{outline:none}.onboarding-title--wide{max-width:22ch}.onboarding-lead{color:var(--ob-muted);text-wrap:pretty;max-width:44ch;margin:0 0 32px;font-size:16px;line-height:1.55}.onboarding-hint{color:var(--ob-muted);text-wrap:pretty;max-width:46ch;margin:0 0 24px;font-size:15px;line-height:1.5}.onboarding-options{flex-direction:column;gap:10px;max-width:600px;display:flex}.onboarding-option{text-align:left;border:1.5px solid var(--ob-line);background:var(--ob-surface);width:100%;min-height:68px;color:var(--ob-ink);font-family:var(--body);letter-spacing:-.015em;cursor:pointer;transition:border-color .18s ease, background .18s ease, transform .14s var(--ob-ease), box-shadow .18s ease;-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:center;gap:16px;padding:20px 22px;font-size:16.5px;font-weight:500;line-height:1.35;display:flex}.onboarding-option:hover{background:#fafafa;border-color:#a8a8a8;box-shadow:0 1px #00000008}.onboarding-option:active{transform:scale(.985)}.onboarding-option:focus-visible,.onboarding-cta:focus-visible,.onboarding-cta-ghost:focus-visible,.onboarding-linkish:focus-visible,.onboarding-back:focus-visible,.onboarding-review-edit:focus-visible,.onboarding-close:focus-visible,.onboarding-brand:focus-visible{outline:2px solid var(--ob-ink);outline-offset:3px}.onboarding-option:disabled{cursor:default;opacity:.5}.onboarding-option.is-selected{border-color:var(--ob-ink);background:var(--ob-ink);color:#fff;box-shadow:0 12px 32px #0a0a0a24}.onboarding-option-mark{opacity:1;color:#0000;width:26px;height:26px;transition:background .18s var(--ob-ease), border-color .18s ease, color .18s ease, transform .22s var(--ob-ease);background:#fff;border:1.5px solid #cfcfcf;border-radius:999px;flex:none;place-items:center;display:grid}.onboarding-option:hover .onboarding-option-mark{border-color:#9a9a9a}.onboarding-option.is-selected .onboarding-option-mark{color:var(--ob-ink);background:#fff;border-color:#0000;transform:scale(1.05)}.onboarding-option-label{text-wrap:pretty;flex:1}.onboarding-option-key{border:1px solid var(--ob-line);min-width:24px;height:24px;font-family:var(--mono);text-align:center;color:var(--ob-faint);background:var(--ob-soft);border-radius:6px;flex:none;padding:0 6px;font-size:11px;line-height:22px;display:none}@media (hover:hover) and (pointer:fine){.onboarding-option-key{display:inline-block}}.onboarding-option.is-selected .onboarding-option-key{color:#ffffffb3;background:0 0;border-color:#ffffff40}.onboarding-option--multi .onboarding-option-mark{border-radius:8px}.onboarding-option--multi.is-selected{background:var(--ob-surface);color:var(--ob-ink);border-color:var(--ob-ink);box-shadow:0 0 0 1px var(--ob-ink)}.onboarding-option--multi.is-selected .onboarding-option-mark{background:var(--ob-ink);color:#fff}.onboarding-option--multi.is-selected .onboarding-option-key{border-color:var(--ob-line);background:var(--ob-soft);color:var(--ob-faint)}.onboarding-option.is-blocked{opacity:.45;cursor:not-allowed}.onboarding-option.is-blocked:hover{border-color:var(--ob-line);background:var(--ob-surface);box-shadow:none}.onboarding-other{flex-direction:column;gap:12px;max-width:560px;margin-top:16px;display:flex}.onboarding-field-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px;display:grid}.onboarding-field{flex-direction:column;gap:8px;display:flex}.onboarding-field-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ob-faint);font-size:11px}.onboarding-input,.onboarding-textarea{background:var(--ob-surface);border:1px solid var(--ob-line);width:100%;color:var(--ob-ink);font-family:var(--body);border-radius:12px;padding:14px 16px;font-size:16px;transition:border-color .16s,box-shadow .16s}.onboarding-input:focus,.onboarding-textarea:focus{border-color:var(--ob-ink);outline:none;box-shadow:0 0 0 3px #0a0a0a0f}.onboarding-input[aria-invalid=true]{border-color:#b42318}.onboarding-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b423181a}.onboarding-field-error{color:#b42318;margin:0;font-size:13px}.onboarding-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.onboarding-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.onboarding-input::placeholder,.onboarding-textarea::placeholder{color:var(--ob-faint)}.onboarding-textarea{resize:vertical;max-width:560px;min-height:148px;line-height:1.55}.onboarding-counter{font-family:var(--mono);color:var(--ob-faint);margin:10px 0 0;font-size:11.5px}.onboarding-counter.is-ok{color:var(--ob-muted)}.onboarding-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.onboarding-actions--flush{margin-top:0}.onboarding-actions--tight{margin-top:4px}.onboarding-shortcut{font-family:var(--mono);color:var(--ob-faint);font-size:11.5px;display:none}@media (hover:hover) and (pointer:fine){.onboarding-shortcut{display:inline}}.onboarding-cta{border:1px solid var(--ob-ink);background:var(--ob-ink);color:#fff;min-height:48px;font-family:var(--body);letter-spacing:-.015em;cursor:pointer;white-space:nowrap;transition:transform .14s var(--ob-ease), background .16s ease, opacity .16s ease;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.onboarding-cta:hover{background:#222}.onboarding-cta:active{transform:scale(.97)}.onboarding-cta:disabled{opacity:.35;cursor:not-allowed;transform:none}.onboarding-cta-ghost{border:1px solid var(--ob-ink);min-height:48px;color:var(--ob-ink);font-family:var(--body);letter-spacing:-.015em;cursor:pointer;transition:transform .14s var(--ob-ease), background .16s ease, color .16s ease;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.onboarding-cta-ghost:hover{background:var(--ob-ink);color:#fff}.onboarding-cta-ghost:active{transform:scale(.97)}.onboarding-linkish{font-family:var(--mono);color:var(--ob-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;transition:color .16s;display:inline-flex}.onboarding-linkish:hover{color:var(--ob-ink)}.onboarding-foot{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:8px 0 28px;display:flex}.onboarding-back{font-family:var(--mono);color:var(--ob-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:12px;transition:color .16s;display:inline-flex}.onboarding-back:hover:not(:disabled){color:var(--ob-ink)}.onboarding-back:disabled{opacity:.4;cursor:default}.onboarding-foot-note{font-family:var(--mono);color:var(--ob-faint);align-items:center;gap:6px;font-size:11px;display:inline-flex}.onboarding-done-mark{background:var(--ob-ink);color:#fff;border-radius:999px;place-items:center;width:56px;height:56px;margin-bottom:22px;display:grid}.onboarding-done-mark+.onboarding-title{margin-top:0}.onboarding-meta{color:var(--ob-muted);flex-wrap:wrap;gap:8px 20px;margin:-12px 0 32px;padding:0;font-size:14px;list-style:none;display:flex}.onboarding-meta li{align-items:center;gap:7px;display:inline-flex}.onboarding-resume{border:1.5px solid var(--ob-ink);background:var(--ob-surface);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;max-width:600px;padding:18px 20px;display:flex}.onboarding-resume-title{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.onboarding-resume-note{color:var(--ob-muted);margin:2px 0 0;font-size:14px}.onboarding-review{border:1px solid var(--ob-line);background:#ffffffd9;border-radius:16px;max-width:640px;padding:4px 0}.onboarding-review-row{grid-template-columns:104px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 12px 12px 18px;font-size:14.5px;display:grid}.onboarding-review--static .onboarding-review-row{grid-template-columns:104px minmax(0,1fr);padding-right:18px}.onboarding-review-row+.onboarding-review-row{border-top:1px solid #efefef}.onboarding-review-key{font-family:var(--mono);color:var(--ob-faint);padding-top:3px;font-size:11.5px}.onboarding-review-val{color:var(--ob-ink);text-wrap:pretty;overflow-wrap:anywhere}.onboarding-review-row.is-long .onboarding-review-val{white-space:pre-line;color:var(--ob-muted)}.onboarding-review-row.is-missing .onboarding-review-val{color:#b42318}.onboarding-review-edit{font-family:var(--mono);color:var(--ob-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;transition:color .16s,background .16s;display:inline-flex}.onboarding-review-edit:hover{color:var(--ob-ink);background:var(--ob-soft)}.onboarding-review-row.is-missing .onboarding-review-edit{color:#b42318}.onboarding-alert{color:#912018;background:#fef3f2;border:1px solid #b4231840;border-radius:12px;gap:12px;max-width:640px;margin-top:20px;padding:14px 16px;font-size:14.5px;display:flex}.onboarding-alert p{margin:0 0 6px}.onboarding-alert-link{text-underline-offset:3px;align-items:center;gap:6px;font-weight:500;text-decoration:underline;display:inline-flex}.onboarding-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite ob-spin}@keyframes ob-spin{to{transform:rotate(360deg)}}.onboarding-cta[aria-busy=true]:disabled{opacity:.8;cursor:progress}.onboarding-fineprint{max-width:52ch;color:var(--ob-faint);margin:16px 0 0;font-size:12.5px;line-height:1.5}.onboarding-fineprint a{color:var(--ob-muted);text-underline-offset:2px;text-decoration:underline}.onboarding-next{gap:16px;max-width:560px;margin:0 0 28px;padding:0;list-style:none;display:grid}.onboarding-next li{grid-template-columns:28px minmax(0,1fr);gap:14px;display:grid}.onboarding-next-num{border:1.5px solid var(--ob-ink);width:28px;height:28px;font-family:var(--mono);border-radius:999px;place-items:center;font-size:12px;display:grid}.onboarding-next-title{font-family:var(--display);letter-spacing:-.01em;margin:3px 0 2px;font-size:16px;font-weight:600}.onboarding-next-text{color:var(--ob-muted);text-wrap:pretty;margin:0;font-size:14.5px}.onboarding-book{background:var(--ob-soft);border:1px solid var(--ob-line);border-radius:16px;max-width:560px;padding:20px}.onboarding-book-title{font-family:var(--display);margin:0;font-size:17px;font-weight:600}.onboarding-book-text{color:var(--ob-muted);margin:4px 0 14px;font-size:14.5px}.onboarding-details{max-width:640px;margin-top:24px}.onboarding-details summary{cursor:pointer;font-family:var(--mono);color:var(--ob-faint);margin-bottom:12px;font-size:12px}.onboarding-details summary:hover{color:var(--ob-ink)}@media (max-width:640px){.onboarding-field-stack{grid-template-columns:1fr}.onboarding-page{justify-content:flex-start;padding-top:20px}.onboarding-review-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.onboarding-review-key{grid-column:1/-1}.onboarding-review--static .onboarding-review-row{grid-template-columns:1fr}.onboarding-option{min-height:60px;padding:16px 18px;font-size:16px}.onboarding-foot-note{display:none}.onboarding-timeline-track{top:15px;left:10px;right:10px}.onboarding-timeline-dot{width:18px;height:18px}.onboarding-timeline-label{display:none}.onboarding-timeline-node.is-active .onboarding-timeline-label{width:max-content;max-width:140px;font-size:12px;display:block;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.onboarding-timeline-step{position:relative}.onboarding-timeline{padding-bottom:36px}.onboarding-timeline-node.is-active .onboarding-timeline-dot{box-shadow:0 0 0 3px #fff,0 0 0 5px #0a0a0a1f}}@media (prefers-reduced-motion:reduce){.onboarding-spinner{animation-duration:2s}.onboarding-option,.onboarding-cta,.onboarding-cta-ghost{transition:none}.onboarding-option:active,.onboarding-cta:active,.onboarding-cta-ghost:active{transform:none}}
