.auth-gate { position: fixed; inset: 0; z-index: 1000; background: #17222bf2; display: grid; place-items: center; padding: 20px; }
.auth-gate.hidden, .auth-user.hidden { display: none; }
.auth-box { width: min(420px, 100%); background: #fff; border-radius: 7px; padding: 28px; box-shadow: 0 20px 70px #0008; }
.auth-box h2 { font-size: 23px; margin: 5px 0 7px; }
.auth-box p { color: var(--muted); margin-bottom: 20px; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: 20px 0 14px; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.auth-tabs button { border: 0; background: #f3f5f6; color: var(--muted); padding: 10px; cursor: pointer; font-weight: 700; }
.auth-tabs button.active { background: var(--green); color: #fff; }
.auth-box label { display: block; margin-top: 13px; }
.auth-box .btn { width: 100%; margin-top: 20px; }
.auth-error { min-height: 20px; color: var(--red); font-size: 12px; margin-top: 10px; text-align: center; }
.auth-user { position: fixed; right: 18px; bottom: 18px; z-index: 50; background: #fff; border: 1px solid var(--line); box-shadow: 0 5px 18px #17222b20; border-radius: 6px; padding: 8px 10px; color: var(--muted); font-size: 12px; }
.auth-user button { border: 0; background: transparent; color: var(--red); cursor: pointer; margin-left: 8px; }