.auth{max-width:420px;text-align:left;margin-top:6vh}
.auth h1{margin:6px 0 8px;font-size:26px}
.auth-brand{display:flex;gap:8px;align-items:center;font-weight:800;color:#0f172a;text-decoration:none;font-size:18px}.auth-brand img{width:28px}
.auth form .btn{width:100%;margin-top:4px}
.auth .err{color:var(--bad,#b91c1c);min-height:1.2em;margin:8px 0}
.auth .ok{color:#166534;margin:0 0 8px}.auth .ok:empty{display:none}
.auth-links{font-size:14px;margin-top:14px}
.auth .demo{font-size:13px;border-top:1px solid #e2e8f0;padding-top:12px;margin-top:16px}
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:10px 0 4px;background:#fff;color:#1f2937;border:1px solid #cbd5e1;font-weight:700;text-decoration:none;box-sizing:border-box}
.btn-google:hover{background:#f8fafc;border-color:#94a3b8}
.btn-google .google-icon{width:18px;height:18px;flex:0 0 auto}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px;color:#64748b;font-size:13px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e2e8f0}
#oauthErr:not([hidden]){display:block;margin:0 0 10px}