.join-flow{--join-motion:.25s;--join-ease:cubic-bezier(.22, 1, .36, 1);min-height:0;color:var(--fg);flex-direction:column;flex:1;display:flex}.join-flow .join-flow-header{border-bottom:0;flex-shrink:0;padding:26px 64px 32px 32px;position:relative}.join-flow .join-flow-title{letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:21px;line-height:1.2}.join-flow-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hairline-strong,var(--muted)) transparent;flex:1;min-height:0;padding:0 32px 18px;scroll-padding:16px;overflow:hidden auto}.join-flow-section{transition:padding var(--join-motion) var(--join-ease);padding:7px 0}.join-flow-section[data-state=active]{padding:14px 0 22px}.join-flow-section[data-state=complete]{padding:6px 0 10px}.join-flow .join-flow-heading{font:inherit;margin:0}.join-flow-section-heading{text-align:left;width:100%;min-width:0;height:20px;transition:height var(--join-motion) var(--join-ease);background:0 0;padding:0;display:block;position:relative}.join-flow-section-heading:disabled{cursor:default}.join-flow-section[data-state=active] .join-flow-section-heading{height:32px}.join-flow-section[data-state=complete] .join-flow-section-heading{height:20px}.join-flow-section-title{font-family:var(--font-body), "SF Pro Text", system-ui, sans-serif;letter-spacing:0;white-space:nowrap;color:var(--muted-strong);transition:font-size var(--join-motion) var(--join-ease), font-weight .2s ease-out, color .15s ease-out;font-size:16px;font-weight:500;line-height:1.22;display:block;position:absolute;top:0;left:0}.join-flow-section[data-state=active] .join-flow-section-title{color:var(--fg);font-family:var(--font-display), "SF Pro Display", system-ui, sans-serif;letter-spacing:-.025em;font-size:25px;font-weight:700}.join-flow-section[data-state=future] .join-flow-section-title,.join-flow-section[data-state=complete] .join-flow-section-heading:disabled .join-flow-section-title{color:var(--muted)}.join-flow-section[data-state=complete] .join-flow-section-title{color:var(--muted);font-size:14px;font-weight:400}.join-flow-section[data-state=complete] .join-flow-summary-wrap{margin-left:16px}.join-flow-section[data-state=complete] .join-flow-section-heading:not(:disabled):hover .join-flow-section-title{color:var(--fg)}.join-flow-panel,.join-flow-summary-wrap{opacity:0;visibility:hidden;transition:grid-template-rows var(--join-motion) var(--join-ease), margin-top var(--join-motion) var(--join-ease), opacity .15s ease-out, visibility var(--join-motion);grid-template-rows:0fr;margin-top:0;display:grid}.join-flow-collapse{min-height:0;overflow:hidden}.join-flow-panel:focus{outline:none}.join-flow-section[data-state=active]>.join-flow-panel{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:15px;transition-property:grid-template-rows,margin-top,opacity}.join-flow-section[data-state=complete]>.join-flow-summary-wrap{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:2px}.join-flow-section[data-state=active]>.join-flow-panel>.join-flow-collapse{overflow:visible}.join-flow-summary{max-width:100%;min-height:30px;color:var(--fg);text-align:left;overflow-wrap:anywhere;background:0 0;align-items:center;gap:8px;padding:0 4px 2px 0;font-size:15px;font-weight:400;line-height:1.45;display:flex}.join-flow-summary:hover{color:var(--muted-strong)}.join-flow-summary:disabled{color:var(--muted);cursor:default}.join-flow-summary>svg{flex-shrink:0;width:17px;height:17px}.join-flow-domain-summary{font-family:var(--font-mono), ui-monospace, Menlo, monospace;font-size:14px;display:block}.join-flow-choices{gap:6px;padding:2px 0 4px;display:grid}.join-flow-choice{border-bottom:1px solid var(--hairline);cursor:pointer;align-items:center;gap:14px;width:100%;min-height:72px;padding:13px 14px;transition:background .15s ease-out;display:flex;position:relative}.join-flow-choice>input{opacity:0;width:1px;height:1px;position:absolute}.join-flow-choice>svg{flex-shrink:0;width:23px;height:23px}.join-flow-choice:hover{background:var(--surface)}.join-flow-choice:has(input:checked){background:var(--surface)}.join-flow-choice:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}.join-flow-choice:has(input:disabled){cursor:default}.join-flow-choice-copy{flex:1;gap:2px;display:grid}.join-flow-choice-name{font-size:17px;font-weight:500}.join-flow-choice-note{color:var(--muted-strong);font-size:12px}.join-flow-choice .join-flow-choice-check{opacity:0;width:18px;height:18px;transition:opacity .15s ease-out}.join-flow-choice:has(input:checked) .join-flow-choice-check{opacity:1}.join-flow-name-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.join-flow .join-flow-input-label{font-family:var(--font-body), "SF Pro Text", system-ui, sans-serif;letter-spacing:0;text-transform:none;color:var(--muted-strong);align-items:baseline;gap:6px;font-size:12px;line-height:1.4;display:flex}.join-flow-optional{color:var(--muted-strong);margin-left:auto;font-size:10px}.join-flow .join-flow-input{min-width:0;height:56px;caret-color:var(--dot);border-radius:0;padding:8px 0 10px;font-size:27px;font-weight:400;line-height:1.2}.join-flow-name-grid .join-flow-input{font-size:25px}.join-flow .join-flow-input:focus{box-shadow:0 1px 0 var(--fg)}.join-flow .join-flow-input[aria-invalid=true]:focus{box-shadow:0 1px 0 var(--error)}.join-flow-checkbox-row{min-height:44px;color:var(--muted-strong);cursor:pointer;align-items:flex-start;gap:9px;padding:14px 0 4px;font-size:12px;line-height:1.5;display:flex}.join-flow-checkbox-row>input{flex-shrink:0;margin-top:1px}.join-flow-error{color:var(--error);font-size:12px;line-height:1.5}.join-flow-error:not(:empty){margin-top:8px}.join-flow-domain-line{border-bottom:1px solid var(--muted);width:100%;min-height:62px;font-family:var(--font-mono);cursor:text;align-items:baseline;padding:9px 0 12px;font-size:28px;font-weight:400;line-height:1.3;display:flex}.join-flow-domain-line:focus-within{border-bottom-color:var(--fg);box-shadow:0 1px 0 var(--fg)}.join-flow-domain-line[data-error=true]{border-bottom-color:var(--error)}.join-flow-domain-line[data-error=true]:focus-within{box-shadow:0 1px 0 var(--error)}.join-flow .join-flow-domain-line input{min-width:1ch;max-width:calc(100% - 6.1ch);font:inherit;caret-color:var(--dot);box-shadow:none;background:0 0;border:0;flex:0 auto;padding:0}.join-flow-domain-suffix{white-space:nowrap;flex-shrink:0}.join-flow .join-flow-legal{max-width:none;color:var(--muted-strong);margin:10px 0 0;font-size:11px;line-height:1.7}.join-flow .join-flow-terms{color:var(--muted-strong);margin:0;font-size:11px;line-height:1.7}.join-flow-terms a{text-underline-offset:3px;text-decoration:underline}.join-flow-consent{margin-bottom:16px}.join-flow-charter-toggle{min-height:32px;color:var(--muted-strong);font-family:var(--font-body);font-size:inherit;text-underline-offset:3px;background:0 0;align-items:center;gap:6px;padding:5px 0;text-decoration:underline;display:inline-flex}.join-flow-charter-toggle>svg{width:12px;height:12px;transition:transform .15s ease-out}.join-flow-charter-toggle>svg[data-open=true]{transform:rotate(180deg)}.join-flow-charter-pane{background:var(--surface);border-left:2px solid var(--dot);max-height:220px;margin-top:8px;padding:14px;overflow-y:auto}.join-flow-or{color:var(--muted-strong);align-items:center;gap:12px;margin:17px 0;font-size:11px;display:flex}.join-flow-or:before,.join-flow-or:after{content:"";background:var(--hairline);flex:1;height:1px}.join-flow .join-flow-email-feedback{color:var(--ok);align-items:flex-start;gap:5px;font-size:12px;display:flex}.join-flow-email-feedback>svg{flex-shrink:0;width:14px;height:14px;margin-top:2px}.join-flow-footer{background:var(--bg);flex-shrink:0;padding:16px 32px 20px;position:relative}.join-flow-actions{align-items:center;gap:14px;min-height:46px;display:flex}.join-flow .join-flow-continue{min-height:46px;padding:12px 20px;font-size:14px}.join-flow-key-hint{color:var(--muted-strong);font-size:11px}.join-flow-progress{color:var(--muted-strong);font-family:var(--font-mono);white-space:nowrap;font-size:10px;position:absolute;top:55px;right:18px}.join-flow-footer[data-auth-step=true] .join-flow-footer-meta{margin-top:0}.join-flow-footer-meta{border-top:1px solid var(--hairline);color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:9px;font-size:11px;display:flex}.join-flow-footer-meta>span>button{min-height:36px;color:var(--fg);text-underline-offset:3px;padding:5px 0;text-decoration:underline}.join-flow .join-flow-back{background:0 0;border-radius:0;height:auto;min-height:36px;padding:5px 0;font-size:11px;font-weight:400}.join-flow .join-flow-back>svg{width:12px;height:12px}.join-flow-back[data-first=true]{visibility:hidden}.join-flow-progress-line{background:var(--hairline);height:2px;position:absolute;bottom:0;left:0;right:0}.join-flow-progress-line>span{background:var(--fg);height:100%;transition:width var(--join-motion) var(--join-ease);display:block}.join-flow button:focus-visible,.join-flow a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}@media (max-width:600px){.join-flow .join-flow-header{padding:22px 64px 32px 20px}.join-flow .join-flow-title{font-size:clamp(16px,4.7vw,20px)}.join-flow-body{padding-left:20px;padding-right:20px}.join-flow-section[data-state=active] .join-flow-section-title{font-size:23px}.join-flow-section[data-state=active]{padding-top:12px;padding-bottom:20px}.join-flow-section[data-state=active] .join-flow-section-heading{height:30px}.join-flow-section[data-state=active]>.join-flow-panel{margin-top:12px}.join-flow-choice{gap:12px;min-height:66px;padding:11px 12px}.join-flow-choice-name{font-size:16px}.join-flow-name-grid{gap:16px}.join-flow .join-flow-input,.join-flow-domain-line{font-size:25px}.join-flow-name-grid .join-flow-input{font-size:22px}.join-flow-footer{padding:12px 20px max(16px, env(safe-area-inset-bottom))}.join-flow-footer-meta{margin-top:14px;padding-top:7px}.join-flow-key-hint{display:none}}@media (max-width:350px){.join-flow-section[data-state=active] .join-flow-section-title{font-size:21px}.join-flow-domain-line{font-size:23px}.join-flow-choice-note{font-size:11px}.join-flow-input-label{flex-wrap:wrap}.join-flow-optional{margin-left:0}}@media (prefers-reduced-motion:reduce){.join-flow *,.join-flow :before,.join-flow :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.join-flow-email{margin-top:16px}.join-flow-or+.join-flow-email{margin-top:0}.join-flow-title-note{font-family:var(--font-body);letter-spacing:0;color:var(--muted-strong);margin-left:8px;font-size:11px;font-weight:400}.join-flow-next-cue{font-family:var(--font-body);color:var(--fg);margin-left:10px;font-size:16px}.join-flow-section[data-next=true] .join-flow-section-heading{cursor:pointer}.join-flow-section[data-next=true] .join-flow-section-heading:hover .join-flow-section-title{color:var(--fg)}