.online-presence{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;border:1px solid var(--line,#284a64);border-radius:12px;background:var(--surface,#0a2237);color:var(--text,#edf6ff);padding:12px 16px;margin:12px 0;font:600 14px/1.5 system-ui;min-width:0;box-sizing:border-box}.online-presence strong{color:var(--accent,#30bfff);font-size:20px}.online-presence small{font-size:11px;font-weight:400;color:var(--muted,#a7b9d1)}.online-dot{width:8px;height:8px;border-radius:50%;background:#48d99a;flex:none}.radio-top-player .online-presence{background:#091b2d;margin:8px 0;padding:8px 12px}.home-footer .online-presence{width:100%;grid-column:1/-1}.widget .online-presence small{display:none}.widget .online-presence strong{font-size:16px}@media(max-width:420px){.online-presence small{flex-basis:100%;padding-left:20px}}