.auth-panel{width:min(100%,480px);margin:auto;padding:42px 36px;display:grid;gap:26px;box-sizing:border-box}
.auth-brand{display:none}.auth-tabs{display:flex;padding:5px;background:#ffffff05;border:1px solid var(--line);border-radius:17px;gap:6px}.auth-tabs button{flex:1;border:0;background:none;color:var(--muted);border-radius:12px;min-height:45px;font-size:14px}.auth-tabs button[aria-pressed=true]{background:#c1cc9119;color:var(--accent);box-shadow:inset 0 0 0 1px #c1cc9120}
.auth-panel .login-form{padding:0;margin:0;max-width:none;gap:20px}.auth-panel h2{font-size:29px;letter-spacing:-.8px;margin:0}.auth-panel .eyebrow{font-size:10px;color:var(--accent);letter-spacing:2px}.auth-panel .muted{font-size:13px;line-height:1.65;margin:0}.auth-panel label{display:grid;gap:9px;font-size:13px;color:var(--muted)}.auth-panel input{height:52px;box-sizing:border-box;font-size:16px;border:1px solid #ffffff13;background:#ffffff03;border-radius:13px;width:100%}.auth-panel .primary{min-height:52px;border-radius:14px;font-size:14px;width:100%}.auth-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.auth-panel button:disabled{opacity:.48;cursor:not-allowed}.auth-panel .error:empty{display:none}.auth-panel .error{line-height:1.5;font-size:13px;margin:0}
#registration-flow{display:grid;gap:15px}#registration-flow form{display:grid;gap:18px;margin-top:8px}.auth-name-fields{display:grid;gap:18px}.auth-note{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.auth-panel .text-button{min-height:35px;font-size:13px}.auth-divider{display:flex;align-items:center;gap:12px;margin:21px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.auth-providers button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:97px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff03;color:var(--text);font-size:12px}.auth-providers button:hover:not(:disabled){background:#c1cc9110;border-color:#c1cc9140}.provider-symbol{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:22px;font-weight:bold}.provider-vk{background:#0077ff;color:white;font-size:15px;letter-spacing:-1px}.provider-yandex{background:#fc3f1d;color:white;font-weight:400}.provider-mail{background:#005ff9;color:#ffcf50}.auth-providers small{font-size:10px;color:var(--muted)}.auth-phone-login{width:100%;min-height:45px;background:transparent;border:1px solid #c1cc9130;border-radius:13px;color:var(--accent);font-size:13px}.auth-footer{text-align:center;font-size:11px;color:var(--muted);margin:0}#registration-otp{text-align:center;letter-spacing:10px;font-size:25px;padding-left:23px}#settings-current-handle{display:block;margin-top:5px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.login-screen{min-height:100dvh;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.login-screen>.login-art{display:none}.auth-panel{padding:26px 24px 30px;gap:25px;margin:0 auto}.auth-brand{display:flex;justify-content:center;margin:4px 0 7px}.auth-brand img{width:42px;height:42px}.auth-brand strong{font-size:27px}.auth-panel h2{font-size:28px}.auth-panel .login-form{margin:0}.auth-providers button{min-height:91px}.auth-panel .primary{font-size:15px}}
@media(max-height:600px) and (min-width:761px){.auth-panel{padding-top:24px;padding-bottom:24px}.login-art{position:sticky;top:0;height:100vh;box-sizing:border-box}}
.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-name-row label{min-width:0}.auth-handle{display:flex;align-items:center;border:1px solid #ffffff13;border-radius:13px;background:#ffffff03;padding-left:15px;color:var(--accent);font-size:19px}.auth-handle input{border:0;background:transparent;padding-left:8px}.auth-handle:focus-within{outline:1px solid var(--accent)}.auth-handle input:focus{outline:0;border:0}.auth-panel:has(#auth-register-tab[aria-pressed=true]){gap:20px}.auth-panel:has(#auth-register-tab[aria-pressed=true]) .auth-name-fields{gap:14px}
@media(max-width:760px){.auth-panel:has(#auth-register-tab[aria-pressed=true]){padding-top:20px;gap:19px}.auth-panel:has(#auth-register-tab[aria-pressed=true]) .auth-brand{margin:0}.auth-panel:has(#auth-register-tab[aria-pressed=true]) .auth-divider{margin:14px 0}.auth-panel:has(#auth-register-tab[aria-pressed=true]) .auth-providers button{min-height:79px}}
#registration-fields{border:0;margin:0;padding:0;display:grid;gap:15px;min-width:0}#registration-fields:disabled{opacity:.65}.auth-name-row label small{font-weight:normal;font-size:10px}.password-field{display:flex;align-items:center;border:1px solid #ffffff13;border-radius:13px}.password-field input{border:0;background:none;flex:1;width:0}.password-toggle{border:0;background:none;color:var(--muted);font-size:11px;padding:12px}.password-strength{font-size:11px;line-height:1.5;color:var(--muted)}.password-strength.strong{color:var(--accent)}.auth-consents{display:grid;gap:10px}.auth-panel .auth-consents label{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5}.auth-panel .auth-consents input{appearance:none;flex:0 0 17px;width:17px;height:17px;border-radius:50%;padding:0;margin:1px 0 0}.auth-panel .auth-consents input:checked{background:var(--accent);box-shadow:inset 0 0 0 4px var(--bg);border-color:var(--accent)}.auth-consents a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.auth-consents p{font-size:10px;margin:0 0 0 26px}.auth-providers{display:flex;justify-content:center;gap:12px}.auth-providers button{min-height:42px!important;width:42px;height:42px;padding:0;border-radius:12px;font-size:0}.auth-providers .provider-symbol{width:25px;height:25px;font-size:19px;border-radius:7px}.auth-providers .provider-vk{font-size:12px}.auth-divider{margin:14px 0!important}#registration-code{display:grid;gap:12px;margin-top:12px}#registration-code-status{font-size:13px;line-height:1.5;margin:0}.code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.code-cells input{width:100%;min-width:0;text-align:center;padding:0;height:52px;font-size:24px;letter-spacing:0;border-radius:11px;border:1px solid #ffffff20;background:#ffffff03;color:var(--text)}.code-cells.invalid input{border-color:#ef8d88;background:#ef8d880a}.code-error{color:#ef8d88;min-height:16px;font-size:12px;line-height:1.5;margin:7px 0 0}.code-error.checking{color:var(--muted)}.captcha-dialog{max-width:calc(100vw - 24px);width:360px;padding:20px}.captcha-dialog h2{font-size:19px;margin:0 0 18px}.captcha-container{min-height:100px}.device-card{display:flex;gap:17px;border-bottom:1px solid var(--line);padding:23px 0}.device-card>div{display:grid;gap:8px;min-width:0}.device-card strong{font-size:15px}.device-card small{font-size:12px;color:var(--muted)}.device-symbol{font-size:34px;color:var(--accent)}.device-current{font-size:12px;color:var(--accent)}.danger-button{width:100%;border:1px solid #ef8d8830;border-radius:13px;background:#ef8d8808;color:#ef8d88;min-height:48px;margin:22px 0 12px}#security-password{display:grid;gap:18px;margin:24px 0}#security-password label{display:grid;gap:9px}#security-verification{margin:24px 0}#security-code{display:grid;gap:12px}#security-dialog>.muted,#devices-dialog>.muted{line-height:1.6}#sms-usage{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}#sms-usage h3{font-size:15px}#sms-used{display:block;font-size:27px;color:var(--accent);margin:15px 0}#security-error{line-height:1.6}

/* Compact auth layout: keep field labels aligned and confirmation focused. */
.auth-panel,.auth-panel:has(#auth-register-tab[aria-pressed=true]){padding:20px 24px;gap:12px}
.auth-tabs{padding:3px;gap:4px;border-radius:12px}
.auth-tabs button{min-height:34px;border-radius:9px;font-size:13px}
.auth-panel h2{font-size:25px}.auth-panel .eyebrow{margin:0}
.auth-panel .muted{font-size:12px;line-height:1.4}
#registration-flow{gap:8px}#registration-flow form{gap:10px;margin-top:2px}
#registration-fields{gap:9px}.auth-panel label{gap:4px;font-size:12px}
.auth-panel input{height:38px;border-radius:9px;padding:0 10px}
.auth-handle,.password-field{border-radius:9px}.auth-handle{padding-left:10px}.auth-handle input{padding-left:6px}
.password-toggle{padding:8px 10px}.password-strength{font-size:10px;line-height:1.2}
.auth-panel .primary{min-height:40px;border-radius:10px;font-size:14px}
.auth-consents{gap:6px}.auth-panel .auth-consents label{gap:8px;font-size:10px;line-height:1.4}
.auth-consents p{margin-left:25px}.auth-panel .auth-divider{margin:6px 0!important}
.auth-panel .auth-brand{margin:0}.auth-brand img{width:34px;height:34px}.auth-brand strong{font-size:23px}
.auth-name-row{gap:8px}.auth-name-row input[name=lastName]{font-size:14px}
#registration-code{gap:8px;margin-top:0}
#registration-code .code-cells{grid-template-columns:repeat(6,34px);gap:6px;justify-content:center}
#registration-code .code-cells input{height:38px;font-size:20px;border-radius:8px}
#registration-code .text-button{min-height:32px}.auth-note{line-height:1.4}
@media(max-width:760px){.auth-panel,.auth-panel:has(#auth-register-tab[aria-pressed=true]){padding:14px 20px 16px;gap:10px}}

#registration-flow form{width:calc(100% - 16px);justify-self:center;min-width:0}
#registration-send{text-align:center}#registration-send .primary{margin-inline:auto;width:180px;max-width:100%;min-height:34px;padding:8px 14px;font-size:13px;border-radius:9px}
.auth-footer a{color:var(--muted);text-decoration:none}.auth-footer a:hover{color:var(--accent);text-decoration:underline}
.password-strength[data-level=weak]{color:#ef8d88}.password-strength[data-level=medium]{color:#e8bd65}.password-strength[data-level=good]{color:#b9d58b}

.local-captcha-dialog{box-sizing:border-box;width:320px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--text)}.local-captcha-dialog h2{margin-bottom:12px}.local-captcha-dialog form{display:grid;gap:12px}.local-captcha-image{display:block;max-width:100%;height:auto;background:#fff;border-radius:8px}.local-captcha-dialog label{display:grid;gap:5px;font-size:13px}.local-captcha-dialog input{box-sizing:border-box;width:100%;height:40px;font-size:20px;letter-spacing:4px;text-align:center}.local-captcha-dialog .primary{min-height:40px}.local-captcha-dialog .error{font-size:12px;margin:0}.local-captcha-dialog .error:empty{display:none}.local-captcha-actions{display:flex;justify-content:space-between;gap:8px}.local-captcha-actions button{font-size:12px;min-height:34px}