.join-page{min-height:100svh;background:#0b0b0b;color:#f6f5f1}.join-frame{display:flex;flex-direction:column;width:min(100%,620px);min-height:100svh;margin:0 auto;padding:var(--app-header-inset) 20px max(24px,env(safe-area-inset-bottom))}.join-header{position:sticky;top:calc(var(--device-header-offset, 0px) + var(--app-header-inset));z-index:10;display:grid;flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px;background:#0b0b0b;isolation:isolate}.join-header:before{position:absolute;z-index:-1;top:calc(-1 * (var(--device-header-offset, 0px) + var(--app-header-inset)));right:-20px;bottom:0;left:-20px;background:#0b0b0b;content:"";pointer-events:none}.join-header button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:13px;background:#202020;color:#fff;cursor:pointer}.join-header .theme-logo{justify-self:center;width:102px}.join-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-height:0;padding:28px 0}.join-content h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,7vw,38px);font-weight:400;line-height:1.1;letter-spacing:-.045em}.join-content>p{max-width:330px;margin:12px 0 0;color:#a7a7a7;font-size:13px;line-height:1.45}.join-credential-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:30px;padding:4px;border:1px solid #414141;border-radius:14px;background:#171717}.join-credential-choice button{min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#aaa;font-size:13px;cursor:pointer}.join-credential-choice button.is-selected{background:#f6f5f1;color:#111;font-weight:600}.join-pin-label{margin-top:34px;color:#d9d9d9;font-size:12px}.join-credential-choice+.join-pin-label{margin-top:18px}.join-pin-input{width:100%;min-height:64px;margin-top:9px;padding:0 14px 0 27px;border:1px solid #414141;border-radius:16px;outline:none;background:#1d1d1d;color:#fff;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:.42em;text-align:center}.join-pin-input::placeholder{color:#666}.join-pin-input.is-identity{padding:0 16px;font-size:20px;letter-spacing:.04em;text-align:left}.join-pin-input:focus{border-color:#9ed5f6}.join-pin-input[aria-invalid=true]{border-color:#f2a596}.join-error{color:#f2a596}.join-access-status,.join-error,.join-success{margin:10px 0 0;font-size:12px;line-height:1.4}.join-access-status,.join-success{color:#b8dfc5}.join-actions{display:grid;gap:10px;margin-top:18px}.join-actions button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 15px;border-radius:15px;font-size:13px;font-weight:600;cursor:pointer}.join-primary{border:0;background:#f6f5f1;color:#111}.join-secondary{border:1px solid #505050;background:transparent;color:#f6f5f1}.join-actions button:disabled{opacity:.45;cursor:not-allowed}.join-actions button:focus-visible,.join-credential-choice button:focus-visible,.join-header button:focus-visible,.join-pin-input:focus-visible{outline:2px solid #9ed5f6;outline-offset:3px}@media (max-width:340px){.join-frame{padding-right:16px;padding-left:16px}.join-pin-input{font-size:27px;letter-spacing:.36em}}@media (min-width:700px){.join-frame{padding-right:36px;padding-left:36px;border-right:1px solid #202020;border-left:1px solid #202020}.join-header:before{right:-36px;left:-36px}}@media (prefers-color-scheme:light){.join-header,.join-header:before,.join-page{background:#f3f0e8;color:#1b1a17}.join-header button{background:#e5e0d7;color:#1b1a17}.join-content>p,.join-pin-label{color:#625e57}.join-credential-choice{border-color:#bcb5a9;background:#e5e0d7}.join-credential-choice button{color:#625e57}.join-credential-choice button.is-selected{background:#24221f;color:#fff}.join-pin-input{border-color:#bcb5a9;background:#e9e5dc;color:#1b1a17}.join-pin-input::placeholder{color:#807a71}.join-pin-input[aria-invalid=true]{border-color:#a52e25}.join-error{color:#a52e25}.join-access-status,.join-success{color:#315f43}.join-primary{background:#24221f;color:#fff}.join-secondary{border-color:#aaa397;color:#1b1a17}@media (min-width:700px){.join-frame{border-color:#d3cdc2}}}