html:not(.native-shell) #authOverlay.active{display:grid!important;grid-template-columns:minmax(440px,.62fr) minmax(0,1fr);align-items:stretch;justify-items:center;padding:calc(var(--landing-header-height) + var(--landing-safe-top)) 0 0}html:not(.native-shell) #authOverlay .auth-page-header{border-bottom:1px solid var(--public-hairline)}html:not(.native-shell) #authOverlay .auth-white-card{display:flex;flex-direction:column;width:min(100%,420px)!important;min-height:calc(100vh - var(--landing-header-height) - var(--landing-safe-top));min-height:calc(100dvh - var(--landing-header-height) - var(--landing-safe-top));padding:clamp(24px,5vh,48px) 16px max(64px,var(--landing-safe-bottom));color:var(--public-body)}html:not(.native-shell) #authOverlay .auth-form-container{display:flex;flex:1 1 auto;flex-direction:column}html:not(.native-shell) #authOverlay .auth-form.active{flex:1 1 auto;gap:18px}html:not(.native-shell) #authOverlay:has(#emailVerifyForm.active) .auth-card-header{display:none}html:not(.native-shell) #authOverlay .auth-tab-row{display:none!important}.auth-visual{display:none}html:not(.native-shell) #authOverlay .auth-visual{position:relative;display:flex;justify-content:center;width:100%;border-left:1px solid var(--public-hairline);background:var(--public-surface-soft);overflow:hidden}html:not(.native-shell) #authOverlay .auth-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--public-ink) 20%,transparent) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);pointer-events:none}html:not(.native-shell) #authOverlay .auth-visual-inner{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;height:calc(100vh - var(--landing-header-height) - var(--landing-safe-top));height:calc(100dvh - var(--landing-header-height) - var(--landing-safe-top));padding:32px 24px}.auth-phone{position:relative;width:min(290px,24vw)}.auth-phone:after{content:"";position:absolute;left:50%;bottom:-26px;z-index:-1;width:80%;height:40px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);filter:blur(4px)}.auth-phone-device{position:relative;padding:9px;border:2.5px solid transparent;border-radius:52px;background:linear-gradient(#030304,#030304) padding-box,linear-gradient(150deg,#9a98a0,#4a4950 14%,#2c2b30 30%,#6e6c74,#2a292e,#56545b 84%,#a09ea6) border-box;box-shadow:0 1px 1px #00000059,0 24px 48px -14px #0000008c,0 60px 110px -30px #00000059}.auth-phone-device:before{content:"";position:absolute;top:25%;right:-5px;width:3px;height:11%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#4a4950,#8c8a92 60%,#3a393f)}.auth-phone-device:after{content:"";position:absolute;top:17%;left:-5px;width:3px;height:25%;border-radius:3px 0 0 3px;background:linear-gradient(180deg,#77757d 0 18%,transparent 18% 30%,#77757d 30% 62%,transparent 62% 70%,#77757d 70% 100%)}.auth-phone-screen{position:relative;overflow:hidden;aspect-ratio:1206 / 2622;border-radius:42px;background:#0d0b14}.auth-phone-screen:after{content:"";position:absolute;top:1.6%;left:50%;z-index:2;width:31%;height:4.1%;border-radius:999px;background:#000;transform:translate(-50%)}.auth-phone-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.auth-phone-screen img.is-on{opacity:1;transform:none}.auth-visual-caption{position:relative;max-width:32ch;min-height:2.6em;margin:0;color:var(--public-muted);font-size:14px;text-align:center}@media(max-width:900px){html:not(.native-shell) #authOverlay.active{grid-template-columns:minmax(0,1fr)}html:not(.native-shell) #authOverlay .auth-visual{display:none}}.auth-web-head,.auth-web-steps,.auth-web-next,.auth-web-foot,.auth-stay-note{display:none}html:not(.native-shell) #authOverlay .auth-web-head{display:block}html:not(.native-shell) #authOverlay .auth-web-head h1{margin:0;color:var(--public-ink);font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}html:not(.native-shell) #authOverlay .auth-web-head p{margin:8px 0 0;color:var(--public-body);font-size:16px;line-height:1.5}html:not(.native-shell) #authOverlay .auth-web-mail{display:inline-flex;max-width:100%;padding:3px 12px;overflow:hidden;border:1px solid var(--public-hairline);border-radius:999px;background:var(--public-surface-soft);color:var(--public-ink);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}html:not(.native-shell) #authOverlay .auth-web-steps{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}html:not(.native-shell) #authOverlay .auth-web-back{display:inline-flex;align-items:center;gap:4px;padding:6px 4px;border:0;border-radius:8px;background:none;color:var(--public-muted);font-size:14px;font-weight:500;cursor:pointer}html:not(.native-shell) #authOverlay .auth-web-back:hover{color:var(--public-ink)}html:not(.native-shell) #authOverlay .auth-web-back svg{width:16px;height:16px}html:not(.native-shell) #authOverlay .auth-web-dots{display:flex;gap:6px}html:not(.native-shell) #authOverlay .auth-web-dots i{width:22px;height:4px;border-radius:4px;background:var(--public-hairline);transition:background .3s,width .3s}html:not(.native-shell) #authOverlay .auth-web-dots i.on{width:32px;background:var(--public-accent)}html:not(.native-shell) #authOverlay .auth-web-dots i.done{background:var(--public-ink)}html:not(.native-shell) #authOverlay #registerForm.active>.auth-web-steps~:not(.web-step-off):not([hidden]):first-of-type,html:not(.native-shell) #authOverlay #registerForm.active>.auth-web-head:not(.web-step-off),html:not(.native-shell) #authOverlay #emailVerifyForm.active>.auth-web-head{margin-top:auto!important}html:not(.native-shell) #authOverlay #registerForm.active>:last-child,html:not(.native-shell) #authOverlay #emailVerifyForm.active>:last-child{margin-bottom:auto!important}html:not(.native-shell) #authOverlay #registerForm .web-step-off{display:none!important}html:not(.native-shell) #authOverlay #registerForm.web-step-anim>:not(.auth-web-steps){animation:auth-web-step-in .45s cubic-bezier(.2,.7,.2,1)}@keyframes auth-web-step-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}html:not(.native-shell) #authOverlay .auth-web-next{display:inline-flex}html:not(.native-shell) #authOverlay .auth-web-foot,html:not(.native-shell) #authOverlay #loginForm>p:last-child{display:block;margin:0;color:var(--public-muted);font-size:14px;font-weight:400;text-align:center}html:not(.native-shell) #authOverlay .auth-web-foot button{border:0;background:none;color:var(--public-accent);font-weight:500;cursor:pointer}html:not(.native-shell) #authOverlay .auth-stay-note{display:block;margin:0;color:var(--public-muted);font-size:13px;line-height:1.5}html:not(.native-shell) #authOverlay #loginForm>.auth-web-head{order:-10}html:not(.native-shell) #authOverlay #loginForm>#loginConfirmationNotice{order:-9}html:not(.native-shell) #authOverlay #loginForm #googleLoginBtn{order:-8}html:not(.native-shell) #authOverlay #loginForm #appleLoginBtn{order:-7}html:not(.native-shell) #authOverlay #loginForm>.auth-passkey-divider{order:-6}html:not(.native-shell) #authOverlay #loginForm #passkeyLoginBtn{order:1}html:not(.native-shell) #authOverlay #loginForm>.auth-stay-note{order:2}html:not(.native-shell) #authOverlay #loginForm>p:last-child{order:3}html:not(.native-shell) #authOverlay .auth-login-forgot-row{margin-top:-8px!important;padding:0!important}html:not(.native-shell) #authOverlay .auth-provider-row{display:contents!important}html:not(.native-shell) #authOverlay .auth-provider-row .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-provider-row .auth-passkey-btn{flex:0 0 auto!important;gap:10px!important;width:100%!important;height:auto!important;padding:0 20px!important}html:not(.native-shell) #authOverlay .auth-provider-row .auth-provider-label,html:not(.native-shell) #authOverlay .auth-provider-row .auth-passkey-btn span:not(.auth-provider-spinner){display:inline!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important}html:not(.native-shell) #authOverlay label:not(.auth-passkey-option):not([for=registerTermsAccepted]){margin:0 0 8px!important;color:var(--public-ink)!important;font-size:14px!important;font-weight:500!important}html:not(.native-shell) #authOverlay input[type=text]:not(.otp-input-field),html:not(.native-shell) #authOverlay input[type=email],html:not(.native-shell) #authOverlay input[type=password]{min-height:52px;padding:0 16px!important;border:1px solid var(--public-hairline)!important;border-radius:12px!important;background:var(--public-surface-raised)!important;font-size:16px!important;transition:border-color .2s,box-shadow .2s}html:not(.native-shell) #authOverlay input[type=text]:not(.otp-input-field):hover,html:not(.native-shell) #authOverlay input[type=email]:hover,html:not(.native-shell) #authOverlay input[type=password]:hover{border-color:var(--public-border-strong)!important}html:not(.native-shell) #authOverlay input:not(.otp-input-field):focus{border-color:var(--public-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--public-accent) 18%,transparent)}html:not(.native-shell) #authOverlay input[aria-invalid=true]{border-color:var(--public-danger)!important}html:not(.native-shell) #authOverlay #registerEmailFeedback{margin:6px 0 0!important;color:var(--public-danger)!important;font-size:13px!important;font-weight:400!important}html:not(.native-shell) #authOverlay #registerEmailFeedback:empty{display:none}html:not(.native-shell) #authOverlay .btn,html:not(.native-shell) #authOverlay .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-passkey-btn{min-height:52px!important;border-radius:12px!important;font-size:16px!important}html:not(.native-shell) #authOverlay .btn-primary:disabled{opacity:.45;cursor:not-allowed}html:not(.native-shell) #authOverlay .auth-password-requirements{padding:0!important;border:0!important;background:none!important}html:not(.native-shell) #authOverlay .auth-password-requirements-title{display:none}html:not(.native-shell) #authOverlay .auth-password-requirements-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:13px}html:not(.native-shell) #authOverlay .auth-email-verify-content{align-items:stretch!important;text-align:left!important}html:not(.native-shell) #authOverlay .auth-email-verify-icon{display:none!important}html:not(.native-shell) #authOverlay .auth-email-verify-lead{margin:-6px 0 0!important;text-align:left!important}html:not(.native-shell) #authOverlay .auth-email-verify-resend,html:not(.native-shell) #authOverlay .auth-email-verify-back{text-align:center}html:not(.native-shell) #authOverlay .otp-input{align-self:center;width:100%;max-width:288px;margin-inline:auto}html:not(.native-shell) #authOverlay .otp-slot{aspect-ratio:3 / 4;min-height:0;border-color:var(--public-hairline);border-radius:10px;background:var(--public-surface-raised);font-size:20px}@media(max-width:560px){html:not(.native-shell) #authOverlay .otp-input{max-width:none}html:not(.native-shell) #authOverlay .otp-input-slots{gap:10px}html:not(.native-shell) #authOverlay .otp-slot{aspect-ratio:auto;height:56px}}html:not(.native-shell) #authOverlay .band-invite-auth-notice[data-state=active]{padding:0 0 20px!important;border:0!important;border-bottom:1px solid var(--public-hairline)!important;border-radius:0!important;background:none!important}html:not(.native-shell) #authOverlay .band-invite-auth-notice[data-state=active] .band-invite-auth-notice-copy strong{display:block;margin-top:4px;color:var(--public-ink);font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.03em;line-height:1.15}@media(max-width:900px){html:not(.native-shell) #authOverlay .auth-white-card{width:min(100%,400px)!important;padding:16px 16px max(40px,var(--landing-safe-bottom))}html:not(.native-shell) #authOverlay .auth-form.active{gap:12px}html:not(.native-shell) #authOverlay .auth-web-head h1{font-size:22px}html:not(.native-shell) #authOverlay .auth-web-head p{margin-top:4px;font-size:14px}html:not(.native-shell) #authOverlay label:not(.auth-passkey-option):not([for=registerTermsAccepted]){margin-bottom:6px!important;font-size:13px!important}html:not(.native-shell) #authOverlay input[type=text]:not(.otp-input-field),html:not(.native-shell) #authOverlay input[type=email],html:not(.native-shell) #authOverlay input[type=password],html:not(.native-shell) #authOverlay .btn,html:not(.native-shell) #authOverlay .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-passkey-btn{min-height:42px!important;border-radius:10px!important}html:not(.native-shell) #authOverlay input[type=text]:not(.otp-input-field),html:not(.native-shell) #authOverlay input[type=email],html:not(.native-shell) #authOverlay input[type=password]{padding:0 12px!important}html:not(.native-shell) #authOverlay .btn,html:not(.native-shell) #authOverlay .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-passkey-btn{padding-block:0!important;font-size:14px!important}html:not(.native-shell) #authOverlay .password-toggle-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:10px!important}html:not(.native-shell) #authOverlay .auth-page-back{gap:4px;min-height:36px;padding:6px 12px 6px 9px;border-radius:10px;font-size:14px}html:not(.native-shell) #authOverlay .auth-page-back svg{width:16px;height:16px}html:not(.native-shell) #authOverlay .auth-login-forgot-row button,html:not(.native-shell) #authOverlay .auth-passkey-divider,html:not(.native-shell) #authOverlay .auth-stay-note,html:not(.native-shell) #authOverlay #loginForm>p:last-child{font-size:13px!important}}@media(min-width:901px)and (pointer:fine){html:not(.native-shell) #authOverlay .auth-white-card{width:min(100%,360px)!important}html:not(.native-shell) #authOverlay .auth-form.active{gap:14px}html:not(.native-shell) #authOverlay .auth-web-head h1{font-size:26px}html:not(.native-shell) #authOverlay .auth-web-head p{margin-top:6px;font-size:14px}html:not(.native-shell) #authOverlay label:not(.auth-passkey-option):not([for=registerTermsAccepted]){margin-bottom:6px!important;font-size:13px!important}html:not(.native-shell) #authOverlay input[type=text]:not(.otp-input-field),html:not(.native-shell) #authOverlay input[type=email],html:not(.native-shell) #authOverlay input[type=password]{min-height:40px;padding:0 12px!important;border-radius:10px!important;font-size:14px!important}html:not(.native-shell) #authOverlay .btn,html:not(.native-shell) #authOverlay .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-passkey-btn{min-height:40px!important;padding-block:0!important;border-radius:10px!important;font-size:14px!important}html:not(.native-shell) #authOverlay .auth-provider-row .auth-provider-btn,html:not(.native-shell) #authOverlay .auth-provider-row .auth-passkey-btn{padding:0 16px!important}html:not(.native-shell) #authOverlay .password-toggle-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:10px!important}html:not(.native-shell) #authOverlay .password-toggle-btn svg{width:18px;height:18px}html:not(.native-shell) #authOverlay .auth-page-back{gap:6px;min-height:40px;padding:9px 16px 9px 12px;border-radius:10px;font-size:14px}html:not(.native-shell) #authOverlay .auth-page-back svg{width:16px;height:16px}html:not(.native-shell) #authOverlay .auth-login-forgot-row button,html:not(.native-shell) #authOverlay .auth-passkey-divider,html:not(.native-shell) #authOverlay .auth-stay-note,html:not(.native-shell) #authOverlay #loginForm>p:last-child{font-size:13px!important}}@media(prefers-reduced-motion:reduce){html:not(.native-shell) #authOverlay #registerForm.web-step-anim>:not(.auth-web-steps),.auth-phone-screen img{animation:none;transition:none}}html.native-shell #authOverlay .auth-web-head,html.native-shell #authOverlay .auth-web-steps,html.native-shell #authOverlay .auth-web-next,html.native-shell #authOverlay .auth-web-foot,html.native-shell #authOverlay .auth-stay-note,html.native-shell #authOverlay .auth-visual{display:none!important}