.join-wrap{min-height:100dvh;display:grid;place-items:start center;padding:20px 18px 56px;background:var(--sp-shell,#f3ede4);color:var(--ink,#0b1020)}@media (min-height:760px){.join-wrap{place-items:center}}.join-card{width:100%;max-width:440px;background:#fff;border:1px solid rgba(11,16,32,.1);border-radius:16px;box-shadow:0 1px 2px rgba(11,30,61,.04),0 12px 34px rgba(11,30,61,.1);padding:30px 26px 24px}.join-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:600;color:var(--muted,#63665e);text-decoration:none}.join-back:hover,.join-brand{color:var(--electric-ink,#476fb7)}.join-brand{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none}.join-card h1{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.01em;font-weight:700}.join-lede{margin:0 0 22px;font-size:14.5px;line-height:1.55}.join-label,.join-lede{color:var(--muted,#63665e)}.join-label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.join-label-spaced{margin-top:16px}.join-input{width:100%;min-height:48px;padding:11px 13px;border:1.5px solid rgba(11,16,32,.3);border-radius:10px;background:var(--sp-paper,#fffdf9);color:var(--ink,#0b1020);font:inherit;font-size:16px;outline:none}.join-input::placeholder{color:#6b7789;opacity:1}.join-input:focus{border-color:var(--electric-ink,#476fb7);box-shadow:0 0 0 3px rgba(71,111,183,.16)}.join-input:disabled{opacity:.65}.join-kicker{display:block;margin-bottom:13px;color:var(--electric-ink,#476fb7);font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.join-sent-mark{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:#eaf1ff;color:var(--electric-ink,#476fb7)}.join-code{width:100%;min-height:62px;padding:8px 14px;border:1.5px solid rgba(11,16,32,.2);border-radius:6px;background:#fff;color:var(--ink,#0b1020);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:600;letter-spacing:.22em;text-align:center;text-transform:uppercase;outline:none}.join-code::placeholder{color:rgba(11,16,32,.22);letter-spacing:.22em}.join-code:focus{border-color:var(--electric-ink,#476fb7);box-shadow:0 0 0 3px rgba(71,111,183,.16)}.join-code:disabled{opacity:.65}.join-go{margin-top:14px;width:100%;min-height:var(--ctl-h-lg);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--ctl-r);background:var(--ink,#0b1020);color:#fff;font-size:15px;font-weight:650;cursor:pointer}.join-go:disabled{opacity:.4;cursor:default}.join-error,.join-welcome{margin:14px 0 0;padding:10px 12px;border-radius:5px;font-size:14px;line-height:1.5}.join-error{background:rgba(176,42,16,.08);color:var(--vermilion-ink,#b02a10);font-weight:550}.join-welcome{background:rgba(71,111,183,.09);color:var(--electric-ink,#476fb7);font-weight:550}.join-foot{margin:22px 0 0;padding-top:16px;border-top:1px solid rgba(11,16,32,.1);font-size:13px;line-height:1.6;color:var(--muted,#63665e)}.join-foot a{color:var(--electric-ink,#476fb7);text-decoration:underline;text-underline-offset:2px}@media (prefers-color-scheme:dark){.join-wrap{background:var(--slate,#10182b);color:#eef1f6}.join-card{background:var(--steel,#17243b);border-color:var(--line-dark,#293753)}.join-foot,.join-label,.join-lede{color:#9fb0c8}.join-code,.join-input{background:#0e1729;color:#eef1f6;border-color:var(--line-dark,#293753)}.join-code::placeholder{color:rgba(238,241,246,.24)}.join-go{background:var(--electric,#8fb7ff);color:#0b1020}.join-error{background:rgba(240,91,64,.14);color:#ff9d86}.join-welcome{background:rgba(143,183,255,.14);color:#b7cfff}.join-foot{border-top-color:var(--line-dark,#293753)}.join-back,.join-brand,.join-foot a{color:var(--electric,#8fb7ff)}}