/* Sign-in screen and the signed-in line, for the online build only. Uses the page's tokens. */
#gate{position:fixed;inset:0;z-index:1000;background:var(--paper);display:grid;place-items:center;padding:16px}
#gate[hidden]{display:none}
#gate .gbox{max-width:380px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 24px;text-align:center}
#gate .gmark{width:36px;height:36px;border-radius:9px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:600;margin:0 auto 14px}
#gate h2{font-size:18px;margin:0 0 8px;color:var(--ink)}
#gate p{font-size:13.5px;color:var(--ink-2);margin:0 0 18px;line-height:1.5;overflow-wrap:anywhere}
#gate .gbtns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#whoami{max-width:1200px;margin:24px auto 18px;padding:0 16px;font-size:12px;color:var(--ink-3);text-align:right}