.auth-phone-methods { display:flex; justify-content:center; gap:20px; position:relative; z-index:1; }
.auth-phone-methods button { border:0; border-bottom:1px solid transparent; padding:8px 0; background:transparent; color:rgba(234,243,240,.6); font:500 12px 'Noto Sans SC',sans-serif; cursor:pointer; }
.auth-phone-methods button[aria-pressed="true"] { color:#8BE8CB; border-bottom-color:rgba(139,232,203,.65); }
.auth-phone-methods button:disabled, .auth-phone-eye:disabled { opacity:.5; cursor:default; }
.auth-phone-eye { display:grid; place-items:center; min-width:28px; min-height:28px; }
.auth-phone-code-field.has-send input { padding-right:120px; }
.auth-phone-send.send { max-width:112px; padding:0 10px; }
.auth-phone-field, .auth-phone-code-field { min-width:0; }
.auth-phone-account-types { display:flex; justify-content:flex-end; gap:12px; }
.auth-phone-account-types button, .auth-phone-link { border:0; background:transparent; color:rgba(139,232,203,.85); padding:2px 0; font:inherit; font-size:12px; cursor:pointer; }
.auth-phone-account-types button { color:rgba(234,243,240,.6); }
.auth-phone-account-types button[aria-pressed="true"] { color:#8BE8CB; text-decoration:underline; text-underline-offset:4px; }
.auth-phone-link:focus-visible, .auth-phone-account-types button:focus-visible { outline:2px solid #8BE8CB; outline-offset:3px; }
.auth-phone-reset-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#EAF3F0; font-size:14px; }
.auth-phone-help { margin:0; font-size:12px; line-height:1.65; color:rgba(234,243,240,.66); }
.auth-phone-error { color:rgba(255,168,146,.94); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.auth-phone-note { color:rgba(139,232,203,.85); font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.auth-phone-methods button:focus-visible, .auth-phone-eye:focus-visible, .auth-phone-send:focus-visible, .phone-auth-captcha-close:focus-visible, .phone-auth-captcha-trigger:focus-visible { outline:2px solid #8BE8CB; outline-offset:3px; }
.phone-auth-captcha-mask { position:fixed; inset:0; z-index:160; display:grid; place-items:center; padding:20px 16px; box-sizing:border-box; background:rgba(15,20,19,.72); backdrop-filter:blur(10px); }
.phone-auth-captcha-panel { position:relative; box-sizing:border-box; width:min(420px,100%); max-height:calc(100dvh - 40px); overflow:auto; min-width:0; padding:26px 24px; border:1px solid rgba(139,232,203,.28); border-radius:22px; background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#121816; color:#EAF3F0; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.phone-auth-captcha-panel h2 { margin:0 24px 12px 0; font:600 18px/1.5 'Noto Sans SC',sans-serif; }
.phone-auth-captcha-panel p { margin:0 0 16px; font:12px/1.7 'Noto Sans SC',sans-serif; color:rgba(234,243,240,.72); overflow-wrap:anywhere; }
.phone-auth-captcha-close { position:absolute; right:12px; top:12px; width:32px; height:32px; border:0; background:transparent; color:rgba(234,243,240,.75); font-size:20px; cursor:pointer; }
.phone-auth-captcha-host { min-width:0; max-width:100%; }
.phone-auth-captcha-trigger { width:100%; min-height:44px; border:1px solid rgba(139,232,203,.4); border-radius:999px; background:rgba(139,232,203,.08); color:#8BE8CB; font:500 13px 'Noto Sans SC',sans-serif; cursor:pointer; }
.phone-auth-captcha-trigger:hover:not(:disabled) { background:rgba(139,232,203,.16); }
.phone-auth-captcha-trigger:disabled { opacity:.5; cursor:default; }
.phone-auth-captcha-panel .phone-auth-captcha-status { margin:12px 0 0; }
.phone-auth-captcha-panel .phone-auth-captcha-error { margin:12px 0 0; color:rgba(255,168,146,.94); }
@media (max-width:360px) {
  .auth-phone-code-field.has-send input { padding-right:108px; }
  .auth-phone-send.send { max-width:100px; padding:0 7px; font-size:10px; }
  .phone-auth-captcha-panel { padding:24px 18px; }
}