.presence{display:inline-block;width:10px;height:10px;border-radius:50%}.presence--online{background:#00e5ff;box-shadow:0 0 10px rgba(0,229,255,.55)}.presence--offline{background:rgba(255,255,255,.18);backdrop-filter:blur(8px)}.presence--typing{display:inline-flex;gap:3px;width:auto;height:auto;align-items:center}.presence__dot{width:5px;height:5px;border-radius:50%;background:#00e5ff;animation:presence-bounce .9s ease-in-out infinite}.presence__dot:nth-child(2){animation-delay:.12s}.presence__dot:nth-child(3){animation-delay:.24s}.presence--read{width:auto;height:auto;font-size:11px;color:#00e5ff;letter-spacing:-2px}@keyframes presence-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}