.online-viewer-section{margin:8px 0 38px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fbf8fd 100%)}.online-viewer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.online-viewer-heading h2{margin:6px 0 7px}.online-viewer-heading p{max-width:760px;margin:0;color:var(--muted);line-height:1.65}.online-channel-count{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#f2eaf7;color:#684287;font-size:10px;font-weight:900}.online-player-shell{overflow:hidden;margin-bottom:18px;border:1px solid #e7dce6;border-radius:20px;background:#111;box-shadow:0 18px 55px rgba(57,34,66,.12)}.online-player-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:#171219;color:#fff}.online-player-head>div{display:flex;align-items:center;gap:10px;min-width:0}.online-player-head span{font-size:9px;font-weight:900;letter-spacing:.07em;color:#d9cbe0;text-transform:uppercase}.online-player-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.online-player-head>b{padding:5px 7px;border-radius:999px;background:#e31667;color:#fff;font-size:8px;letter-spacing:.08em}.online-player-frame{position:relative;width:100%;aspect-ratio:16/9;background:#090809}.online-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.online-upcoming-note{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid #e8deea;border-radius:15px;background:#fff}.online-upcoming-note strong{font-size:13px}.online-upcoming-note span{flex:1;color:var(--muted);font-size:11px;line-height:1.55}.online-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.online-channel-card{display:flex;min-height:170px;flex-direction:column;padding:16px;border:1px solid #eadfe8;border-radius:16px;background:#fff;transition:.18s}.online-channel-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(71,47,80,.08)}.online-channel-card.selected{border-color:#c9acd6;box-shadow:0 0 0 3px rgba(116,81,173,.07)}.online-channel-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.online-channel-card-head>b{font-size:8px;letter-spacing:.08em;color:#e31667}.channel-type{display:inline-flex;width:max-content;padding:5px 7px;border-radius:999px;background:#f3eef6;color:#684287;font-size:8px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.channel-youtube{background:#fff0f0;color:#c32626}.channel-facebook{background:#eef4ff;color:#2659a8}.channel-zoom{background:#eef7ff;color:#286aa6}.channel-external{background:#f1f1f1;color:#5d5d5d}.online-channel-card h3{margin:13px 0 6px;font-size:15px}.online-channel-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.channel-action{margin-top:auto;padding-top:16px;color:#684287;font-size:10px;font-weight:900;text-decoration:none}.channel-action:hover{color:#e31667}.event-hero .hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.event-hero .attendance-pill{display:inline-flex;align-items:center}@media(max-width:980px){.online-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.online-viewer-section{padding:20px 16px;border-radius:18px}.online-viewer-heading{flex-direction:column}.online-upcoming-note{align-items:flex-start;flex-direction:column}.online-channel-grid{grid-template-columns:1fr}.online-player-head>div{align-items:flex-start;flex-direction:column;gap:3px}.online-player-head strong{white-space:normal}.online-player-frame{aspect-ratio:16/10}}.online-player-actions{display:flex;justify-content:flex-end;padding:10px 12px 12px;border-top:1px solid #eee6ef;background:#fff}.online-player-actions .btn{font-size:10px}@media(max-width:700px){.online-player-actions{justify-content:stretch}.online-player-actions .btn{width:100%;text-align:center}}