[hidden]{display:none!important}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:#f5f7fa}
.auth-card{max-width:480px;width:100%;padding:36px;background:white;border:1px solid #dfe5ee;border-radius:18px;box-shadow:0 15px 60px #003b8210}
.auth-brand{font-size:13px;font-weight:700;letter-spacing:2px;color:#003b82;margin-bottom:30px}
.auth-card h1{font-size:32px;margin-bottom:18px}.auth-card p{line-height:1.6;color:#61738a}
.auth-card button{margin:8px 0;white-space:normal}.auth-card .primary{width:100%}
.auth-card label{display:block;font-size:12px;margin:16px 0 8px}.auth-card input[type=text],.auth-card input[type=password]{display:block;width:100%;border:1px solid #ccd8e6;border-radius:8px;padding:12px;margin-top:8px}
#auth-message.error,#security-message.error{color:#9a3535}
.auth-card summary{padding:15px 0;font-size:13px}.auth-card pre{font-size:12px;line-height:2;white-space:pre-wrap}
.security-tools{padding:22px 0;border-top:1px solid #dfe5ee;font-size:12px}.security-tools button{font-size:12px;margin:5px}
.security-tools summary{padding:10px 0;cursor:pointer}.security-tools select{max-width:100%;padding:10px}
#session-cover{position:fixed;inset:0;z-index:1000;background:#f5f7fa;display:grid;place-items:center;color:#003b82}
#recovery-panel label{display:flex;gap:8px}
.online-note{display:flex;flex-wrap:wrap;gap:6px;align-items:center}

#phone-dialog{width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #dfe5ee;border-radius:16px;padding:24px;color:#19324f}#phone-dialog::backdrop{background:#14253e88}#phone-dialog p{font-size:14px;line-height:1.55}#phone-dialog label{display:block;margin:12px 0 6px;font-size:14px}#phone-dialog input[type=text]{width:100%;box-sizing:border-box;border:1px solid #aebed2;border-radius:8px;padding:12px;font-size:18px}#phone-dialog button{margin:8px 6px 0 0;white-space:normal}#phone-dialog .primary{width:100%}.phone-code{display:block;font-size:clamp(22px,5vw,30px);letter-spacing:2px;color:#003b82;margin:6px 0 18px;font-variant-numeric:tabular-nums}.phone-warning{background:#fff6df;border-radius:8px;padding:12px;color:#604514}#phone-dialog .phone-confirm{display:flex;align-items:flex-start;gap:9px}#phone-dialog .phone-confirm input{margin-top:4px;flex-shrink:0}#phone-message.error{color:#a52929}

#phone-qr{max-width:240px;margin:12px auto 20px;background:white}#phone-qr svg{display:block;width:100%;height:auto}#phone-codes{text-align:center}#phone-codes summary{cursor:pointer;margin:10px 0;font-size:13px}

#phone-dialog{max-width:480px}#phone-dialog input[type=text]{max-width:100%}

.auth-card .remember-browser{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;margin:16px 0 4px}.remember-browser input{flex-shrink:0;margin-top:4px}.auth-card .remember-hint{font-size:12px;color:#5b6a7e;margin-top:4px}.trust-notice{background:#eaf2fc;padding:12px;border-radius:8px;color:#003b82}.trusted-browser-row{border-bottom:1px solid #dfe5ee;padding:16px 0}.trusted-browser-row p{color:#5b6a7e}