.we-live { position:fixed;right:18px;bottom:18px;z-index:1100;width:420px;max-width:calc(100vw - 24px);background:var(--we-bg,#0b0e14);border:1px solid var(--we-border-glow,rgba(168,85,247,.45));border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0008,0 0 20px rgba(138,43,226,.16);color:var(--we-text,#e8eaef); }
.we-live-header { display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 14px;border:0;background:linear-gradient(135deg,rgba(138,43,226,.24),rgba(168,85,247,.08));color:var(--we-primary-light,#c084fc);text-align:left;font-size:12px;font-weight:bold;cursor:pointer; }
.we-live-header i { display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4545;margin-right:6px; }
.we-live-header b { margin-left:8px; }
.we-live-body { max-height:75vh;overflow:auto; }
.we-live-body[hidden],.we-live-channel[hidden] { display:none; }
.we-live-toolbar { display:flex;justify-content:space-between;align-items:center;padding:5px 12px;font-size:12px; }
.we-live-toolbar button { background:transparent;border:0;color:var(--we-primary-light,#c084fc);padding:5px 12px;cursor:pointer; }
.we-live-toolbar button:disabled { opacity:.3;cursor:default; }
.we-live-grid { display:grid;grid-template-columns:1fr;gap:10px; }
.we-live-channel { background:#08070a;min-width:0; }
.we-live-channel iframe { display:block;width:100%;height:300px;border:0; }
.we-live-channel footer { display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:12px; }
.we-live-channel footer a { background:linear-gradient(135deg,var(--we-primary,#8a2be2),var(--we-accent,#a855f7));border-radius:20px;padding:5px 12px;color:#fff!important;white-space:nowrap;box-shadow:0 0 12px rgba(168,85,247,.2); }
.we-live-channel footer { background:rgba(168,85,247,.08);border-top:1px solid var(--we-border,rgba(168,85,247,.15)); }
.we-live-channel iframe[hidden],.we-live-https[hidden] { display:none; }
.we-live-https { min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:radial-gradient(ellipse,#28153d,#0b0e14); }
.we-live-https strong { color:var(--we-primary-light,#c084fc);font-size:22px; }
.we-live-https p { margin:12px 0 0;font-size:14px;line-height:1.6;color:var(--we-text-muted,#aeb0b3); }
.we-live-tiktok { min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse,#342343,#08070a); }
.we-live-mobile { display:none; }
@media(min-width:900px) { .we-live[data-visible="2"],.we-live[data-visible="3"],.we-live[data-visible="4"] { width:850px; } .we-live[data-visible="2"] .we-live-grid,.we-live[data-visible="3"] .we-live-grid,.we-live[data-visible="4"] .we-live-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:423px) { .we-live { right:12px;bottom:12px; } .we-live-channel[data-platform="twitch"] iframe { display:none; } .we-live-channel[data-platform="twitch"] .we-live-mobile { display:block;padding:28px 16px;margin:0; } }