/* the sign-in screen (live.js showLogin) */
.login{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);padding:16px}
.login[hidden]{display:none}
.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px 24px}
.login-brand{display:flex;align-items:center;gap:10px}
.login-brand .logo{width:32px;height:32px}
.login-brand small{display:block;color:var(--muted)}
.login-card h1{font-size:1.25rem;margin:4px 0 0}
.login-msg{margin:0;color:var(--bad,#b3261e);font-size:.9rem}
.login-card .btn{justify-content:center;margin-top:4px}