/* Captee sign-in gate. Matches the app's dark surface; every selector is
   namespaced (cg- / cu-) so nothing here can reach into the app's own styles. */

#captee-gate{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  background:rgba(7,6,9,.86);backdrop-filter:blur(14px);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
}
#captee-gate .cg-card{
  width:min(400px,92vw);padding:34px 30px 28px;
  background:#0f0d14;border:1px solid rgba(255,255,255,.09);border-radius:20px;
  box-shadow:0 40px 100px rgba(0,0,0,.6);text-align:center;
}
#captee-gate .cg-brand{
  display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:26px;
  font-size:17px;font-weight:700;color:#F5F4F8;letter-spacing:-.02em;
}
#captee-gate .cg-mark{
  width:30px;height:30px;border-radius:9px;background:#D9FF4B;
  display:grid;place-items:center;box-shadow:0 4px 18px rgba(217,255,75,.32);
}
#captee-gate .cg-h{
  margin:0 0 8px;font-size:21px;font-weight:800;color:#F5F4F8;letter-spacing:-.02em;
}
#captee-gate .cg-p{margin:0 0 24px;font-size:14px;line-height:1.55;color:#9d9caa}

#captee-gate .cg-btn{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:inherit;font-size:14.5px;font-weight:700;padding:13px 18px;
  border-radius:12px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;
}
#captee-gate .cg-google{background:#fff;color:#1a1a1a}
#captee-gate .cg-google:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.4)}
#captee-gate .cg-link{
  background:#D9FF4B;color:#0a0a0a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 18px rgba(217,255,75,.2);
}
#captee-gate .cg-link:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 26px rgba(217,255,75,.3)}

#captee-gate .cg-or{position:relative;margin:18px 0;color:#63626f;font-size:12px}
#captee-gate .cg-or:before{
  content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.09);
}
#captee-gate .cg-or span{position:relative;background:#0f0d14;padding:0 12px}

#captee-gate .cg-mail{display:flex;flex-direction:column;gap:10px}
#captee-gate .cg-mail input{
  width:100%;font-family:inherit;font-size:15px;color:#F5F4F8;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);
  border-radius:12px;padding:13px 15px;
}
#captee-gate .cg-mail input::placeholder{color:#5c5c68}
#captee-gate .cg-mail input:focus{
  outline:0;border-color:#D9FF4B;box-shadow:0 0 0 3px rgba(217,255,75,.14);
}
#captee-gate .cg-msg{margin-top:14px;font-size:13px;min-height:18px;color:#9d9caa}
#captee-gate .cg-msg.bad{color:#FF8A8A}
#captee-gate .cg-msg.ok{color:#D9FF4B}

/* signed-in chip in the app header */
#captee-user{
  display:inline-flex;align-items:center;gap:10px;margin-left:auto;
  font-family:'Inter',system-ui,sans-serif;font-size:12.5px;color:#9d9caa;
}
#captee-user .cu-mail{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#captee-user .cu-out{
  font-family:inherit;font-size:12px;font-weight:600;color:#9d9caa;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;padding:5px 10px;transition:all .15s;
}
#captee-user .cu-out:hover{background:rgba(255,255,255,.1);color:#F5F4F8}

@media(prefers-reduced-motion:reduce){#captee-gate *{transition:none!important}}