#nexus-presence-layer{
  position:fixed;
  top:18px;
  right:18px;
  z-index:2147482500;
  pointer-events:none;
}
.nexus-presence-card{
  width:min(380px,calc(100vw - 36px));
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(89,145,255,.32);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(10,23,43,.97),rgba(17,33,57,.96));
  color:#eef6ff;
  box-shadow:0 18px 42px rgba(4,12,25,.30),0 0 0 1px rgba(31,108,255,.08) inset;
  backdrop-filter:blur(12px);
  transform:translateY(-12px) scale(.985);
  opacity:0;
  transition:opacity .22s ease,transform .24s ease;
}
.nexus-presence-card.is-visible{opacity:1;transform:translateY(0) scale(1)}
.nexus-presence-orb{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(78,165,255,.5);
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#57c7ff 0 9%,#176ee8 26%,#0f315f 64%,#09192e 100%);
  box-shadow:0 0 20px rgba(35,137,255,.38);
}
.nexus-presence-orb::before,.nexus-presence-orb::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(171,224,255,.56);
  border-radius:50%;
  transform:rotate(52deg) scaleX(.55);
}
.nexus-presence-orb::after{transform:rotate(-52deg) scaleX(.55)}
.nexus-presence-orb span{
  width:5px;height:5px;border-radius:50%;background:#bdf4ff;
  box-shadow:0 0 9px #8de8ff;
}
.nexus-presence-copy{min-width:0}
.nexus-presence-title{
  color:#79b8ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  line-height:1.2;
}
.nexus-presence-message{
  margin-top:4px;
  color:#f8fbff;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}
.nexus-presence-card[data-tone="success"]{border-color:rgba(50,205,136,.36)}
.nexus-presence-card[data-tone="success"] .nexus-presence-title{color:#69e3ae}
.nexus-presence-card[data-tone="warning"]{border-color:rgba(245,158,11,.45)}
.nexus-presence-card[data-tone="warning"] .nexus-presence-title{color:#f7c45f}
.nexus-presence-card[data-tone="critical"]{border-color:rgba(239,68,68,.5)}
.nexus-presence-card[data-tone="critical"] .nexus-presence-title{color:#ff8b8b}
@media(max-width:700px){#nexus-presence-layer{top:10px;right:10px}.nexus-presence-card{width:min(340px,calc(100vw - 20px))}}