#streaming *{ margin:0; padding:0; box-sizing:border-box; }
#streaming{ --text:#f5f7ff; --muted:#a5b2cc; --blue:#4e9dff; --border:rgba(174,202,255,.15); --navy:#07152f; --surface:#0b1d3a; }
#streaming{ scroll-behavior:smooth; }
#streaming{
  background:#050d1d;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",sans-serif;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
#streaming a{ color:inherit; text-decoration:none; }
#streaming .stream-banner{ min-height:clamp(440px,52vw,650px); border:0; border-radius:0; margin:0 calc((min(1500px,100vw) - 100vw)/2) 2rem; box-shadow:none; }
#streaming .stream-banner::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,#06142c 0%,rgba(6,20,44,.93) 28%,rgba(6,20,44,.3) 72%,rgba(6,20,44,.1)),linear-gradient(0deg,#07152d 0%,transparent 45%); z-index:1; pointer-events:none; }
#streaming .stream-banner::after{ display:none; }
#streaming .stream-banner-art{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; opacity:0; transition:opacity .35s; }
#streaming .stream-banner-art.is-loaded{ opacity:1; }
#streaming .banner-copy{ inset:auto auto 4rem max(2rem,calc((100vw - 1260px)/2)); width:min(540px,calc(100% - 3rem)); }
#streaming .banner-kicker{ display:inline-flex; align-items:center; gap:.55rem; color:#a9caff; font-size:.73rem; font-weight:750; letter-spacing:.2em; }
#streaming .banner-kicker::before{ content:""; width:7px; height:7px; border-radius:50%; background:#55a5ff; box-shadow:0 0 14px #55a5ff; }
#streaming .banner-copy h1{ margin:.8rem 0; font-size:clamp(2.7rem,6vw,5.4rem); line-height:.98; letter-spacing:-.06em; text-wrap:balance; }
#streaming .banner-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin:.7rem 0 1rem; color:#d9e5fa; font-size:.83rem; font-weight:650; }
#streaming .banner-meta span+span::before{ content:"•"; margin-right:.55rem; color:#8295b5; }
#streaming .banner-copy p{ color:#d0d9e8; max-width:500px; line-height:1.65; font-size:.96rem; }
#streaming .banner-actions{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.35rem; }
#streaming .banner-actions button, #streaming .search-box, #streaming .catalog-filter{ border:1px solid rgba(195,216,255,.2); border-radius:8px; color:#f8fbff; background:rgba(255,255,255,.09); }
#streaming .banner-actions button{ min-height:48px; padding:.75rem 1.2rem; cursor:pointer; font-size:.88rem; font-weight:750; }
#streaming .banner-actions .primary{ border-color:#fff; background:#fff; color:#07152d; }
#streaming .banner-actions button:hover{ transform:translateY(-1px); background:rgba(255,255,255,.17); }
#streaming .banner-actions .primary:hover{ background:#dceaff; }
#streaming .stream-layout{ display:block; }
#streaming .episodes-section{ background:transparent; border:0; border-radius:0; padding:0 0 2rem; backdrop-filter:none; }
#streaming .catalog-toolbar{ display:flex; justify-content:space-between; align-items:end; gap:1rem; margin:0 0 1.75rem; }
#streaming .catalog-heading{ min-width:0; }
#streaming .catalog-heading .banner-kicker{ margin-bottom:.4rem; }
#streaming .catalog-heading h1{ margin:0; text-align:left; font-size:clamp(1.8rem,3vw,2.4rem); letter-spacing:-.045em; }
#streaming .catalog-heading p{ margin-top:.45rem; color:var(--muted); font-size:.87rem; }
#streaming .catalog-controls{ display:flex; gap:.6rem; align-items:center; }
#streaming .search-box{ display:flex; align-items:center; gap:.5rem; min-width:min(280px,38vw); padding:0 .8rem; }
#streaming .search-box input{ width:100%; min-width:0; min-height:42px; border:0; outline:0; color:#fff; background:transparent; }
#streaming .search-box input::placeholder{ color:#94a5c2; }
#streaming .catalog-filter{ min-height:44px; padding:0 .8rem; cursor:pointer; }
#streaming .catalog-filter option, #streaming .player-select option{ background:#0b1d3a; }
#streaming .library-section{ margin-top:2rem; overflow:visible; }
#streaming .library-section h2{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.85rem; font-size:1.28rem; letter-spacing:-.025em; }
#streaming .library-section .episode-grid{ gap:.9rem; padding:.3rem .1rem 1.2rem; scrollbar-color:rgba(150,185,240,.42) transparent; }
#streaming .library-section .episode-card{ flex-basis:clamp(220px,22vw,290px); }
#streaming .episode-card{ background:#0b1d3a; border:1px solid rgba(159,190,241,.15); border-radius:11px; box-shadow:0 8px 25px rgba(0,0,0,.25); }
#streaming .episode-card:hover{ transform:translateY(-4px); border-color:rgba(127,178,255,.7); box-shadow:0 15px 40px rgba(0,0,0,.42),0 0 20px rgba(52,123,221,.12); }
#streaming .episode-card::after{ height:56%; background:linear-gradient(180deg,rgba(3,12,27,.58),transparent); }
#streaming .episode-thumb{ aspect-ratio:16/9; filter:saturate(1.05); }
#streaming .episode-info{ padding:.8rem .9rem .9rem; }
#streaming .episode-title{ font-size:.98rem; letter-spacing:-.015em; }
#streaming .episode-date{ color:#9eb1d1; text-transform:capitalize; }
#streaming .episode-desc{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:2.5em; font-size:.78rem; color:#c0cce0; }
#streaming .episode-buttons{ grid-template-columns:1fr auto; }
#streaming .episode-buttons button{ min-height:38px; }
#streaming .episode-buttons button:first-child{ grid-column:auto; background:#e8f1ff; color:#07152d; border-color:#e8f1ff; }
#streaming .episode-buttons button:first-child:hover{ background:white; }
#streaming .mpaa-rating, #streaming .quality-badge{ top:10px; font-size:.62rem; }
#streaming .mpaa-rating{ border-radius:4px; }
#streaming .quality-badge{ background:rgba(7,21,45,.78); color:#fff; border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(10px); }
#streaming .live-dashboard, #streaming .ad-rail{ display:none; }
#streaming .content-detail{ position:fixed; inset:0; z-index:9000; display:none; overflow-y:auto; border:0; border-radius:0; background:#06142b; box-shadow:none; }
#streaming .content-detail.is-visible{ display:block; }
#streaming .detail-hero{ min-height:min(76vh,700px); background-position:center 32%; }
#streaming .detail-hero::before{ background:linear-gradient(90deg,rgba(3,12,28,.94),rgba(3,12,28,.66) 52%,rgba(3,12,28,.08)),linear-gradient(0deg,#06142b 0%,transparent 52%); }
#streaming .detail-copy{ width:min(680px,100%); }
#streaming .detail-kicker{ color:#a9caff; }
#streaming .detail-meta{ display:flex; flex-wrap:wrap; gap:.5rem; margin:.7rem 0; }
#streaming .detail-rating-line{ display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin:.85rem 0; }
#streaming .detail-description{ font-size:1rem; }
#streaming .detail-actions .primary{ background:#e8f1ff; border-color:#e8f1ff; color:#07152d; }
#streaming .detail-body{ max-width:1260px; margin:0 auto; }
#streaming .detail-body h2{ margin-top:1.7rem; }
#streaming .detail-cast div{ min-height:78px; background:rgba(32,62,107,.42); border-color:rgba(159,190,241,.16); }
#streaming .detail-cast .credits-empty{ grid-column:1/-1; color:var(--muted); font-size:.86rem; }
#streaming .detail-related .episode-card{ flex-basis:250px; }
#streaming .detail-close{ position:absolute; z-index:4; top:1.2rem; right:1.2rem; width:42px; height:42px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; background:rgba(3,12,28,.65); font-size:1.15rem; cursor:pointer; }
#streaming .detail-close:hover{ background:rgba(255,255,255,.18); }
#streaming .back-button{ margin-bottom:2rem; background:rgba(3,12,28,.5); }
#streaming .video-player-container{ background:rgba(2,8,20,.96); }
#streaming .player-stage{ border:1px solid rgba(133,174,242,.25); border-radius:12px; }
#streaming .player-topbar{ justify-content:space-between; align-items:flex-start; }
#streaming .player-now-playing{ padding:.3rem .25rem; color:#fff; font-size:.88rem; font-weight:700; text-shadow:0 2px 12px #000; }
#streaming .player-status{ position:absolute; z-index:2; top:50%; left:50%; max-width:80%; transform:translate(-50%,-50%); color:#e8f1ff; font-size:.9rem; text-align:center; text-shadow:0 2px 14px #000; pointer-events:none; }
#streaming .empty-state{ border-color:rgba(159,190,241,.25); color:#b6c7e2; }
#streaming .upload-panel{ margin:0 0 2rem; padding:1.35rem; border:1px solid var(--border); border-radius:14px; background:linear-gradient(135deg,rgba(21,48,88,.82),rgba(8,23,47,.9)); }
#streaming .upload-panel-heading{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1.15rem; }
#streaming .upload-panel h2{ margin:0 0 .35rem; font-size:1.25rem; }
#streaming .upload-panel p, #streaming .upload-help{ color:var(--muted); font-size:.85rem; line-height:1.55; }
#streaming .upload-auth-notice{ white-space:nowrap; color:#a9caff !important; font-weight:700; }
#streaming .upload-auth-notice a{ text-decoration:underline; text-underline-offset:3px; }
#streaming .upload-fields{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:.9rem; }
#streaming .upload-field{ display:grid; gap:.4rem; color:#e7efff; font-size:.82rem; font-weight:650; }
#streaming .upload-field input, #streaming .upload-field textarea{ width:100%; min-height:44px; padding:.7rem .8rem; border:1px solid rgba(195,216,255,.2); border-radius:8px; color:#fff; background:rgba(1,9,22,.45); font:inherit; }
#streaming .upload-field textarea{ min-height:88px; resize:vertical; }
#streaming .upload-field input[type=file]{ padding:.55rem; }
#streaming .upload-file-field{ grid-column:1/-1; }
#streaming .upload-help{ margin-top:.45rem; font-weight:400; }
#streaming .upload-actions{ display:flex; align-items:center; gap:1rem; margin-top:1rem; }
#streaming .upload-submit{ min-height:42px; padding:.65rem 1rem; border:1px solid #e8f1ff; border-radius:8px; background:#e8f1ff; color:#07152d; font:inherit; font-weight:750; cursor:pointer; }
#streaming .upload-submit:disabled{ opacity:.55; cursor:not-allowed; }
#streaming .upload-progress{ width:min(340px,45vw); height:10px; accent-color:#4e9dff; }
#streaming .upload-status{ min-height:1.4em; margin-top:.8rem; color:#c0d7ff !important; }
#streaming :focus-visible{ outline:2px solid #78b8ff; outline-offset:3px; }
@media(max-width:700px){#streaming{ padding:0 1rem 3rem; }
#streaming .stream-banner{ min-height:530px; margin:0 -1rem 1.3rem; }
#streaming .stream-banner::before{ background:linear-gradient(0deg,#07152d 0%,rgba(6,20,44,.74) 40%,rgba(6,20,44,.1) 100%); }
#streaming .banner-copy{ inset:auto 1.25rem 2.2rem; width:auto; }
#streaming .banner-copy h1{ font-size:clamp(2.4rem,12vw,4rem); }
#streaming .catalog-toolbar{ align-items:stretch; flex-direction:column; }
#streaming .catalog-controls{ width:100%; }
#streaming .search-box{ flex:1; min-width:0; }
#streaming .catalog-filter{ max-width:46%; }
#streaming .library-section .episode-card{ flex-basis:74vw; max-width:320px; }
#streaming .detail-hero{ min-height:80vh; padding:1.25rem; }
#streaming .detail-copy h1{ font-size:clamp(2.2rem,11vw,4rem); }
#streaming .detail-close{ top:.75rem; right:.75rem; }
#streaming .detail-related .episode-card{ flex-basis:74vw; }
#streaming .player-controls{ flex-wrap:wrap; }
#streaming .player-progress{ flex-basis:100%; order:0; }
}#streaming{ width:min(1500px,100%); margin:0 auto; padding:1.25rem 1.5rem 5rem; }
#streaming .stream-banner{ position:relative; overflow:hidden; min-height:270px; margin:0 auto 2rem; border:1px solid var(--border); border-radius:28px; background:#111; box-shadow:0 24px 80px rgba(0,0,0,.35); }
#streaming .stream-banner video{ display:block; width:100%; height:clamp(260px,38vw,440px); object-fit:cover; opacity:.72; }
#streaming .stream-banner::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.8),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 50%); pointer-events:none; }
#streaming .banner-copy{ position:absolute; inset:auto 2rem 2rem; z-index:1; }
#streaming .banner-kicker{ color:#a1a1a6; font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; }
#streaming .banner-copy h1{ margin:.4rem 0; font-size:clamp(2rem,5vw,4.5rem); letter-spacing:-.06em; }
#streaming .banner-copy p{ color:#d2d2d7; max-width:470px; line-height:1.5; }
#streaming .stream-layout{ display:grid; grid-template-columns:170px minmax(0,1fr) 170px; gap:1.25rem; align-items:start; }
#streaming .ad-rail{ display:flex; flex-direction:column; gap:1rem; position:sticky; top:72px; }
#streaming .rail-label{ color:var(--muted); font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; }
#streaming .ad-box{ overflow:hidden; width:100%; aspect-ratio:9/14; border:1px solid var(--border); border-radius:20px; background:#111; box-shadow:0 14px 40px rgba(0,0,0,.3); transition:transform .3s, border-color .3s; }
#streaming .ad-box:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.3); }
#streaming .ad-box video{ width:100%; height:100%; object-fit:cover; }
#streaming .video-player-container{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:clamp(1rem,4vw,3rem); background:rgba(0,0,0,.9); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); z-index:10000; }
#streaming .video-player-container.is-open{ display:flex; }
#streaming .player-stage{ position:relative; width:min(1280px,100%); aspect-ratio:16/9; background:#000; border:1px solid rgba(255,255,255,.16); border-radius:24px; overflow:hidden; box-shadow:0 30px 100px rgba(0,0,0,.7); }
#streaming #player{ display:block; width:100%; height:100%; border:0; background:#000; }
#streaming #player.is-hidden{ display:none; }
#streaming #youtubePlayer{ display:block; width:100%; height:100%; border:0; background:#000; }
#streaming #youtubePlayer.is-hidden{ display:none; }
#streaming .player-controls.is-hidden{ display:none; }
#streaming .player-ad{ display:none; width:100%; height:100%; object-fit:contain; background:#000; }
#streaming .player-ad.is-active{ display:block; }
#streaming .ad-overlay{ display:none; position:absolute; inset:0; z-index:3; pointer-events:none; }
#streaming .ad-overlay.is-active{ display:block; }
#streaming .ad-label{ position:absolute; top:1rem; left:1rem; padding:.45rem .65rem; border-radius:999px; background:rgba(0,0,0,.7); color:#fff; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
#streaming #skipAd{ position:absolute; right:1rem; bottom:4.6rem; pointer-events:auto; border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:.6rem .85rem; background:rgba(20,20,22,.82); color:#fff; cursor:pointer; }
#streaming #skipAd:disabled{ opacity:.65; cursor:wait; }
#streaming .player-topbar{ position:absolute; inset:0 0 auto; z-index:2; display:flex; justify-content:flex-end; padding:1rem; background:linear-gradient(rgba(0,0,0,.7),transparent); pointer-events:none; }
#streaming #closePlayer, #streaming .player-control{ pointer-events:auto; width:38px; height:38px; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(30,30,32,.75); color:#fff; cursor:pointer; backdrop-filter:blur(14px); }
#streaming #closePlayer:hover, #streaming .player-control:hover{ background:rgba(255,255,255,.22); }
#streaming .player-controls{ position:absolute; inset:auto 0 0; z-index:2; display:flex; align-items:center; gap:.7rem; padding:1.25rem 1rem 1rem; background:linear-gradient(transparent,rgba(0,0,0,.86)); opacity:0; transition:opacity .25s; }
#streaming .player-stage:hover .player-controls, #streaming .player-stage:focus-within .player-controls{ opacity:1; }
#streaming .player-progress{ flex:1; accent-color:#fff; cursor:pointer; }
#streaming .player-time{ min-width:92px; color:#fff; font-size:.72rem; font-variant-numeric:tabular-nums; text-align:center; }
#streaming .player-select{ min-height:34px; max-width:120px; padding:0 .65rem; border:1px solid rgba(255,255,255,.18); border-radius:999px; background:rgba(30,30,32,.8); color:#fff; font-size:.72rem; }
body.player-open{ overflow:hidden; }
#streaming .episodes-section{ width:100%; background:linear-gradient(180deg,rgba(29,29,31,.78),rgba(18,18,20,.64)); border:1px solid var(--border); border-radius:28px; padding:clamp(1.25rem,3vw,2.5rem); backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px); }
#streaming .episodes-section h1{ font-size:clamp(2rem,4vw,3rem); letter-spacing:-.06em; text-align:center; margin-bottom:1.5rem; }
#streaming #seasonSelector{ display:none; text-align:center; margin-bottom:1.5rem; }
#streaming #seasonSelector select{ padding:.7rem 1rem; font-size:.9rem; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-weight:600; cursor:pointer; }
#streaming .library-section{ margin-top:2rem; }
#streaming .library-section h2{ margin:0 0 .85rem; font-size:1.35rem; letter-spacing:-.035em; }
#streaming .library-section{ overflow:hidden; }
#streaming .library-section .episode-grid{ display:flex; overflow-x:auto; gap:1rem; padding:.25rem .15rem 1.1rem; scroll-snap-type:x proximity; scrollbar-width:thin; }
#streaming .library-section .episode-card{ flex:0 0 clamp(220px,27vw,290px); scroll-snap-align:start; }
#streaming .empty-state{ padding:2rem 1rem; color:var(--muted); text-align:center; border:1px dashed var(--border); border-radius:18px; }
#streaming .content-detail{ display:none; overflow:hidden; border:1px solid var(--border); border-radius:28px; background:rgba(20,20,22,.78); box-shadow:0 24px 80px rgba(0,0,0,.35); }
#streaming .content-detail.is-visible{ display:block; }
#streaming .catalog-view.is-hidden{ display:none; }
#streaming .detail-hero{ min-height:clamp(380px,48vw,620px); display:flex; align-items:flex-end; position:relative; padding:clamp(1.5rem,5vw,4rem); background:#111 center/cover no-repeat; }
#streaming .detail-hero::before{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.38) 55%,rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%); }
#streaming .detail-copy{ position:relative; max-width:680px; }
#streaming .detail-copy h1{ font-size:clamp(2.1rem,6vw,5rem); letter-spacing:-.07em; line-height:.98; margin:.55rem 0 1rem; }
#streaming .detail-kicker, #streaming .detail-meta{ color:#c7c7cc; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
#streaming .detail-description{ color:#e5e5ea; line-height:1.6; max-width:600px; margin-bottom:1.25rem; }
#streaming .detail-actions{ display:flex; flex-wrap:wrap; gap:.7rem; }
#streaming .detail-actions button, #streaming .back-button{ border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:.75rem 1.1rem; color:#fff; background:rgba(255,255,255,.1); cursor:pointer; font-weight:650; }
#streaming .detail-actions .primary{ color:#111; background:#fff; border-color:#fff; }
#streaming .detail-body{ padding:1.5rem clamp(1rem,4vw,2.5rem) 2.5rem; }
#streaming .detail-info{ display:flex; flex-wrap:wrap; gap:.65rem 1rem; color:#b7b7bd; font-size:.84rem; margin-bottom:1.5rem; }
#streaming .detail-info span{ padding:.42rem .7rem; border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.05); }
#streaming .detail-cast{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:.65rem; margin:1rem 0 2rem; }
#streaming .detail-cast div{ padding:.8rem; border:1px solid var(--border); border-radius:16px; background:rgba(255,255,255,.04); }
#streaming .detail-cast strong, #streaming .detail-cast span{ display:block; }
#streaming .detail-cast strong{ font-size:.78rem; }
#streaming .detail-cast span{ color:var(--muted); font-size:.72rem; margin-top:.25rem; }
#streaming .rating-chip{ display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .6rem; border-radius:7px; background:#f2f2f2; color:#111; font-size:.7rem; font-weight:800; letter-spacing:.05em; }
#streaming .detail-body h2{ font-size:1.25rem; margin-bottom:.85rem; }
#streaming .detail-related{ display:flex; overflow-x:auto; gap:1rem; padding-bottom:.8rem; }
#streaming .detail-related .episode-card{ flex:0 0 220px; }
#streaming .live-dashboard{ display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:1rem; margin:0 0 2rem; }
#streaming .live-panel{ min-width:0; padding:1rem; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.06); }
#streaming .live-panel h2{ margin-bottom:.8rem; font-size:1rem; letter-spacing:-.02em; }
#streaming .live-panel small, #streaming .data-updated{ color:var(--muted); font-size:.7rem; }
#streaming .live-list{ display:grid; gap:.6rem; max-height:220px; overflow:auto; }
#streaming .live-story, #streaming .quote-row{ padding:.65rem .7rem; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(0,0,0,.18); }
#streaming .live-story{ cursor:pointer; transition:background .2s,border-color .2s; }
#streaming .live-story:hover{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22); }
#streaming .live-story strong{ display:block; font-size:.8rem; line-height:1.25; }
#streaming .live-story span{ display:block; color:var(--muted); font-size:.68rem; margin-top:.35rem; }
#streaming .quote-row{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; font-variant-numeric:tabular-nums; }
#streaming .quote-row strong{ font-size:.8rem; }
#streaming .quote-price{ text-align:right; font-size:.78rem; }
#streaming .positive{ color:#55d68b; }
#streaming .negative{ color:#ff756f; }
#streaming .live-badge{ display:inline-flex; align-items:center; gap:.35rem; color:#ff5f57; font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
#streaming .live-badge::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 12px currentColor; }
#streaming .coverage-card{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.7rem; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(0,0,0,.18); }
#streaming .coverage-card button{ border:0; border-radius:999px; padding:.45rem .7rem; background:#fff; color:#111; font-weight:700; cursor:pointer; }
#streaming .episode-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:1.25rem; }
#streaming .episode-card{ background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035) 42%,rgba(0,0,0,.4)); border:1px solid rgba(255,255,255,.13); border-radius:20px; overflow:hidden; display:flex; flex-direction:column; position:relative; cursor:pointer; box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08); transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s; }
#streaming .episode-card:hover{ transform:translateY(-7px) scale(1.015); border-color:rgba(255,255,255,.3); box-shadow:0 24px 50px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06); }
#streaming .episode-thumb{ width:100%; aspect-ratio:16/9; height:auto; object-fit:cover; background:#16161a; filter:saturate(.92) contrast(1.04); transition:transform .5s cubic-bezier(.16,1,.3,1),filter .35s; }
#streaming .episode-card:hover .episode-thumb{ transform:scale(1.045); filter:saturate(1.1); }
#streaming .episode-card::after{ content:""; position:absolute; top:0; left:0; right:0; height:45%; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.35),transparent); }
#streaming .mpaa-rating, #streaming .quality-badge{ position:absolute; top:12px; font-weight:700; font-size:.65rem; letter-spacing:.04em; padding:.38rem .6rem; border-radius:999px; z-index:2; box-shadow:0 4px 12px rgba(0,0,0,.25); }
#streaming .mpaa-rating{ left:12px; background:rgba(245,245,247,.94); color:#111; border-radius:4px; }
#streaming .quality-badge{ right:12px; background:rgba(255,255,255,.9); color:#111; }
#streaming .episode-info{ padding:1.15rem; flex:1; display:flex; flex-direction:column; }
#streaming .episode-title{ font-size:1.1rem; line-height:1.2; letter-spacing:-.035em; margin:0 0 .45rem; }
#streaming .episode-date{ font-size:.72rem; color:#a1a1a6; margin-bottom:.65rem; letter-spacing:.02em; }
#streaming .episode-desc{ font-size:.84rem; color:#c7c7cc; margin-bottom:1.1rem; flex:1; line-height:1.5; }
#streaming .episode-buttons{ display:grid; grid-template-columns:1fr 1fr; gap:.5rem; }
#streaming .episode-buttons button{ min-height:34px; padding:.52rem .65rem; background:rgba(255,255,255,.1); color:#f5f5f7; border:1px solid rgba(255,255,255,.12); border-radius:999px; cursor:pointer; font-size:.72rem; font-weight:600; letter-spacing:-.01em; transition:background .2s,border-color .2s,transform .2s; }
#streaming .episode-buttons button:first-child{ grid-column:1 / -1; background:#fff; color:#111; border-color:#fff; font-size:.78rem; }
#streaming .episode-buttons button:hover{ background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.3); transform:translateY(-1px); }
#streaming .episode-buttons button:first-child:hover{ background:#e8e8ed; }
#streaming .episode-buttons button:disabled{ grid-column:1 / -1; color:#a1a1a6; background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.08); cursor:not-allowed; transform:none; }
@media(max-width:980px){#streaming .live-dashboard{ grid-template-columns:1fr 1fr; }
#streaming .live-panel:first-child{ grid-column:1 / -1; }
#streaming .stream-layout{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
#streaming .stream-layout > .episodes-section{ grid-column:1 / -1; grid-row:1; }
#streaming .ad-rail{ position:static; flex-direction:row; }
#streaming .ad-box{ max-width:220px; }
}@media(max-width:600px){#streaming{ padding:1rem .75rem 3rem; }
#streaming .banner-copy{ inset:auto 1.25rem 1.25rem; }
#streaming .stream-layout{ display:flex; flex-direction:column; }
#streaming .ad-rail{ width:100%; order:2; justify-content:center; }
#streaming .ad-box{ width:42%; }
#streaming .episodes-section{ order:1; }
#streaming .episode-thumb{ height:auto; }
#streaming .episode-buttons button{ grid-column:1 / -1; }
#streaming .player-stage{ border-radius:14px; }
#streaming .player-controls{ opacity:1; gap:.4rem; padding:.8rem .6rem .6rem; }
#streaming .player-time{ min-width:78px; font-size:.65rem; }
}#streaming{ width:100%; max-width:none; padding:0 0 5rem; }
#streaming .stream-banner{ position:relative; width:100vw; min-height:clamp(440px,52vw,650px); margin:0 0 2rem calc(50% - 50vw); overflow:hidden; border:0; border-radius:0; background:#07152d; box-shadow:none; }
#streaming .stream-banner{ background:radial-gradient(ellipse at 72% 40%,rgba(30,93,177,.38),transparent 40%),linear-gradient(120deg,#06142c,#0a2853); }
#streaming .stream-banner::before{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#06142c 0%,rgba(6,20,44,.93) 28%,rgba(6,20,44,.3) 72%,rgba(6,20,44,.1)),linear-gradient(0deg,#07152d 0%,transparent 45%); pointer-events:none; }
#streaming .stream-banner::after{ display:none; }
#streaming .stream-banner-art{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 35%; }
#streaming .banner-copy{ inset:auto auto 4rem max(2rem,calc((100vw - 1260px)/2)); width:min(540px,calc(100% - 3rem)); }
#streaming .banner-kicker{ display:inline-flex; align-items:center; gap:.55rem; color:#a9caff; font-size:.73rem; font-weight:750; letter-spacing:.2em; }
#streaming .banner-kicker::before{ content:""; width:7px; height:7px; border-radius:50%; background:#55a5ff; box-shadow:0 0 14px #55a5ff; }
#streaming .banner-copy h1{ margin:.8rem 0; font-size:clamp(2.7rem,6vw,5.4rem); line-height:.98; letter-spacing:-.06em; text-wrap:balance; }
#streaming .banner-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; margin:.7rem 0 1rem; color:#d9e5fa; font-size:.83rem; font-weight:650; }
#streaming .banner-meta span+span::before{ content:"•"; margin-right:.55rem; color:#8295b5; }
#streaming .banner-copy p{ color:#d0d9e8; max-width:500px; line-height:1.65; font-size:.96rem; }
#streaming .banner-actions{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.35rem; }
#streaming .banner-actions button, #streaming .search-box, #streaming .catalog-filter{ border:1px solid rgba(195,216,255,.2); border-radius:8px; color:#f8fbff; background:rgba(255,255,255,.09); }
#streaming .banner-actions button{ min-height:48px; padding:.75rem 1.2rem; cursor:pointer; font-size:.88rem; font-weight:750; }
#streaming .banner-actions .primary{ border-color:#fff; background:#fff; color:#07152d; }
#streaming .banner-actions button:hover{ transform:translateY(-1px); background:rgba(255,255,255,.17); }
#streaming .banner-actions .primary:hover{ background:#dceaff; }
#streaming .stream-layout{ display:block; width:min(1260px,calc(100% - 3rem)); margin:0 auto; }
#streaming .episodes-section{ background:transparent; border:0; border-radius:0; padding:0 0 2rem; backdrop-filter:none; }
#streaming .catalog-toolbar{ display:flex; justify-content:space-between; align-items:end; gap:1rem; margin:0 0 1.75rem; }
#streaming .catalog-heading{ min-width:0; }
#streaming .catalog-heading .banner-kicker{ margin-bottom:.4rem; }
#streaming .catalog-heading h1{ margin:0; text-align:left; font-size:clamp(1.8rem,3vw,2.4rem); letter-spacing:-.045em; }
#streaming .catalog-heading p{ margin-top:.45rem; color:var(--muted); font-size:.87rem; }
#streaming .catalog-controls{ display:flex; gap:.6rem; align-items:center; }
#streaming .search-box{ display:flex; align-items:center; gap:.5rem; min-width:min(280px,38vw); padding:0 .8rem; }
#streaming .search-box input{ width:100%; min-width:0; min-height:42px; border:0; outline:0; color:#fff; background:transparent; }
#streaming .search-box input::placeholder{ color:#94a5c2; }
#streaming #seasonSelector{ display:block; margin:0; }
#streaming .catalog-filter{ min-height:44px; padding:0 .8rem; cursor:pointer; }
#streaming .catalog-filter option{ background:#0b1d3a; }
#streaming .library-section{ margin-top:2rem; overflow:visible; }
#streaming .library-section h2{ display:flex; justify-content:space-between; align-items:center; margin-bottom:.85rem; font-size:1.28rem; letter-spacing:-.025em; }
#streaming .library-section .episode-grid{ gap:.9rem; padding:.3rem .1rem 1.2rem; scrollbar-color:rgba(150,185,240,.42) transparent; }
#streaming .library-section .episode-card{ flex-basis:clamp(220px,22vw,290px); }
#streaming .episode-card{ background:#0b1d3a; border:1px solid rgba(159,190,241,.15); border-radius:11px; box-shadow:0 8px 25px rgba(0,0,0,.25); }
#streaming .episode-card:hover{ transform:translateY(-4px); border-color:rgba(127,178,255,.7); box-shadow:0 15px 40px rgba(0,0,0,.42),0 0 20px rgba(52,123,221,.12); }
#streaming .episode-card::after{ height:56%; background:linear-gradient(180deg,rgba(3,12,27,.58),transparent); }
#streaming .episode-thumb{ aspect-ratio:16/9; filter:saturate(1.05); }
#streaming .episode-info{ padding:.8rem .9rem .9rem; }
#streaming .episode-title{ font-size:.98rem; letter-spacing:-.015em; }
#streaming .episode-date{ color:#9eb1d1; text-transform:capitalize; }
#streaming .episode-desc{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; min-height:2.5em; font-size:.78rem; color:#c0cce0; }
#streaming .episode-buttons{ grid-template-columns:1fr auto; }
#streaming .episode-buttons button{ min-height:38px; }
#streaming .episode-buttons button:first-child{ grid-column:auto; background:#e8f1ff; color:#07152d; border-color:#e8f1ff; }
#streaming .episode-buttons button:first-child:hover{ background:white; }
#streaming .mpaa-rating, #streaming .quality-badge{ top:10px; font-size:.62rem; }
#streaming .quality-badge{ background:rgba(7,21,45,.78); color:#fff; border:1px solid rgba(255,255,255,.3); backdrop-filter:blur(10px); }
#streaming .ad-rail, #streaming .live-dashboard{ display:none; }
#streaming .content-detail{ position:fixed; inset:0; z-index:9000; display:none; overflow-y:auto; border:0; border-radius:0; background:#06142b; box-shadow:none; }
#streaming .content-detail.is-visible{ display:block; }
#streaming .detail-hero{ min-height:min(76vh,700px); background-position:center 32%; }
#streaming .detail-hero::before{ background:linear-gradient(90deg,rgba(3,12,28,.94),rgba(3,12,28,.66) 52%,rgba(3,12,28,.08)),linear-gradient(0deg,#06142b 0%,transparent 52%); }
#streaming .detail-copy{ width:min(680px,100%); }
#streaming .detail-kicker{ color:#a9caff; }
#streaming .detail-meta{ display:flex; flex-wrap:wrap; gap:.5rem; margin:.7rem 0; }
#streaming .detail-rating-line{ display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin:.85rem 0; }
#streaming .detail-description{ font-size:1rem; }
#streaming .detail-actions .primary{ background:#e8f1ff; border-color:#e8f1ff; color:#07152d; }
#streaming .detail-body{ max-width:1260px; margin:0 auto; }
#streaming .detail-body h2{ margin-top:1.7rem; }
#streaming .detail-cast div{ min-height:78px; background:rgba(32,62,107,.42); border-color:rgba(159,190,241,.16); }
#streaming .detail-cast .credits-empty{ grid-column:1/-1; color:var(--muted); font-size:.86rem; }
#streaming .detail-related .episode-card{ flex-basis:250px; }
#streaming .detail-close{ position:absolute; z-index:4; top:1.2rem; right:1.2rem; width:42px; height:42px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; background:rgba(3,12,28,.65); font-size:1.15rem; cursor:pointer; }
#streaming .detail-close:hover{ background:rgba(255,255,255,.18); }
#streaming .back-button{ margin-bottom:2rem; background:rgba(3,12,28,.5); }
#streaming .video-player-container{ background:rgba(2,8,20,.96); }
#streaming .player-stage{ border:1px solid rgba(133,174,242,.25); border-radius:12px; }
#streaming .player-topbar{ justify-content:space-between; align-items:flex-start; }
#streaming .player-now-playing{ padding:.3rem .25rem; color:#fff; font-size:.88rem; font-weight:700; text-shadow:0 2px 12px #000; }
#streaming .empty-state{ border-color:rgba(159,190,241,.25); color:#b6c7e2; }
#streaming .library-section[hidden], #streaming .episode-card[hidden]{ display:none !important; }
.detail-open{ overflow:hidden; }
#streaming .stream-footer{ padding:1.5rem 1rem; border-top:1px solid rgba(174,202,255,.1); color:#8d9db7; font-size:.75rem; text-align:center; }
#streaming :focus-visible{ outline:2px solid #78b8ff; outline-offset:3px; }
@media(max-width:700px){#streaming{ padding:0 0 3rem; }
#streaming .stream-banner{ min-height:530px; margin:0 0 1.3rem calc(50% - 50vw); }
#streaming .stream-banner::before{ background:linear-gradient(0deg,#07152d 0%,rgba(6,20,44,.74) 40%,rgba(6,20,44,.1) 100%); }
#streaming .banner-copy{ inset:auto 1.25rem 2.2rem; width:auto; }
#streaming .banner-copy h1{ font-size:clamp(2.4rem,12vw,4rem); }
#streaming .stream-layout{ width:calc(100% - 2rem); }
#streaming .catalog-toolbar{ align-items:stretch; flex-direction:column; }
#streaming .catalog-controls{ width:100%; }
#streaming .search-box{ flex:1; min-width:0; }
#streaming .catalog-filter{ max-width:46%; }
#streaming .library-section .episode-card{ flex-basis:74vw; max-width:320px; }
#streaming .detail-hero{ min-height:80vh; padding:1.25rem; }
#streaming .detail-copy h1{ font-size:clamp(2.2rem,11vw,4rem); }
#streaming .detail-close{ top:.75rem; right:.75rem; }
#streaming .detail-related .episode-card{ flex-basis:74vw; }
#streaming .player-controls{ flex-wrap:wrap; opacity:1; }
#streaming .player-progress{ flex-basis:100%; order:0; }
#streaming .upload-panel-heading{ flex-direction:column; }
#streaming .upload-fields{ grid-template-columns:1fr; }
#streaming .upload-file-field{ grid-column:auto; }
#streaming .upload-actions{ align-items:flex-start; flex-direction:column; }
#streaming .upload-progress{ width:100%; }
}
#streaming .live-loop{ margin:0 0 2.5rem; padding:clamp(1.1rem,2.4vw,1.8rem); border:1px solid rgba(255,100,110,.22); border-radius:16px; background:radial-gradient(ellipse at 0 0,rgba(139,35,53,.2),transparent 60%),linear-gradient(135deg,#0d1d37,#0a1428); }
#streaming .live-loop-heading{ display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.3rem; }
#streaming .live-loop-heading h2{ margin:.5rem 0 .35rem; font-size:clamp(1.45rem,2.5vw,2rem); letter-spacing:-.04em; }
#streaming .live-loop-heading p{ max-width:650px; color:var(--muted); font-size:.85rem; line-height:1.55; }
#streaming .live-watch-button{ flex:none; min-height:44px; padding:.7rem 1rem; border:1px solid #ff5f67; border-radius:999px; color:#fff; background:#c82236; font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }
#streaming .live-watch-button:hover:not(:disabled){ background:#e12d43; }
#streaming .live-watch-button:disabled{ opacity:.55; cursor:not-allowed; }
#streaming .live-loop-content{ display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:1rem; }
#streaming .live-now-card,#streaming .live-schedule-panel{ min-width:0; padding:1rem; border:1px solid rgba(159,190,241,.14); border-radius:12px; background:rgba(3,11,25,.42); }
#streaming .live-now-label{ color:#ff6c73; font-size:.66rem; font-weight:800; letter-spacing:.14em; }
#streaming .live-now-card h3{ margin:.7rem 0 .5rem; font-size:1.1rem; line-height:1.3; }
#streaming .live-now-card p{ color:#c2cee2; font-size:.79rem; line-height:1.55; }
#streaming .live-now-card .live-schedule-status{ margin-top:.8rem; color:#8fa4c5; font-size:.71rem; }
#streaming .live-schedule-panel h3{ display:flex; justify-content:space-between; gap:.75rem; margin:0 0 .7rem; font-size:.9rem; }
#streaming .live-schedule-panel h3 span{ color:#8fa4c5; font-size:.68rem; font-weight:500; }
#streaming .live-schedule-list{ display:grid; gap:.45rem; max-height:430px; overflow:auto; list-style:none; }
#streaming .live-schedule-item{ display:grid; grid-template-columns:95px minmax(0,1fr); gap:.15rem .65rem; align-items:center; padding:.55rem .65rem; border-radius:8px; background:rgba(255,255,255,.035); }
#streaming .live-schedule-item:first-child{ background:rgba(255,95,103,.09); }
#streaming .live-schedule-item time{ grid-row:span 2; color:#ff9297; font-size:.68rem; font-weight:750; font-variant-numeric:tabular-nums; }
#streaming .live-schedule-title{ overflow:hidden; padding:0; border:0; color:#eff5ff; background:none; font:inherit; font-size:.76rem; font-weight:700; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
#streaming .live-schedule-title:hover{ color:#9bc8ff; }
#streaming .live-schedule-meta{ overflow:hidden; color:#91a4c4; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
#streaming .christian-section{ margin:0 0 2.5rem; padding:clamp(1.1rem,2.4vw,1.8rem); border:1px solid rgba(224,190,119,.22); border-radius:16px; background:radial-gradient(ellipse at 100% 0,rgba(154,112,47,.15),transparent 55%),linear-gradient(135deg,#132039,#0a1428); }
#streaming .christian-section-heading{ display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1.2rem; }
#streaming .christian-section-heading .banner-kicker{ color:#f0d69e; }
#streaming .christian-section-heading .banner-kicker::before{ background:#e0be77; box-shadow:0 0 14px rgba(224,190,119,.7); }
#streaming .christian-section-heading h2{ margin:.5rem 0 .35rem; font-size:clamp(1.45rem,2.5vw,2rem); letter-spacing:-.04em; }
#streaming .christian-section-heading p{ color:var(--muted); font-size:.85rem; line-height:1.55; }
#streaming .christian-videos-link{ flex:none; padding:.7rem 1rem; border:1px solid rgba(224,190,119,.45); border-radius:999px; color:#f4dfb3; font-size:.8rem; font-weight:750; transition:background .2s,border-color .2s; }
#streaming .christian-videos-link:hover{ border-color:#e0be77; background:rgba(224,190,119,.12); }
#streaming button.christian-videos-link{ background:transparent; font:inherit; font-size:.8rem; font-weight:750; cursor:pointer; }
#streaming .christian-feature{ position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:end; min-height:clamp(230px,26vw,310px); margin-bottom:1.4rem; overflow:hidden; border:1px solid rgba(224,190,119,.28); border-radius:14px; background:linear-gradient(135deg,#1b2740,#0b1424); }
#streaming .christian-feature::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,15,29,.96) 0%,rgba(8,15,29,.8) 46%,rgba(8,15,29,.32) 100%); }
#streaming .christian-feature-art{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .4s; }
#streaming .christian-feature-art.is-loaded{ opacity:.6; }
#streaming .christian-feature-copy{ position:relative; z-index:1; padding:clamp(1rem,2.2vw,1.7rem); }
#streaming .christian-feature-copy h3{ margin:.55rem 0 .3rem; font-size:clamp(1.4rem,2.6vw,2.1rem); letter-spacing:-.04em; }
#streaming .christian-feature-channel{ color:#f0d69e; font-size:.76rem; font-weight:700; }
#streaming .christian-feature-summary{ max-width:56ch; margin-top:.5rem; color:var(--muted); font-size:.86rem; line-height:1.6; }
#streaming .christian-feature .banner-actions{ margin-top:1.1rem; }
#streaming .christian-toolbar{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.75rem; margin-bottom:1rem; }
#streaming .christian-filters{ display:flex; flex-wrap:wrap; gap:.45rem; }
#streaming .christian-chip{ padding:.5rem .85rem; border:1px solid rgba(224,190,119,.28); border-radius:999px; color:#e6dcc4; background:rgba(255,255,255,.04); font:inherit; font-size:.75rem; font-weight:700; cursor:pointer; transition:background .2s,border-color .2s,color .2s; }
#streaming .christian-chip:hover{ border-color:rgba(224,190,119,.6); color:#fff7e4; }
#streaming .christian-chip.is-active{ border-color:#e0be77; background:rgba(224,190,119,.18); color:#fff3d6; }
#streaming .christian-search{ min-width:min(240px,100%); }
#streaming .christian-grid{ display:flex; gap:.9rem; padding:.2rem .1rem 1rem; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:rgba(224,190,119,.4) transparent; }
#streaming .christian-grid[hidden]{ display:none !important; }
#streaming .christian-originals{ margin-top:1.5rem; padding-top:1.3rem; border-top:1px solid rgba(224,190,119,.2); }
#streaming .christian-originals h3{ font-size:1.1rem; letter-spacing:-.02em; }
#streaming .christian-originals-note{ margin-top:.25rem; color:var(--muted); font-size:.78rem; }
#streaming .christian-card{ flex:0 0 clamp(215px,23vw,268px); scroll-snap-align:start; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(224,190,119,.2); border-radius:13px; background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(0,0,0,.42)); cursor:pointer; transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s; }
#streaming .christian-card:hover, #streaming .christian-card:focus-visible{ transform:translateY(-5px); border-color:rgba(224,190,119,.65); box-shadow:0 18px 38px rgba(0,0,0,.45); outline:none; }
#streaming .christian-card-media{ position:relative; aspect-ratio:16/9; overflow:hidden; background:#0d1626; }
#streaming .christian-card-thumb{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
#streaming .christian-card:hover .christian-card-thumb{ transform:scale(1.05); }
#streaming .christian-card-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; background:rgba(6,12,24,.3); opacity:0; transition:opacity .25s; }
#streaming .christian-card:hover .christian-card-play, #streaming .christian-card:focus-visible .christian-card-play{ opacity:1; }
#streaming .christian-card-play i{ display:grid; place-items:center; width:42px; height:42px; padding-left:3px; border-radius:50%; background:rgba(224,190,119,.92); color:#101a2c; font-size:.95rem; }
#streaming .christian-card-badge{ position:absolute; top:.5rem; left:.5rem; padding:.22rem .5rem; border-radius:999px; background:rgba(6,12,24,.78); color:#f0d69e; font-size:.6rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
#streaming .christian-card-body{ display:flex; flex-direction:column; gap:.3rem; padding:.7rem .8rem .85rem; }
#streaming .christian-card-title{ font-size:.88rem; font-weight:750; line-height:1.3; }
#streaming .christian-card-channel{ color:#f0d69e; font-size:.68rem; font-weight:700; }
#streaming .christian-card-summary{ display:-webkit-box; overflow:hidden; color:var(--muted); font-size:.72rem; line-height:1.5; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
#streaming .christian-card-actions{ display:flex; gap:.4rem; margin-top:.5rem; }
#streaming .christian-card-actions button{ flex:1; min-height:34px; border:1px solid rgba(195,216,255,.2); border-radius:8px; background:rgba(255,255,255,.08); color:#f8fbff; font:inherit; font-size:.72rem; font-weight:700; cursor:pointer; transition:background .2s,border-color .2s; }
#streaming .christian-card-actions button:hover{ background:rgba(255,255,255,.16); }
#streaming .christian-card-watch{ border-color:rgba(224,190,119,.5) !important; background:rgba(224,190,119,.18) !important; color:#fff3d6 !important; }
#streaming .detail-related .christian-card{ flex:0 0 240px; }
@media(max-width:700px){
  #streaming .christian-section-heading{ align-items:flex-start; flex-direction:column; }
  #streaming .christian-videos-link{ align-self:flex-start; }
  #streaming .christian-feature{ grid-template-columns:1fr; min-height:270px; }
  #streaming .christian-card{ flex-basis:74vw; max-width:300px; }
  #streaming .christian-search{ width:100%; }
}
@media(max-width:700px){
  #streaming .live-loop-heading{ align-items:flex-start; flex-direction:column; }
  #streaming .live-loop-content{ grid-template-columns:1fr; }
  #streaming .live-schedule-item{ grid-template-columns:82px minmax(0,1fr); }
}