/* The sign-in page. Removed once the app loads (the app brings its own styles). */
:root{color-scheme:light dark;--bg:#f6f7f9;--ink:#1c2127;--ink2:#5f6b7c;--line:#c5cbd3;--field:#fff;--accent:#2d72d2;--accent-ink:#fff;--bad:#cd4246}
@media (prefers-color-scheme:dark){:root{--bg:#1c2127;--ink:#f6f7f9;--ink2:#abb3bf;--line:#5f6b7c;--field:#252a31;--accent:#4c90f0;--accent-ink:#111418;--bad:#e76a6e}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
main{width:min(360px,calc(100vw - 32px))}
h1{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.01em}
.gate-line{margin:0 0 20px;color:var(--ink2)}
button{height:40px;margin-top:4px;padding:0 16px;border:0;border-radius:3px;background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;cursor:pointer}
button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gate>button{width:100%;margin-top:12px}#gate-google{margin-top:4px}
.gate>button.quiet{background:transparent;color:var(--ink);border:1px solid var(--line)}
[hidden]{display:none!important}
.gate-msg{margin:12px 0 0;color:var(--ink2)}.gate-msg:empty{display:none}
.gate-line+.gate-msg{margin-top:0}
.gate-msg.bad{color:var(--bad)}
.wait{color:var(--ink2);text-align:center}