.site-presence[hidden]{display:none}
.site-presence{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:15px 18px;margin:0 0 28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text)}
.presence-summary{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;line-height:1.4}
.presence-live{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:600}
.presence-live i{width:6px;height:6px;border-radius:50%;background:var(--muted)}
.site-presence[data-state=live] .presence-live{color:var(--up)}
.site-presence[data-state=live] .presence-live i{background:var(--up)}
#presence-count{font-family:var(--heading);font-size:16px;font-variant-numeric:tabular-nums;color:var(--text)}
@media(max-width:480px){.site-presence{padding:11px 10px;gap:3px}.presence-summary{gap:6px}.presence-live{font-size:10px}}