#auth-dialog[data-mode=login]{width:min(440px,calc(100% - 32px));padding:30px 26px}
#auth-dialog[data-mode=register]{width:min(570px,calc(100% - 32px));padding:38px 38px 30px}
.providers{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0}
#auth-dialog[data-mode=login] .providers{grid-template-columns:1fr 1fr;gap:10px}
#auth-dialog[data-mode=login] .provider-phone{grid-column:1/-1}
.provider{display:flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:12px 16px;border:1px solid #7599c0;border-radius:11px;background:#07192f;color:#fff;font-weight:700;font-size:16px;line-height:1.25}
.provider:hover{filter:brightness(1.12)}.provider.google{background:#fff;color:#172335;border-color:#fff}
.provider-phone{border-color:#0787ff;border-width:2px}.provider svg{width:23px;height:23px;flex:none}
.provider-phone svg{color:#0787ff}.provider-short{display:none}
#auth-dialog[data-mode=login] .provider-long{display:none}
#auth-dialog[data-mode=login] .provider-short{display:inline}
.auth-divider{display:flex;align-items:center;gap:17px;color:#9dbadd;font-size:14px;margin:24px 0}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#315273;flex:1}
.forgot-row{text-align:right;margin:-7px 0 19px;font-size:14px}
#reset-dialog,#profile-dialog{width:min(450px,calc(100% - 32px))}
#phone-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1001;width:min(480px,calc(100% - 32px))}
.phone-shade{position:fixed;inset:0;background:#020c1ddd;backdrop-filter:blur(7px);z-index:1000}
.phone-input-row{display:flex;gap:8px}.phone-input-row select{width:112px;flex-shrink:0;color:#fff;background:#0b2444;border:1px solid #547495;border-radius:9px;font:inherit;padding:0 8px}
#recaptcha-container{margin:14px 0;min-height:78px}#sms-code{letter-spacing:8px;font-size:23px;text-align:center}
#auth-dialog[data-mode=login] .dialog-intro{margin-bottom:15px}
@media(max-width:520px){#auth-dialog[data-mode=register],#auth-dialog[data-mode=login]{padding:28px 20px 24px}.provider{font-size:14px;padding:12px 9px}.dialog-title{font-size:29px}#phone-dialog{padding:28px 20px}.phone-input-row select{width:100px}}