/* podcast-v1 */
.watchIntro{margin:28px 0 22px}
.watchIntro h1{margin:.2em 0 0}
.watch{width:min(1360px,94vw);margin-left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:stretch}
.stage{display:flex;flex-direction:column;gap:12px;min-width:0}
.screen{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 120% at 20% 0%,rgba(91,140,255,.28),transparent 55%),radial-gradient(90% 90% at 100% 100%,rgba(0,217,248,.16),transparent 60%),#0A0B22;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.offAir{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:var(--muted)}
.offAir strong{font-family:"Sora",system-ui,sans-serif;font-weight:600;font-size:clamp(1.5rem,3.4vw,2.6rem);color:var(--fg)}
.offMark{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.nowBar{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(29,31,82,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nowTitle{font-weight:600}
.livePill{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.livePill.on{color:#080F20;background:var(--green);border-color:var(--green)}
.panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(17,26,51,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:520px}
.panes{flex:1;min-height:0;display:flex}
.pane{flex:1;min-width:0;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.pane[hidden]{display:none}
.pane h2{margin:0;font-size:1.25rem}
.paneHint{margin:0;color:var(--muted);font-size:.92rem}
.paneEmpty{margin:auto;text-align:center;color:var(--muted);display:grid;gap:6px}
.paneEmpty strong{color:var(--fg);font-size:1.1rem}
#pane-chat.hasChat{padding:0}
#pane-chat iframe{flex:1;width:100%;min-height:460px;border:0;background:#0f0f0f;color-scheme:dark}
.askForm{display:grid;gap:12px}
.askForm label{display:grid;gap:6px;font-size:.88rem;color:var(--muted)}
.askForm input[type=text],.askForm input[type=email],.askForm textarea,.notesBox,.aiForm input{font:inherit;color:var(--fg);background:rgba(8,15,32,.6);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;box-sizing:border-box}
.askForm textarea{min-height:110px;resize:vertical}
.askForm .opt{display:flex;gap:10px;align-items:flex-start;color:var(--fg)}
.askForm .opt input{margin-top:4px}
.askForm .trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.askForm button{justify-self:start}
.askForm input:focus-visible,.askForm textarea:focus-visible,.notesBox:focus-visible,.aiForm input:focus-visible,.tabs button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.paneStatus{margin:0;color:var(--green)}
.notesBox{flex:1;min-height:260px;resize:none;line-height:1.55}
.notesRow{display:flex;gap:10px;flex-wrap:wrap}
.aiLog{flex:1;min-height:200px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.aiLog p{margin:0;padding:10px 13px;border-radius:14px;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere}
.aiLog .me{align-self:flex-end;background:var(--purple);color:#080F20}
.aiLog .ai{align-self:flex-start;background:rgba(8,15,32,.7);border:1px solid var(--line)}
.aiForm{display:flex;gap:8px}
.aiForm input{flex:1;min-width:0}
.tabs{display:flex;border-top:1px solid var(--line);background:rgba(8,15,32,.55)}
.tabs button{flex:1;font:inherit;font-weight:600;font-size:.9rem;color:var(--muted);background:none;border:0;padding:15px 6px;cursor:pointer;border-top:2px solid transparent;margin-top:-1px;transition:color .2s,border-color .2s}
.tabs button[hidden]{display:none}
.tabs button:hover{color:var(--fg)}
.tabs button[aria-selected=true]{color:var(--gold);border-top-color:var(--gold)}
@media (max-width:980px){.watch{grid-template-columns:1fr;width:100%;margin-left:0;transform:none}.panel{min-height:480px}.screen{border-radius:16px}}
@media (prefers-reduced-motion:reduce){.tabs button{transition:none}}
/* END podcast-v1 */
/* chat-v1 */
.chatSwitch{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(8,15,32,.55)}
.chatSwitch[hidden],.siteChat[hidden],.ytChat[hidden],.joinForm[hidden],.sayForm[hidden]{display:none}
.chatSwitch button{flex:1;font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);background:none;border:0;border-radius:999px;padding:8px 10px;cursor:pointer}
.chatSwitch button[aria-pressed=true]{background:var(--purple);color:#080F20}
.siteChat,.ytChat{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.ytChat iframe{flex:1;width:100%;min-height:420px;border:0;border-radius:14px;background:#0f0f0f;color-scheme:dark}
.chatLog{list-style:none;margin:0;padding:0;flex:1;min-height:180px;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:8px}
.chatLog li{padding:9px 12px;border-radius:14px;background:rgba(8,15,32,.6);border:1px solid var(--line);overflow-wrap:anywhere;line-height:1.4}
.chatLog li.none{color:var(--muted);border-style:dashed;text-align:center}
.chatLog b{color:var(--gold);margin-right:8px}
.chatLog .rm{float:right;margin-left:8px;font:inherit;font-size:.75rem;color:#ffb4b4;background:none;border:1px solid rgba(255,180,180,.4);border-radius:999px;padding:2px 9px;cursor:pointer}
.joinForm{display:grid;gap:10px}
.joinForm label{display:grid;gap:5px;font-size:.88rem;color:var(--muted)}
.joinForm .opt{display:flex;gap:10px;align-items:flex-start;color:var(--fg)}
.joinForm .opt input{margin-top:4px}
.joinForm .trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.joinForm button{justify-self:start}
.joinForm input[type=text],.joinForm input[type=email],.sayForm input{font:inherit;color:var(--fg);background:rgba(8,15,32,.6);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;box-sizing:border-box}
.joinForm input:focus-visible,.sayForm input:focus-visible,.chatSwitch button:focus-visible,.hostLink:focus-visible,.chatLog .rm:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.sayForm{display:flex;gap:8px}
.sayForm input{flex:1;min-width:0}
.chatNote{margin:0;font-size:.88rem;color:var(--gold)}
.hostBar{text-align:right;margin-top:auto}
.hostLink{font:inherit;font-size:.75rem;color:var(--muted);background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.hostLink.on{color:var(--green)}
/* END chat-v1 */
/* bible-v1 */
.bibleForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.bibleForm .btn{grid-column:1/-1;justify-self:start}
.bibleForm input,.bibleForm select{font:inherit;color:var(--fg);background:rgba(8,15,32,.6);border:1px solid var(--line);border-radius:12px;padding:11px 13px;min-width:0;box-sizing:border-box}
.bibleForm select{color-scheme:dark}
.bibleForm input:focus-visible,.bibleForm select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.bibleOut{flex:1;min-height:120px;overflow:auto;line-height:1.65}
.bibleOut h3{margin:0 0 8px;font-family:"Sora",system-ui,sans-serif;font-size:1.1rem;color:var(--gold)}
.bibleOut p{margin:0 0 8px}
.bibleOut sup{color:var(--purple);font-size:.7em;margin-right:4px}
.bibleOut .muted{color:var(--muted)}
/* END bible-v1 */
/* bible-v2 */
.bibleSuggest{display:grid;gap:6px}
.bibleSuggest:empty{display:none}
.bibleSuggest .lab{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.bibleSuggest button{font:inherit;text-align:left;color:var(--fg);background:rgba(8,15,32,.6);border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer;display:grid;gap:2px}
.bibleSuggest button:hover{border-color:var(--purple)}
.bibleSuggest button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.bibleSuggest button b{color:var(--gold);font-weight:600}
.bibleSuggest button span{color:var(--muted);font-size:.86rem;line-height:1.35}
.bibleSuggest .books{display:flex;flex-wrap:wrap;gap:6px}
.bibleSuggest .books button{display:inline-block;border-radius:999px;padding:6px 12px}
/* END bible-v2 */
/* bible-v3 */
.bibleMore{font-size:.86rem;color:var(--muted)}
.bibleMore a{color:var(--gold);font-weight:600}
/* shop-v1 */
.offerBar[hidden]{display:none}
.offerBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid rgba(0,217,248,.55);border-radius:16px;background:linear-gradient(120deg,rgba(0,217,248,.14),rgba(91,140,255,.12));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.offerBar .txt{flex:1;min-width:180px;display:grid;gap:2px}
.offerBar .tag,.offerCard .tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.offerBar strong,.offerCard strong{font-size:1.05rem}
.offerBar .price,.offerCard .price{color:var(--green);font-weight:600}
.offerList{display:grid;gap:12px}
.offerCard{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(8,15,32,.55)}
.offerCard p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}
.offerCard .btn{justify-self:start;margin-top:4px}
.chatOffer{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(0,217,248,.55);border-radius:14px;background:rgba(0,217,248,.1)}
.chatOffer[hidden]{display:none}
.chatOffer span{flex:1;min-width:0;font-size:.9rem;overflow-wrap:anywhere}
.chatOffer b{color:var(--gold)}
.chatOffer a{font-weight:600;color:var(--green);white-space:nowrap}
/* END shop-v1 */
/* podcast-ask-hide */
body[data-page="podcast"] .askOpen{display:none}
/* podcast-header-v1: the header scrolls away here so it never covers the player */
body[data-page="podcast"] header.site{position:static}
/* END podcast-header-v1 */
