#auth.phone-flow{display:flex;justify-content:center;align-items:flex-start;padding:clamp(24px,8vh,80px) 20px 32px;overflow-y:auto;overscroll-behavior:contain}
#auth.phone-flow .auth-intro{display:none}
#auth.phone-flow #phone-form{width:min(100%,420px);padding:0;border:0;background:transparent;box-shadow:none;text-align:center;margin:auto 0}
#phone-glyph{display:block;font-size:64px;line-height:1.15;margin:0 0 22px}
#phone-form #phone-title{font-size:28px;margin:0 0 12px}
#phone-form #phone-subtitle{min-height:44px;font-size:15px;line-height:1.5;color:var(--muted,#a4a4af);margin:0 0 28px;overflow-wrap:anywhere}
#phone-number-step{text-align:left}.phone-country{padding:12px 10px;border-bottom:1px solid #ffffff20;color:var(--text,#fff);font-size:16px}
#phone-form .phone-number-row{display:flex;align-items:center;border-bottom:1px solid #ffffff30;gap:16px;margin:8px 0 18px;padding:0 10px}
.phone-prefix{flex:none;font-size:20px;border-right:1px solid #ffffff25;padding-right:16px}
#phone-form #phone-input{border:0;background:transparent;box-shadow:none;border-radius:0;font-size:22px;letter-spacing:.02em;padding:14px 0;min-width:0;width:100%;font-variant-numeric:tabular-nums}
#phone-name-label{text-align:left;margin:0 0 14px;color:var(--muted,#a4a4af);font-size:13px}#phone-name-label summary{cursor:pointer;padding:5px 0}#phone-name-label input{font-size:16px}
#phone-form #phone-submit{width:100%;min-height:48px;border-radius:24px;margin-top:8px;font-size:16px}
#phone-form #phone-error{font-size:14px;line-height:1.4;min-height:0;margin:0 0 12px;overflow-wrap:anywhere}#phone-form #phone-error:empty{display:none}
#phone-form .phone-code-wrap{display:block;position:relative;max-width:360px;margin:12px auto 22px;height:60px}
#phone-form .phone-code-wrap[hidden]{display:none}
#phone-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:60px}
#phone-code-cells span{display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:600;border:1px solid #ffffff30;border-radius:12px;background:#ffffff04;font-variant-numeric:tabular-nums}
#phone-code-cells span.active{border:2px solid #8c6dff;background:#8c6dff0a}#phone-code-cells span.filled{border-color:#8c6dff90}
#phone-form #phone-code{position:absolute;inset:0;margin:0;width:100%;height:60px;opacity:.02;caret-color:transparent;font-size:28px;letter-spacing:12px;border:0;padding:0;z-index:1}
#phone-form #phone-password-label{text-align:left}#phone-form #phone-password{font-size:18px}
#phone-form #phone-restart,#phone-form #phone-resend{display:block;margin:14px auto 0;min-height:36px}#phone-form #phone-restart[hidden],#phone-form #phone-resend[hidden]{display:none}
#phone-form #phone-resend:disabled{opacity:.65;background:transparent}
#phone-confirm{max-width:calc(100vw - 32px);width:360px;border:1px solid #ffffff20;border-radius:24px;background:#242429;color:#fff;padding:26px 22px;text-align:center}
#phone-confirm::backdrop{background:#0009}
#phone-confirm-number{display:block;font-size:25px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}
#phone-confirm p{font-size:15px;color:#bebec8;margin:16px 0}#phone-confirm-send{display:block;width:100%;border-radius:24px;min-height:48px;margin-top:14px}#phone-confirm-edit{min-height:40px}
@media(max-width:700px){#auth.phone-flow{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}#auth.phone-flow #phone-form{margin:20px 0 0}#phone-glyph{font-size:58px;margin-bottom:18px}#phone-form #phone-title{font-size:26px}#phone-form #phone-subtitle{margin-bottom:22px}#phone-confirm{margin:auto auto 20px}}
@media(prefers-reduced-motion:no-preference){#phone-code-cells span{transition:border-color .15s,background .15s}}