.video-home .online-presence{position:fixed;z-index:2;top:clamp(18px,3vh,32px);right:clamp(18px,3vw,36px);display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-size:13px;font-weight:450;letter-spacing:.035em;line-height:1.4;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #10261b70;pointer-events:none;opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s linear 0s}
.online-presence-dot{width:6px;height:6px;border-radius:50%;background:#a8bcaf;box-shadow:0 0 0 3px #fff1;flex-shrink:0}
.online-presence[data-state="online"] .online-presence-dot{background:#9bd5ac}
.online-presence[data-state="offline"] .online-presence-dot{background:#d0d8d2;opacity:.7}
.video-home.ui-idle .online-presence,.video-home.zen .online-presence{opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
@media(max-width:760px){.video-home .online-presence{top:21px;right:16px;font-size:12px;gap:6px}}
@media(prefers-reduced-motion:reduce){.video-home .online-presence{transition:none!important}}