.sgnLiveViewersHost{position:relative;min-block-size:44px;padding-inline-end:0;}.sgnLiveViewersHost--active{padding-inline-end:clamp(230px, 34vw, 520px);}.sgnLiveViewers, .sgnLiveViewers::before, .sgnLiveViewers::after, .sgnLiveViewers *, .sgnLiveViewers *::before, .sgnLiveViewers *::after{box-sizing:border-box;}.sgnLiveViewers{--sgn-lv-bg:#111827;--sgn-lv-bg-soft:#182238;--sgn-lv-bg-raised:#202a44;--sgn-lv-accent:#8b55ff;--sgn-lv-accent-soft:#9e6bff;--sgn-lv-accent-deep:#6d39d8;--sgn-lv-accent-bright:#c8adff;--sgn-lv-accent-light:#d8c7ff;--sgn-lv-live:#f04463;--sgn-lv-live-soft:#fb6077;--sgn-lv-live-deep:#9e2037;--sgn-lv-border:rgba(132, 77, 255, 0.68);--sgn-lv-border-hot:rgba(158, 107, 255, 0.78);--sgn-lv-glow:rgba(132, 77, 255, 0.22);--sgn-lv-glow-hot:rgba(132, 77, 255, 0.32);--sgn-lv-text:rgba(248, 251, 255, 0.96);--sgn-lv-muted:rgba(202, 213, 229, 0.84);--sgn-lv-quiet:rgba(180, 195, 210, 0.62);--sgn-lv-name:#ffffff;--sgn-lv-name-glow:transparent;--sgn-lv-ring:rgba(141, 77, 255, 0.74);--sgn-lv-avatar:29px;--sgn-lv-height:38px;position:absolute;z-index:2;inset-block-start:50%;inset-inline-end:clamp(14px, 1.7vw, 24px);display:inline-flex;align-items:center;justify-content:flex-end;inline-size:auto;min-inline-size:0;max-inline-size:min(44vw, 520px);block-size:var(--sgn-lv-height);margin:0;overflow:visible;opacity:0;transform:translate3d(0, -50%, 0);visibility:visible;transition:opacity 260ms cubic-bezier(0.2, 0.7, 0.2, 1), visibility 260ms step-end;}.sgnLiveViewers.is-loading:not(.is-empty), .sgnLiveViewers.is-loading.is-placeholder{pointer-events:none;opacity:0;transform:translate3d(0, -50%, 0);visibility:visible;}.sgnLiveViewers.is-ready{opacity:1;transform:translate3d(0, -50%, 0);transition:opacity 260ms cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0s;}.sgnLiveViewers.is-empty:not(.is-placeholder){pointer-events:none;opacity:0;transform:translate3d(0, -50%, 0);visibility:hidden;}.sgnLiveViewers__surface{position:relative;display:inline-flex;align-items:center;gap:11px;inline-size:auto;max-inline-size:100%;min-inline-size:0;block-size:var(--sgn-lv-height);padding:4px 15px 4px 8px;border:1px solid var(--sgn-lv-border);border-radius:8px;background:linear-gradient(180deg, rgba(31, 42, 66, 0.98) 0%, rgba(18, 25, 43, 0.99) 56%, rgba(13, 18, 33, 0.99) 100%), var(--sgn-lv-bg);color:var(--sgn-lv-text);font:inherit;box-shadow:0 1px 0 rgba(216, 199, 255, 0.06) inset, 0 -1px 0 rgba(0, 0, 0, 0.34) inset, 0 0 0 1px rgba(132, 77, 255, 0.12), 0 0 12px var(--sgn-lv-glow), 0 5px 14px rgba(0, 0, 0, 0.44);backdrop-filter:blur(8px) saturate(1.02);cursor:default;overflow:hidden;transform:translateZ(0);transition:none;}.sgnLiveViewers__surface::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:50%;transform:translateY(-50%);inline-size:4px;block-size:28px;border-radius:0 4px 4px 0;background:linear-gradient(180deg, var(--sgn-lv-accent-soft), var(--sgn-lv-accent-deep));box-shadow:0 0 7px rgba(141, 77, 255, 0.5);pointer-events:none;z-index:2;}.sgnLiveViewers__surface::after{content:"";position:absolute;inset:7px 12px;border-radius:10px;background:linear-gradient(90deg, rgba(143, 167, 198, 0.28) 0 54px, transparent 54px 62px, rgba(143, 167, 198, 0.14) 62px 118px, transparent 118px 130px, rgba(143, 167, 198, 0.2) 130px 100%);opacity:0;pointer-events:none;transition:none;}.sgnLiveViewers.is-loading .sgnLiveViewers__surface::after{opacity:0;}.sgnLiveViewers.is-loading .sgnLiveViewers__status, .sgnLiveViewers.is-loading .sgnLiveViewers__avatars, .sgnLiveViewers.is-loading .sgnLiveViewers__copy{opacity:1;}.sgnLiveViewers__surface:hover, .sgnLiveViewers__surface:focus-visible, .sgnLiveViewers.is-updating .sgnLiveViewers__surface{border-color:var(--sgn-lv-border-hot);box-shadow:0 1px 0 rgba(216, 199, 255, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.38) inset, 0 0 0 1px rgba(132, 77, 255, 0.2), 0 0 22px var(--sgn-lv-glow-hot), 0 6px 16px rgba(0, 0, 0, 0.55);}.sgnLiveViewers__surface:focus-visible{outline:2px solid rgba(155, 99, 255, 0.58);outline-offset:3px;}.sgnLiveViewers__status, .sgnLiveViewers__avatars, .sgnLiveViewers__copy{position:relative;z-index:1;transition:none;}.sgnLiveViewers__status{display:inline-flex;align-items:center;align-self:center;gap:5px;flex:0 0 auto;min-inline-size:0;block-size:24px;padding:0 3px 0 9px;border:1px solid rgba(240, 68, 99, 0.22);border-radius:999px;background:linear-gradient(180deg, rgba(126, 39, 62, 0.64), rgba(65, 22, 39, 0.64));box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 0 1px rgba(240, 68, 99, 0.06), 0 0 9px rgba(240, 68, 99, 0.24), 0 2px 7px rgba(0, 0, 0, 0.32);margin-inline-start:0;order:2;}.sgnLiveViewers__pulseIcon{position:relative;inline-size:6px;block-size:6px;border-radius:50%;background:var(--sgn-lv-live);box-shadow:0 0 0 0 rgba(255, 63, 104, 0.55), 0 0 5px 1px rgba(255, 63, 104, 0.62);flex:0 0 auto;animation:sgnLiveViewersLivePulse 1.8s cubic-bezier(0.22, 1, 0.36, 1) infinite;}.sgnLiveViewers__pulseIcon::before{content:"";position:absolute;inset:-4px;border:1px solid rgba(255, 76, 112, 0.5);border-radius:50%;background:rgba(255, 63, 104, 0.1);box-shadow:0 0 7px rgba(255, 63, 104, 0.3), 0 0 8px rgba(255, 63, 104, 0.16) inset;opacity:0.88;transform:none;}.sgnLiveViewers__pulseIcon::after{content:none;}@keyframes sgnLiveViewersLivePulse{0%{box-shadow:0 0 0 0 rgba(255, 63, 104, 0.58), 0 0 5px 1px rgba(255, 63, 104, 0.62);}52%{box-shadow:0 0 0 8px rgba(255, 63, 104, 0), 0 0 5px 1px rgba(255, 63, 104, 0.38);}100%{box-shadow:0 0 0 0 rgba(255, 63, 104, 0), 0 0 5px 1px rgba(255, 63, 104, 0.62);}}.sgnLiveViewers__label{color:#ffffff;font-size:10px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase;}.sgnLiveViewers__statusCount{display:inline-grid;place-items:center;min-inline-size:21px;block-size:21px;padding:0 7px;border-radius:999px;background:linear-gradient(180deg, var(--sgn-lv-live-soft), var(--sgn-lv-live));color:#ffffff;font-size:10.5px;font-weight:700;line-height:1;box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 0 10px rgba(255, 63, 104, 0.58);}.sgnLiveViewers__avatars{display:inline-flex;align-items:center;align-self:center;flex:0 0 auto;inline-size:auto;min-inline-size:var(--sgn-lv-avatar);block-size:var(--sgn-lv-avatar);order:1;}.sgnLiveViewers__avatar, .sgnLiveViewers__more{position:relative;display:inline-grid;place-items:center;flex:0 0 var(--sgn-lv-avatar);inline-size:var(--sgn-lv-avatar);block-size:var(--sgn-lv-avatar);border:1px solid rgba(139, 84, 255, 0.66);border-radius:50%;background:linear-gradient(135deg, rgba(18, 20, 35, 0.98), rgba(8, 11, 22, 0.98));color:rgba(255, 255, 255, 0.94);font-size:11px;font-weight:600;line-height:1;box-shadow:0 0 0 2px rgba(7, 9, 18, 0.98), 0 0 10px rgba(139, 85, 255, 0.34), 0 4px 10px rgba(0, 0, 0, 0.36);overflow:hidden;transform:translateZ(0);transition:none;}.sgnLiveViewers__avatar:first-child{box-shadow:0 0 0 2px rgba(7, 9, 18, 0.98), 0 0 0 3px rgba(139, 85, 255, 0.34), 0 0 13px rgba(139, 85, 255, 0.38), 0 4px 10px rgba(0, 0, 0, 0.36);}.sgnLiveViewers__avatar + .sgnLiveViewers__avatar, .sgnLiveViewers__avatar + .sgnLiveViewers__more{margin-inline-start:-8px;}.sgnLiveViewers__avatar:hover, .sgnLiveViewers__more:hover{z-index:2;border-color:rgba(216, 199, 255, 0.72);transform:translateZ(0);}.sgnLiveViewers__avatar img{inline-size:100%;block-size:100%;object-fit:cover;}.sgnLiveViewers__more{background:linear-gradient(135deg, rgba(25, 22, 44, 0.98), rgba(13, 10, 27, 0.98));color:rgba(225, 214, 255, 0.9);font-size:10px;}.sgnLiveViewers__copy{display:block;flex:1 1 auto;min-inline-size:0;max-inline-size:340px;overflow:hidden;color:var(--sgn-lv-muted);font-size:13px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;order:3;}.sgnLiveViewers.is-updating .sgnLiveViewers__copy{opacity:1;transform:none;}.sgnLiveViewers__username, .sgnLiveViewers__count{color:var(--sgn-lv-name);font-weight:700;text-shadow:0 0 14px var(--sgn-lv-name-glow);}.sgnLiveViewers__text{color:var(--sgn-lv-muted);font-weight:400;}.sgnLiveViewers__muted{color:var(--sgn-lv-quiet);font-weight:500;}.sgnLiveViewers__popover{position:absolute;z-index:1000;inset-block-start:calc(100% + 9px);inset-inline-end:0;min-inline-size:226px;max-inline-size:min(340px, 86vw);padding:10px;border:1px solid rgba(139, 84, 255, 0.32);border-radius:12px;background:linear-gradient(180deg, rgba(26, 34, 48, 0.99), rgba(11, 20, 27, 0.99));color:var(--sgn-lv-text);box-shadow:0 18px 40px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(216, 199, 255, 0.06) inset, 0 0 0 1px rgba(139, 84, 255, 0.1), 0 0 20px rgba(139, 84, 255, 0.12);font-size:13px;line-height:1.35;}.sgnLiveViewers__popover::before{content:"";position:absolute;inset-block-start:-5px;inset-inline-end:22px;inline-size:9px;block-size:9px;border-block-start:1px solid rgba(139, 84, 255, 0.32);border-inline-start:1px solid rgba(139, 84, 255, 0.32);background:#1a2230;transform:rotate(45deg);}.sgnLiveViewers__popover ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;}.sgnLiveViewers__popover li{position:relative;overflow:hidden;padding-inline-start:13px;color:rgba(235, 244, 255, 0.84);text-overflow:ellipsis;white-space:nowrap;}.sgnLiveViewers__popover li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0.55em;inline-size:6px;block-size:6px;border-radius:50%;background:var(--sgn-lv-accent-soft);box-shadow:0 0 6px rgba(139, 84, 255, 0.5);opacity:0.9;}.sgnLiveViewers__popover .sgnLiveViewers__popoverMore{color:var(--sgn-lv-quiet);}.sgnLiveViewers__config{display:none !important;}.sgnLiveViewers.is-placeholder .sgnLiveViewers__status{border-color:rgba(148, 168, 190, 0.18);background:rgba(148, 168, 190, 0.07);box-shadow:none;}.sgnLiveViewers.is-placeholder .sgnLiveViewers__pulseIcon{background:rgba(148, 168, 190, 0.72);box-shadow:0 0 0 3px rgba(148, 168, 190, 0.08);animation:none;}.sgnLiveViewers.is-placeholder .sgnLiveViewers__pulseIcon::before{border-color:rgba(148, 168, 190, 0.2);background:rgba(148, 168, 190, 0.08);box-shadow:none;}.sgnLiveViewers.is-placeholder .sgnLiveViewers__pulseIcon::after{animation:none;opacity:0;}@media (max-width:760px){.sgnLiveViewersHost{padding-inline-end:0;}.sgnLiveViewersHost--active{min-block-size:82px;}.sgnLiveViewers{--sgn-lv-mobile-edge:16px;--sgn-lv-avatar:27px;--sgn-lv-height:38px;position:relative;inset:auto;flex:0 1 calc(100% - var(--sgn-lv-mobile-edge));order:2;inline-size:calc(100% - var(--sgn-lv-mobile-edge));min-inline-size:0;max-inline-size:calc(100% - var(--sgn-lv-mobile-edge));block-size:var(--sgn-lv-height);margin-block-start:8px;margin-inline-end:var(--sgn-lv-mobile-edge);opacity:0;transform:translate3d(0, 0, 0);transition:opacity 260ms cubic-bezier(0.2, 0.7, 0.2, 1), visibility 260ms step-end;}.sgnLiveViewers.is-loading:not(.is-empty), .sgnLiveViewers.is-loading.is-placeholder{opacity:0;transform:translate3d(0, 0, 0);}.sgnLiveViewers.is-ready{opacity:1;transform:translate3d(0, 0, 0);}.sgnLiveViewers.is-empty:not(.is-placeholder){transform:translate3d(0, 0, 0);}.sgnLiveViewers__surface{inline-size:100%;max-inline-size:100%;gap:11px;padding:6px 13px 6px 7px;border-radius:8px;background:linear-gradient(180deg, rgba(31, 42, 66, 0.98) 0%, rgba(18, 25, 43, 0.99) 56%, rgba(13, 18, 33, 0.99) 100%), var(--sgn-lv-bg);box-shadow:0 1px 0 rgba(216, 199, 255, 0.06) inset, 0 -1px 0 rgba(0, 0, 0, 0.34) inset, 0 0 0 1px rgba(132, 77, 255, 0.12), 0 0 12px var(--sgn-lv-glow), 0 5px 14px rgba(0, 0, 0, 0.44);transition:none;}.sgnLiveViewers__surface::after, .sgnLiveViewers.is-loading .sgnLiveViewers__surface::after{opacity:0;}.sgnLiveViewers.is-loading .sgnLiveViewers__status, .sgnLiveViewers.is-loading .sgnLiveViewers__avatars, .sgnLiveViewers.is-loading .sgnLiveViewers__copy{opacity:1;}.sgnLiveViewers__status{gap:5px;block-size:24px;padding:0 3px 0 9px;transition:none;}.sgnLiveViewers__pulseIcon{inline-size:9px;block-size:9px;}.sgnLiveViewers__label{inline-size:auto;opacity:1;}.sgnLiveViewers__avatars{min-inline-size:auto;margin-inline-end:2px;}.sgnLiveViewers__avatar + .sgnLiveViewers__avatar, .sgnLiveViewers__avatar + .sgnLiveViewers__more{margin-inline-start:-6px;}.sgnLiveViewers__copy{flex:1 1 0;font-size:12.5px;max-inline-size:none;padding-inline-start:1px;transition:none;}.sgnLiveViewers__username, .sgnLiveViewers__count{text-shadow:none;}.sgnLiveViewers__avatar, .sgnLiveViewers__more{transition:none;}}@media (max-width:420px){.sgnLiveViewersHost{min-block-size:82px;}.sgnLiveViewers__avatars{--sgn-lv-avatar:25px;}}@media (prefers-reduced-motion:reduce){.sgnLiveViewers, .sgnLiveViewers__surface, .sgnLiveViewers__surface::after, .sgnLiveViewers__status, .sgnLiveViewers__avatars, .sgnLiveViewers__copy, .sgnLiveViewers__avatar, .sgnLiveViewers__more, .sgnLiveViewers__pulseIcon, .sgnLiveViewers__pulseIcon::before, .sgnLiveViewers__pulseIcon::after{animation:none;transition:none;}.sgnLiveViewers{transform:translate3d(0, -50%, 0);}@media (max-width:760px){.sgnLiveViewers, .sgnLiveViewers.is-loading:not(.is-empty), .sgnLiveViewers.is-loading.is-placeholder, .sgnLiveViewers.is-ready, .sgnLiveViewers.is-empty:not(.is-placeholder){transform:translate3d(0, 0, 0);}}}