#authroot:not([hidden]) { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; overflow:auto; padding:24px; background:var(--ground); }
.auth-card { width:min(100%,440px); padding:28px; border-radius:var(--r-xl); background:var(--surface); box-shadow:var(--sh-3); }
.auth-card h1 { margin:0 0 8px; font-size:28px; }
.auth-card p { color:var(--muted); line-height:1.5; }
.auth-card form { display:grid; gap:12px; margin:20px 0; }
.auth-card label { display:grid; gap:5px; font-weight:600; }
.auth-card input { width:100%; padding:12px; border:1px solid var(--hairline-2); border-radius:var(--r-sm); background:var(--surface-2); color:var(--ink); font:inherit; }
.auth-card button { cursor:pointer; }
.auth-card .auth-error { color:var(--coral); }
.auth-teams { display:grid; gap:10px; margin:18px 0; }
.auth-teams button { text-align:left; }
#accountbar:empty { display:none; }
#accountbar { padding:6px 20px; color:var(--muted); font-size:12px; background:var(--surface); border-bottom:1px solid var(--hairline); }
#accountbar strong { color:var(--ink); }
#accountbar button { margin:4px 5px 0 0; padding:5px 8px; border:1px solid var(--hairline-2); border-radius:var(--r-sm); background:var(--surface-2); color:var(--ink); cursor:pointer; }
#accountbar input { max-width:420px; width:100%; margin-top:7px; padding:6px; font-size:11px; }