/* Stage 1 live-site additions (same indigo/gold glass language as app.css) */
.me-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--line); color:var(--text); font-size:12px; cursor:pointer; max-width:160px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.me-chip[hidden] { display:none; }
.ava-sm { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--indigo-3)); color:#120c24; font-weight:800; font-size:11px; }
.feature-tiles { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); margin-top:14px; }
.ftile { text-align:start; padding:16px; border-radius:18px; display:grid; gap:4px; cursor:pointer; color:var(--text); border:1px solid var(--line); transition:transform .15s, border-color .15s; }
.ftile:hover { transform:translateY(-2px); border-color:#d4a01766; }
.ftile .fe { font-size:24px; } .ftile b { font-size:15px; } .ftile small { color:var(--muted); font-size:12px; line-height:1.4; }
.form-grid { display:grid; gap:4px 14px; grid-template-columns:1fr; }
@media (min-width:760px) { .form-grid { grid-template-columns:1fr 1fr; } .span2 { grid-column:1/-1; } }
.row-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:10px; }
.row-actions .spacer, .spacer { flex:1; }
.lang-picks { display:flex; flex-wrap:wrap; gap:6px; max-height:170px; overflow:auto; padding:4px; border:1px solid var(--line); border-radius:12px; background:var(--bg); }
.lang-picks .pill { cursor:pointer; font-size:12px; padding:5px 9px; }
.lang-picks input { accent-color:var(--gold); }
.add-church { margin-top:16px; }
.composer-card { margin-bottom:14px; }
.composer-card textarea { resize:vertical; min-height:70px; }
.post-list { display:grid; gap:12px; }
.t-card.prayer { border-color:#d4a01733; }
.post-title { font-family:"Playfair Display",serif; font-size:1.05rem; margin:2px 0 6px; }
.post-body { white-space:normal; word-wrap:break-word; overflow-wrap:anywhere; line-height:1.55; }
.post-meta { display:flex; gap:10px; align-items:center; margin-top:8px; font-size:11.5px; color:var(--muted); }
.held-note { margin-top:8px; font-size:12px; color:#fde68a; background:#d4a0171a; border:1px solid #d4a01744; border-radius:10px; padding:6px 10px; }
.dots-btn { background:none; border:0; color:var(--muted); font-size:16px; cursor:pointer; padding:2px 6px; border-radius:8px; }
.dots-btn:hover { background:rgba(255,255,255,.06); color:var(--text); }
.eb.pray { font-weight:600; } .eb.pray.on { color:var(--gold-soft); } .eb .lbl-sm { font-size:11px; }
.comment-box { margin-top:8px; border-top:1px solid var(--line); padding-top:8px; }
.cm-list { display:grid; gap:6px; margin-bottom:8px; }
.comment-box .composer { display:flex; gap:8px; }
.ext { color:var(--gold-soft); font-size:13px; }
.flash { box-shadow:0 0 0 2px var(--gold), 0 0 30px #d4a01755 !important; }
.story-card .sc-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
.story-card .story-text { font-size:13px; line-height:1.4; background:rgba(15,10,31,.55); border-radius:10px; padding:8px; max-height:60%; overflow:auto; }
.story-card .dots-btn { color:#fff; }
.story-cards { min-height:40px; }
.live-thumb { position:relative; aspect-ratio:16/9; height:auto !important; overflow:hidden; display:block !important; padding:0 !important; }
.live-thumb img, .live-thumb svg { width:100%; height:100%; object-fit:cover; display:block; }
.live-thumb iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.live-thumb .play { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:58px; height:58px; border-radius:50%; display:grid; place-items:center; font-size:22px;
  background:rgba(15,10,31,.65); border:2px solid var(--gold); color:#fff; cursor:pointer; text-decoration:none; backdrop-filter:blur(6px); }
.live-thumb .badge-lang { position:absolute; top:8px; inset-inline-end:8px; z-index:2; }
.pending-tag { font-size:11px; color:#fde68a; }
.meta.links { display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.meta.links a { color:var(--gold-soft); text-decoration:none; } .meta.links a.rep { color:var(--muted); }
.church-row { grid-template-columns:auto 1fr auto; }
.fast-grid.one { grid-template-columns:1fr; }
.fast-card.global { border-color:#d4a01788; box-shadow:0 0 24px #d4a01722; }
.ev-top { display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .ev-top .dots-btn { margin-inline-start:auto; }
.ev-ico { font-size:20px; }
.ev-desc { font-size:13px; margin:6px 0; }
.live-chip { color:#fecaca; border-color:#ef444466; }
.room-notes { margin-top:10px; }
.relay-bar { position:relative; margin:14px 0 8px; }
.relay-lanes { position:relative; height:96px; border-radius:14px; background:linear-gradient(90deg, rgba(91,63,212,.15), rgba(212,160,23,.08)); border:1px solid var(--line); overflow:hidden; }
.relay-seg { position:absolute; height:22px; border-radius:8px; background:linear-gradient(135deg,var(--indigo-2),var(--indigo-3)); color:#fff; font-size:11px; padding:3px 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.relay-seg.live { background:linear-gradient(135deg,#d4a017,#b45309); color:#120c24; font-weight:700; box-shadow:0 0 14px #d4a01788; }
.relay-ticks { position:relative; height:18px; font-size:10.5px; color:var(--muted); }
.relay-ticks .tick { position:absolute; transform:translateX(-50%); } .relay-ticks .tick:first-child { transform:none; } .relay-ticks .tick:last-child { transform:translateX(-100%); }
.relay-legend { display:grid; gap:6px; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.relay-legend .leg span { font-size:10.5px; }
.mega-stage .stage-list { display:grid; gap:8px; margin:14px 0; }
.stage-vigil { display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:rgba(15,10,31,.45); border:1px solid var(--line); border-radius:12px; padding:10px; }
.mega-feed .comments { max-height:520px; overflow:auto; }
.comment.react { opacity:.85; font-size:12px; }
.comment.arrive { animation:arrive .5s ease; }
@keyframes arrive { from { opacity:0; transform:translateY(-8px); background:#d4a01722; } to { opacity:1; transform:none; } }
.mega.silent .comment.arrive { animation:none; }
.mega-feed .composer input { flex:1; }
#panel-mega:fullscreen { background:var(--bg); padding:24px; overflow:auto; }
.dotlive { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--live); margin-inline-end:6px; animation:pulse 1.6s infinite; }
.empty { text-align:center; padding:28px 18px; color:var(--muted); display:grid; gap:12px; justify-items:center; }
.empty p { max-width:520px; }
.code { font-family:ui-monospace,Menlo,monospace; letter-spacing:.06em; color:var(--gold-soft); } .code.big { font-size:1.4rem; margin:6px 0; }
.cfield { font-size:13px; margin:4px 0; } .cfield span { color:var(--muted); }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:8px; }
.card-v2.conn { margin-bottom:10px; }
.fld { display:grid; gap:4px; margin-top:8px; font-size:12.5px; color:var(--muted); }
.disclaimer { margin-top:12px; background:#7f1d1d26; border:1px solid #ef444455; border-radius:12px; padding:10px; font-size:12.5px; }
.menu-list { display:grid; gap:8px; margin-top:10px; }
.share-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.modal { max-height:90vh; overflow:auto; }
.ccy-info { margin-top:12px; font-size:13.5px; } .ccy-sample { font-family:"Playfair Display",serif; font-size:1.3rem; color:var(--gold-soft); margin-bottom:6px; }
.site-foot { margin:36px 0 18px; text-align:center; font-size:12.5px; color:var(--muted); }
.site-foot a { color:var(--gold-soft); text-decoration:none; }
.ts-host { position:fixed; inset:auto 0 18px 0; display:none; justify-content:center; z-index:80; pointer-events:none; }
.ts-host.show { display:flex; pointer-events:auto; }
.ts-host > div { background:rgba(15,10,31,.9); border-radius:12px; padding:6px; }
#oaTurnstile { display:none; }
.nav { scrollbar-width:none; }
@media (max-width:640px) { .two-col { grid-template-columns:1fr; } .topbar .btn-ghost.btn-sm { display:none; } }
.mega-stage { position:relative; overflow:hidden; }
.mega-stage > *:not(.stage-art) { position:relative; z-index:1; }
.stage-art { position:absolute; inset:0; opacity:.55; z-index:0; }
.stage-art svg { width:100%; height:100%; display:block; }
.stage-art::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,10,31,.1), rgba(15,10,31,.85)); }
.sup-acks{display:grid;gap:10px;margin:12px 0 16px}
.sup-acks label{display:flex;gap:10px;align-items:flex-start;line-height:1.45;cursor:pointer}
.sup-acks input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:#d4a72c}
#supGo:disabled,.sup-btns button:disabled,.sup-primary:disabled{opacity:.55;cursor:not-allowed}
.sup-btns{display:grid;gap:10px}
.sup-ps{margin:12px 0}.sup-primary{width:100%;justify-content:center}
.linkish{background:none;border:0;color:#e9c46a;text-decoration:underline;cursor:pointer;font:inherit}
/* tab row: wrap neatly on desktop, scroll with fade affordance on small screens */
@media (min-width: 900px) {
  .nav { flex-wrap: wrap; overflow: visible; row-gap: 8px; gap: 6px; }
  .nav button { padding: 9px 12px; font-size: 12.5px; }
}
@media (max-width: 899px) {
  .nav { -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); padding-right: 36px; scroll-snap-type: x proximity; }
  .nav button { scroll-snap-align: start; }
  [dir="rtl"] .nav { -webkit-mask-image: linear-gradient(270deg, #000 85%, transparent); mask-image: linear-gradient(270deg, #000 85%, transparent); padding-right: 0; padding-left: 36px; }
}
.badge-247{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#d4a72c,#f3d27a);color:#1a1333;vertical-align:middle}
.badge-247.on-thumb{position:absolute;top:10px;left:10px;z-index:2;box-shadow:0 4px 12px #0006}
.curated-tag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px solid #8b7cf666;color:#c9bfff;margin-right:4px;vertical-align:middle}
.toggle-247{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap;margin:0 0 12px}
.search-bar .toggle-247{margin:0}
.toggle-247 input{accent-color:#d4a72c;width:16px;height:16px}
.disc-rail{margin:18px 0 22px;padding:16px;border-radius:22px;border:1px solid var(--line);background:rgba(26,19,51,.45)}
.disc-head h3{display:flex;align-items:center;gap:8px;margin:0}
.live-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 10px #ef4444}
.disc-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 14px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}
.chip b{color:#e9c46a;margin-left:3px}.chip.active{background:linear-gradient(135deg,var(--indigo-2),var(--indigo-3));color:#fff;border-color:transparent}
.chip-sep{width:1px;height:20px;background:var(--line);margin:0 6px}.chip-note{color:var(--muted)}
.disc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.disc-card .meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.unreviewed{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:999px;border:1px dashed #f3d27a88;color:#f3d27a}
.on-thumb-l{position:absolute;top:10px;left:10px;z-index:2}