.auth-modal{--text-body:var(--neutral-ink);--text-strong:var(--neutral-ink);--text-muted:var(--neutral-muted);--border-hairline:var(--neutral-line);--surface-field-muted:var(--neutral-soft);border:1px solid var(--border-hairline);background:var(--surface-card);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text-body);font-family:var(--font-core);box-shadow:none;border-radius:24px;margin:auto;padding:48px 32px 32px;overflow:auto}.auth-modal:has(.auth-back){padding-top:80px}.auth-modal::backdrop{background:#0000006b}.auth-modal[open]{animation:.18s ease-out auth-modal-enter}.auth-modal .pd-auth-wrap{width:100%;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.auth-modal h1{letter-spacing:-.7px;text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:1.25}.auth-modal__close,.auth-back{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:12px}.auth-modal__close{color:var(--text-muted);right:12px}.auth-back{left:12px}.auth-modal__close:hover{color:var(--text-body);background:var(--surface-field-muted)}.auth-modal__close:focus-visible,.auth-back:focus-visible{outline:2px solid var(--text-body);outline-offset:-3px}.auth-options{text-align:center;gap:28px;display:grid}.auth-options__intro{justify-items:center;gap:20px;padding:8px 0 4px;display:grid}.auth-options__brand{width:66px;height:52.3px}.auth-options__buttons{gap:12px;display:grid}.auth-option{border:1px solid var(--border-hairline);background:var(--surface-card);width:100%;min-height:52px;color:var(--text-body);font:600 14px/1.4 var(--font-core);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;transition:background .16s,border-color .16s;display:flex}.auth-option:hover{background:var(--surface-field-muted);border-color:var(--text-muted)}.auth-option--primary{background:var(--text-body);color:var(--surface-card);border-color:var(--text-body)}.auth-option--primary:hover{background:var(--n-700);border-color:var(--n-700)}.auth-option:focus-visible{outline:2px solid var(--text-body);outline-offset:3px}.auth-option svg{flex-shrink:0}.auth-options__terms{color:var(--text-muted);font:400 13px/1.6 var(--font-core);text-wrap:pretty;margin:0}.auth-options__terms a{color:inherit;text-underline-offset:3px;text-decoration:underline}.auth-options__terms a:hover{color:var(--text-body)}.auth-email{gap:28px;display:grid}.auth-email__heading{gap:12px;display:grid}.auth-birthday .auth-email__heading,.auth-email__heading--centered{text-align:center}.auth-email__description{color:var(--text-muted);font:400 15px/1.5 var(--font-core);overflow-wrap:anywhere;text-wrap:pretty;margin:0}.auth-email__description strong{color:var(--text-body);font-weight:500}.auth-email__form{gap:24px;display:grid}.auth-email__otp{min-inline-size:0}.auth-email__resend{border-top:1px solid var(--border-hairline);font:400 13px/1.5 var(--font-core);color:var(--text-muted);gap:8px;padding-top:20px;display:grid}.auth-email__resend p{margin:0}.auth-email__resend form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-email__resend-button{min-height:44px;color:var(--text-body);font:600 14px/1.5 var(--font-core);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.auth-email__resend-button:focus-visible{outline:2px solid var(--text-body);outline-offset:3px}.auth-email button:disabled{cursor:not-allowed;opacity:.5}.auth-modal .pd-field__box{border:1px solid var(--border-hairline);background:var(--surface-field-muted);border-radius:14px;min-height:56px}.auth-modal .pd-field__box input{font:400 16px/1.5 var(--font-core)}.auth-modal .pd-field__label{color:var(--text-body);font-weight:500}.auth-modal .pd-field__box:focus-within,.auth-modal .pd-otp__box:focus{box-shadow:none;outline:2px solid var(--text-body);outline-offset:1px;background:var(--surface-card);border:1px solid #0000}.auth-email .pd-otp{gap:8px;width:100%}.auth-modal .pd-otp__box{background:var(--surface-field-muted);min-width:0;height:56px;font:600 24px/1 var(--font-core);font-variant-numeric:var(--money-numeric);caret-color:var(--text-body);border-radius:12px}.auth-modal .pd-banner{border-radius:12px;gap:8px;padding:12px;font-size:13px;line-height:1.5}.auth-birthday__fields{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid;position:relative}.auth-birthday__fields:disabled{opacity:.65}.auth-birthday__segment{border:1px solid var(--border-hairline);background:var(--surface-field-muted);cursor:text;border-radius:14px;gap:8px;min-width:0;padding:12px;transition:border-color .16s,background .16s;display:grid}.auth-birthday__segment>span{color:var(--text-muted);font:500 12px/1.4 var(--font-core)}.auth-birthday__segment:focus-within{background:var(--surface-card);outline:2px solid var(--text-body);outline-offset:1px;border-color:#0000}.auth-birthday__segment input{width:100%;min-width:0;color:var(--text-body);font:500 16px/1.5 var(--font-core);font-variant-numeric:var(--money-numeric);background:0 0;border:0;border-radius:0;outline:none;padding:0}.auth-birthday__segment input::placeholder{color:var(--text-muted);opacity:1}.auth-month{display:contents}.auth-month__trigger{text-align:left;cursor:pointer;width:100%;height:100%}.auth-month__trigger:hover{background:var(--surface-card);border-color:var(--text-muted)}.auth-month__trigger>.auth-month__value{color:var(--text-body);font:500 16px/1.5 var(--font-core);justify-content:space-between;align-items:center;gap:4px;display:flex}.auth-month__value>span{text-overflow:ellipsis;overflow:hidden}.auth-month__value svg{flex-shrink:0;transition:transform .16s}.auth-month__trigger[aria-expanded=true] .auth-month__value svg{transform:rotate(180deg)}.auth-month__menu{border:1px solid var(--border-hairline);background:var(--surface-field-muted);border-radius:16px;order:4;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px;display:grid}.auth-month__menu button{min-width:0;min-height:44px;color:var(--text-body);font:500 13px/1.4 var(--font-core);cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;border-radius:8px;padding:8px 2px;transition:background .16s}.auth-month__menu button:hover{background:var(--surface-card)}.auth-month__menu button[aria-selected=true]{background:var(--text-body);color:var(--surface-card);font-weight:600}.auth-month__menu button:focus-visible{outline:2px solid var(--text-body);outline-offset:-2px}@keyframes auth-modal-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-modal{padding:48px 24px 28px}.auth-birthday__segment{padding:12px 10px}}@media (prefers-reduced-motion:reduce){.auth-modal[open]{animation:none}.auth-modal *,.auth-modal :before,.auth-modal :after{transition:none}}