.community-live-card{border:1px solid color-mix(in srgb, var(--violet) 32%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--violet-soft) 72%, var(--surface)), var(--surface));border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.community-live-icon{background:var(--violet);color:#fff;width:50px;height:50px;box-shadow:0 12px 30px color-mix(in srgb, var(--violet) 30%, transparent);border-radius:17px;place-items:center;display:grid}.community-live-card>div{min-width:0}.community-live-card h2{margin:4px 0}.community-live-card p{color:var(--muted);margin:0;line-height:1.45}.community-live-card .button{white-space:nowrap}.community-member-total{border:1px solid var(--line);background:var(--surface-elevated);border-radius:11px;place-items:center;min-width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.community-member-list{gap:8px;display:grid}.community-member-row{border:1px solid var(--line);background:var(--surface-warm);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;display:grid}.community-member-avatar{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:13px;place-items:center;font-size:13px;font-weight:900;display:grid}.community-member-copy{gap:2px;min-width:0;display:grid}.community-member-copy strong,.community-member-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-member-copy strong{font-size:14px}.community-member-copy small{color:var(--muted);font-size:11px}@media (width<=700px){.community-live-card{grid-template-columns:auto minmax(0,1fr)}.community-live-card .button{grid-column:1/-1;width:100%}.community-member-row{grid-template-columns:auto minmax(0,1fr)}.community-member-row .presence-badge{grid-column:2}}