/* Firebase build only (html.fb): sign-in gate, account chip. */
html.fb:not(.authed) body > :not(.tui-gate):not(.aura){visibility:hidden}
.tui-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:
  radial-gradient(60% 45% at 30% 30%,rgba(127,216,255,.07),transparent 70%),
  radial-gradient(50% 40% at 70% 25%,rgba(169,156,255,.09),transparent 70%),
  radial-gradient(40% 40% at 80% 70%,rgba(255,156,207,.05),transparent 70%) var(--bg)}
.tui-gate[hidden]{display:none}
.gate-card{width:min(420px,100%);padding:34px 30px 30px;border-radius:var(--r-tile);border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)) var(--tile);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 80px rgba(0,0,0,.45);text-align:center}
.gate-mark{width:46px;height:46px;display:block;margin:0 auto 18px}
.gate-card .eyebrow{margin:0 0 6px}
.gate-card h1{margin:0 0 10px}
.gate-sub{margin:0 auto 24px;max-width:30ch;color:var(--muted)}
.gate-sub b{color:var(--text);font-weight:500;word-break:break-all}
.gate-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 22px;
  border-radius:999px;border:1px solid var(--line2);background:var(--well);color:var(--text);font:500 15px/1 var(--sans);
  cursor:pointer;transition:border-color .2s,background-color .2s}
.gate-btn:hover{border-color:rgba(255,255,255,.3);background:var(--well2)}
.gate-btn svg{width:20px;height:20px}
.gate-err{margin:16px 0 0;color:var(--bad);font-size:13.5px}
.tui-acct{max-width:1180px;margin:-6px auto 28px;padding:0 20px;display:flex;justify-content:center;gap:10px;align-items:center;
  font:12px/1.4 var(--mono);color:var(--faint)}
.tui-acct button{padding:2px 10px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--muted);font:inherit;cursor:pointer}
.tui-acct button:hover{border-color:var(--line2);color:var(--text)}