#auth-dialog [hidden]{display:none!important}
#phone-login-form{text-align:left;margin-top:24px}
#phone-login-form>label{display:block;font-size:14px;margin:16px 0 8px}
.phone-number-row,.phone-code-row{display:flex;align-items:center;gap:10px}
.phone-number-row{border:1px solid #dcd5e9;border-radius:10px;padding-left:12px}
.phone-number-row>span{font-size:14px;color:#776887}
#phone-login-form input:not([type=checkbox]){box-sizing:border-box;min-width:0;width:100%;height:46px;border:1px solid #dcd5e9;border-radius:10px;padding:0 12px;background:#fff;color:#30233d;font:inherit;font-size:15px}
#phone-login-form .phone-number-row input{border:0;background:transparent}
#phone-login-form input:focus-visible{outline:2px solid #8660df;outline-offset:2px}
#send-phone-code{flex-shrink:0;border:1px solid #dcd5e9;border-radius:10px;height:46px;padding:0 12px;color:#7048c5;background:#f7f3ff;font-size:13px;cursor:pointer}
#phone-login-form>.phone-agreement{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:20px;color:#796c86;margin-top:20px}
.phone-agreement input{margin:3px 0 0;accent-color:#8054d9;flex-shrink:0;width:16px;height:16px}
.phone-agreement a{color:#7048c5;text-decoration:underline}
#phone-login-state{min-height:22px;margin:12px 0;font-size:13px;color:#76538e}
#submit-phone-login{width:100%;height:46px;border:0;border-radius:10px;background:#8054d9;color:#fff;font-size:16px;cursor:pointer}
#phone-login-form button:disabled{opacity:.55;cursor:default}
.phone-login-toggle{display:block;margin:22px auto 0;padding:8px;border:0;background:transparent;color:#7048c5;font-size:14px;cursor:pointer}
@media(max-width:480px){#auth-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:none;padding:26px 20px}.phone-code-row{gap:6px}#send-phone-code{padding:0 8px}}
body:not([data-desktop-app="true"]) #phone-login-form input:not([type=checkbox]){background:#292632;color:#f3edf9;border-color:#51485f}
body:not([data-desktop-app="true"]) .phone-number-row{background:#292632;border-color:#51485f}
body:not([data-desktop-app="true"]) .phone-number-row>span,body:not([data-desktop-app="true"]) #phone-login-form>.phone-agreement{color:#bbb0c8}
body:not([data-desktop-app="true"]) .phone-agreement a,body:not([data-desktop-app="true"]) .phone-login-toggle{color:#bfa1ff}
body:not([data-desktop-app="true"]) #phone-login-state{color:#d2b9eb}