#v3-join{--v3-night:#17150f;--v3-night-ink:#efe8da;--v3-night-dim:#a39b8b;min-height:100svh;color:var(--v3-ink);background:var(--v3-paper);font-family:var(--v3-sans);-webkit-font-smoothing:antialiased;grid-template-columns:minmax(0,1.08fr) minmax(420px,1fr);display:grid}#v3-join *{box-sizing:border-box}#v3-join .v3-join-story{color:var(--v3-night-ink);background:radial-gradient(900px 600px at 85% 110%, #b4441e38, transparent 60%), radial-gradient(700px 500px at -10% -10%, #efe8da12, transparent 60%), var(--v3-night);align-items:center;padding:clamp(40px,7vw,96px);display:grid;position:relative;overflow:hidden}#v3-join .v3-join-story:after{content:"";pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}#v3-join .v3-join-story-inner{z-index:1;max-width:560px;position:relative}#v3-join .v3-join-source{color:var(--v3-night-dim);font:500 12px/1.3 var(--v3-sans);letter-spacing:.12em;text-transform:uppercase;animation:v3-fade .9s var(--v3-ease) both;margin:0 0 28px}#v3-join .v3-join-source i{font-family:var(--v3-serif);letter-spacing:.02em;text-transform:none}#v3-join .v3-join-passage{font:400 clamp(24px, 2.6vw, 34px)/1.5 var(--v3-serif);letter-spacing:-.012em;text-wrap:pretty;animation:v3-fade .9s .12s var(--v3-ease) both;margin:0}#v3-join .v3-join-passage mark{color:inherit;animation:v3-join-ink .9s 1.1s var(--v3-ease) forwards;background:linear-gradient(90deg,#e37a52,#e37a52) 0 100%/0% 2px no-repeat;padding-bottom:3px}@keyframes v3-join-ink{to{background-color:#e37a5224;background-size:100% 2px}}#v3-join .v3-join-assist{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;width:min(420px,100%);animation:v3-rise .7s 1.9s var(--v3-ease) forwards;background:#efe8da0f;border:1px solid #efe8da1f;border-radius:16px;gap:8px;margin:26px 0 0;padding:18px 20px 20px;display:grid;transform:translateY(10px);box-shadow:0 20px 50px #00000059}#v3-join .v3-join-assist span{color:#e9a283;font:600 11px/1.2 var(--v3-sans);letter-spacing:.12em}#v3-join .v3-join-assist p{font:400 20px/1.45 var(--v3-serif);margin:0}#v3-join .v3-join-motto{color:var(--v3-night-dim);font:400 17px/1.4 var(--v3-serif);animation:v3-fade .9s 2.4s var(--v3-ease) both;margin:56px 0 0}#v3-join .v3-join-motto em{color:var(--v3-night-ink);font-style:italic}#v3-join .v3-join-panel{background:var(--v3-paper);grid-template-rows:auto 1fr auto;padding:32px clamp(28px,5vw,72px);display:grid}#v3-join .v3-join-brand{color:inherit;justify-self:start;text-decoration:none}#v3-join .v3-join-brand .inline-brand-lockup{align-items:center;gap:10px;display:inline-flex}#v3-join .v3-join-brand .inline-brand-lockup,#v3-join .v3-join-brand .inline-brand-word{color:var(--v3-ink);font:600 24px/1 var(--v3-serif);letter-spacing:-.03em}#v3-join .v3-join-brand .inline-brand-symbol{--in-brand-ground:var(--v3-ink);--in-brand-page:var(--v3-paper);--in-brand-line:var(--v3-accent);width:28px;height:28px}#v3-join .v3-join-form-wrap{width:min(400px,100%);animation:v3-rise .6s var(--v3-ease) both;align-self:center;margin:0 auto;padding:48px 0}#v3-join h1{color:var(--v3-ink);font:500 clamp(34px, 3.4vw, 44px)/1.1 var(--v3-serif);letter-spacing:-.025em;margin:0 0 36px}#v3-join .v3-join-form{gap:14px;display:grid}#v3-join .v3-join-label{color:var(--v3-ink-2);font:500 14px/1.2 var(--v3-sans);justify-content:space-between;align-items:center;gap:12px;display:flex}#v3-join .v3-join-prefilled{color:var(--v3-success);font:600 13px/1 var(--v3-sans);animation:v3-fade .4s var(--v3-ease) both;align-items:center;gap:4px;display:inline-flex}#v3-join .v3-join-prefilled svg{width:15px;height:15px}#v3-join #invite-code{border:1.5px solid var(--v3-rule-strong);width:100%;height:64px;color:var(--v3-ink);background:var(--v3-sheet);box-shadow:var(--v3-shadow-sm);font:500 24px/1 var(--v3-mono);letter-spacing:.14em;text-align:center;text-transform:uppercase;transition:border-color var(--v3-fast) var(--v3-ease), box-shadow var(--v3-fast) var(--v3-ease);border-radius:16px;outline:0;padding:0 20px}#v3-join #invite-code::placeholder{color:var(--v3-ink-3);opacity:.45;letter-spacing:.14em}#v3-join #invite-code:focus{border-color:var(--v3-accent);box-shadow:0 0 0 4px var(--v3-accent-soft)}#v3-join #invite-code[aria-invalid=true]{border-color:var(--v3-danger)}#v3-join .v3-join-error{color:var(--v3-danger);background:var(--v3-danger-soft);font:500 14px/1.55 var(--v3-sans);border-radius:12px;margin:0;padding:12px 14px}#v3-join .v3-join-submit{width:100%;height:56px;color:var(--v3-button-ink);background:var(--v3-button);font:600 16px/1 var(--v3-sans);letter-spacing:.02em;cursor:pointer;transition:background var(--v3-fast) var(--v3-ease), transform var(--v3-fast) var(--v3-ease), box-shadow var(--v3-fast) var(--v3-ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}#v3-join .v3-join-submit svg{width:18px;height:18px;transition:transform var(--v3-fast) var(--v3-ease)}#v3-join .v3-join-submit:hover{background:var(--v3-button-hover);box-shadow:var(--v3-shadow-md)}#v3-join .v3-join-submit:hover svg{transform:translate(3px)}#v3-join .v3-join-submit:active{transform:translateY(1px)}#v3-join .v3-join-submit[data-submitting]{opacity:.7;pointer-events:none}#v3-join .v3-join-consent{color:var(--v3-ink-3);font:400 13px/1.6 var(--v3-sans);text-align:center;margin:4px 0 0}#v3-join .v3-join-consent a{color:var(--v3-ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--v3-rule-strong);text-decoration-color:var(--v3-rule-strong);text-underline-offset:3px}#v3-join .v3-join-native-reset{border-top:1px solid var(--v3-rule);color:var(--v3-ink-2);gap:10px;margin-top:28px;padding-top:20px;font-size:14px;line-height:1.6;display:grid}#v3-join .v3-join-native-reset p{margin:0}#v3-join .v3-join-native-reset button{border:1px solid var(--v3-rule-strong);min-height:40px;color:var(--v3-ink);font:500 14px/1 var(--v3-sans);cursor:pointer;background:0 0;border-radius:999px;justify-self:start;padding:0 16px}#v3-join .v3-join-legal{color:var(--v3-ink-3);font:500 13px/1 var(--v3-sans);justify-content:center;gap:10px;display:flex}#v3-join .v3-join-legal a{color:inherit;text-decoration:none}#v3-join .v3-join-legal a:hover{color:var(--v3-ink)}@media (max-width:900px){#v3-join{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}#v3-join .v3-join-panel{order:-1;min-height:auto;padding:20px 22px 28px}#v3-join .v3-join-form-wrap{padding:40px 0 36px}#v3-join h1{margin-bottom:28px;font-size:34px}#v3-join .v3-join-story{padding:44px 24px 52px}#v3-join .v3-join-passage{font-size:22px}#v3-join .v3-join-assist p{font-size:18px}#v3-join .v3-join-motto{margin-top:36px}}@media (max-width:420px){#v3-join #invite-code{letter-spacing:.1em;height:58px;font-size:20px}}#v3-join :focus-visible{box-shadow:none}#v3-join #invite-code:focus-visible{box-shadow:0 0 0 4px var(--v3-accent-soft)}#v3-join .v3-join-agree{color:var(--v3-ink-2);font:400 14px/1.65 var(--v3-sans);cursor:pointer;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;margin:6px 0 2px;display:grid;position:relative}#v3-join .v3-join-agree input{opacity:0;cursor:pointer;width:22px;height:22px;margin:0;position:absolute;top:2px;left:0}#v3-join .v3-join-agree-box{border:1.5px solid var(--v3-rule-strong);color:#0000;background:var(--v3-sheet);width:22px;height:22px;transition:background var(--v3-fast) var(--v3-ease), border-color var(--v3-fast) var(--v3-ease), color var(--v3-fast) var(--v3-ease);border-radius:6px;place-items:center;margin-top:1px;display:grid}#v3-join .v3-join-agree-box svg{width:14px;height:14px}#v3-join .v3-join-agree input:checked+.v3-join-agree-box{border-color:var(--v3-ink);color:var(--v3-button-ink);background:var(--v3-ink)}#v3-join .v3-join-agree input:focus-visible+.v3-join-agree-box{outline:2px solid var(--v3-accent);outline-offset:2px}#v3-join .v3-join-agree-text a{color:var(--v3-ink);text-decoration:underline;-webkit-text-decoration-color:var(--v3-rule-strong);text-decoration-color:var(--v3-rule-strong);text-underline-offset:3px;font-weight:500}#v3-join .v3-join-agree-text a:hover{-webkit-text-decoration-color:var(--v3-ink);text-decoration-color:var(--v3-ink)}#v3-join .v3-join-submit:disabled{opacity:.35;cursor:default;box-shadow:none}#v3-join .v3-join-submit:disabled:hover{background:var(--v3-button)}#v3-join .v3-join-submit:disabled svg{transform:none}
