:root{color-scheme:dark;--ink: #e8e0d4;--muted: #8a8074;--tip: #6b6358;--line: #3a342c;--bg0: #141018;--bg1: #0c0a10;--bg2: #120e0c;--glow: rgba(201, 120, 40, .14);--live: #e8a04a;--live-hot: #ffb04a;--ready: #8f7f6c;--wait: #6a645c;--warn: #8a7a62;--bad: #7a5a56;--warn-text: #a89880;--err-text: #b0908c;--font: "Libre Franklin", system-ui, sans-serif;--font-bold: 600;--pad: max(20px, env(safe-area-inset-left));--pad-r: max(20px, env(safe-area-inset-right));--pad-t: max(20px, env(safe-area-inset-top));--pad-b: max(24px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body,#root{height:100%;height:100svh;height:100dvh;overflow:hidden;overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 50% 38%,var(--glow) 0%,transparent 62%),linear-gradient(168deg,var(--bg0) 0%,var(--bg1) 52%,var(--bg2) 100%);background-attachment:fixed;font-size:1.05rem;line-height:1.45;font-weight:400;-webkit-tap-highlight-color:transparent}.listen-shell{height:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad);max-width:28rem;margin:0 auto;position:relative}.s-lang-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.s-lang-chip{min-height:44px;min-width:44px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0 .2rem}.s-switching,.s-switch-hint{margin:.15rem 0 0;font-size:.78rem;color:var(--muted);font-weight:500;letter-spacing:.02em;text-transform:none;flex-shrink:0}.s-lang-sheet{position:absolute;top:calc(100% + .2rem);left:50%;transform:translate(-50%);z-index:8;list-style:none;margin:0;padding:.35rem;width:min(18rem,70vw);max-height:min(60vh,20rem);overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--card, #14171d);text-align:left;box-shadow:0 8px 24px #00000059}.s-channel-sheet{list-style:none;margin:0;padding:0;width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;text-align:center}.s-lang-row{display:block;width:100%;min-height:44px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:.45rem .7rem;border-radius:8px;cursor:pointer}.s-channel-sheet .s-lang-row{display:flex;flex-direction:column;align-items:center;gap:.12rem;padding:1.25rem .4rem;text-align:center}.s-channel-name{font-size:1.42rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.s-channel-kind{font-size:.8rem;color:var(--muted);font-weight:400;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.s-lang-row.sel{font-weight:600}.s-lang-row:focus-visible,.s-lang-chip:focus-visible{outline:2px solid var(--live, #6ee7b7);outline-offset:2px}.s-top{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;width:100%;min-height:1.25rem;flex-shrink:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:var(--font-bold)}.share-qr-btn{position:absolute;left:var(--pad);bottom:var(--pad-t);width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;font:inherit}.share-qr-btn:hover{border-color:#5a5048;color:#c4b09a}.share-qr-btn:focus-visible{outline:2px solid var(--live);outline-offset:2px}.share-qr-btn.active{border-color:var(--ready);color:var(--ink);background:#8f7f6c26}.share-qr-btn svg{width:20px;height:20px;display:block}.s-mid{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:.35rem 0 .1rem;min-height:0}.s-church-slot{flex-shrink:0;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:.35rem;min-height:1.5rem}.s-church{margin:0;font-size:clamp(1.15rem,4.5vw,1.4rem);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.25;max-width:18rem}.s-stage{flex:1;width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding:.35rem 0 .5rem}.s-cta-label{margin:0 0 1.05rem;min-height:1.35rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.25;text-align:center}.s-cta-label.empty{visibility:hidden}.flame{width:216px;height:216px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--line);margin:0 auto;background:#ffffff05;position:relative;flex-shrink:0;overflow:visible;padding:0;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.flame{cursor:pointer;-webkit-tap-highlight-color:transparent}button.flame:focus-visible{outline:2px solid var(--live);outline-offset:4px}button.flame:disabled,button.flame[aria-busy=true]{cursor:default;opacity:.92}.flame .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;border:1.5px solid transparent}.flame-core{width:48px;height:72px;border-radius:50% 50% 45% 45%;background:#5a5048;clip-path:ellipse(42% 48% at 50% 58%);box-shadow:0 0 28px #5a504859;position:relative;z-index:1}.flame.ring-live{border-color:var(--live);box-shadow:0 0 44px #e8782852}.flame.ring-live .flame-core{background:linear-gradient(180deg,#ffd28a,#e87828 55%,#c43b2f);box-shadow:0 0 28px #e878288c}.flame.ring-live .ripple{border-color:#ffd28a73}.flame.play-f8 .flame-core{animation:none!important;transform-origin:50% 88%;will-change:transform,filter,box-shadow}.flame.play-f8 .ripple{animation:none!important;transform-origin:50% 50%;will-change:transform,opacity}.flame.ring-ready{border-color:var(--ready);box-shadow:0 0 0 6px #8f7f6c14,0 0 22px #8f7f6c1f}.flame.ring-ready .flame-core{background:linear-gradient(180deg,#c4b09a,#8f7f6c);box-shadow:0 0 12px #8f7f6c33;opacity:.88}.flame.ring-wait{border-color:var(--wait);box-shadow:0 0 16px #5a544c1f}.flame.ring-wait .flame-core{background:linear-gradient(180deg,#8a8278,#5e5850);opacity:.55;box-shadow:none}.flame.ring-warn{border-color:var(--warn);box-shadow:0 0 0 5px #8a7a6212,0 0 18px #8a7a621f}.flame.ring-warn .flame-core{background:linear-gradient(180deg,#b0a08a,#8a7a62);box-shadow:0 0 10px #8a7a622e;opacity:.82}.flame.ring-bad{border-color:var(--bad);box-shadow:0 0 0 5px #7a5a5614,0 0 16px #7a5a561f}.flame.ring-bad .flame-core{background:#8a6460;height:36px;width:36px;border-radius:50%;clip-path:none;box-shadow:0 0 10px #7a5a5633;opacity:.9}.flame.ring-idle{border-color:var(--line);box-shadow:0 0 14px #5a50481a}.flame.ring-idle .flame-core{opacity:.38;background:#5a5048;box-shadow:none}.card-slot{--qr-card: min(calc(var(--qr-card-px, 280) * 1px), 72vw);width:var(--qr-card);height:var(--qr-card);flex-shrink:0;margin:0 auto;perspective:960px;-webkit-perspective:960px;overflow:visible}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.05,.2,1);will-change:transform;overflow:visible}.card-slot.is-qr .card-inner{transform:rotateY(-180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat;-webkit-transform-style:flat;display:flex;align-items:center;justify-content:center;overflow:visible}.card-face.front .flame{margin:0;overflow:visible}.card-face.front{top:-40px;right:-40px;bottom:-40px;left:-40px;visibility:visible;opacity:1;transition:visibility 0s linear .28s,opacity 0s linear .28s}.card-slot.is-qr .card-face.front{visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .28s,opacity 0s linear .28s}.card-face.back{transform:rotateY(180deg);visibility:hidden;opacity:0;pointer-events:none;transition:visibility 0s linear .28s,opacity 0s linear .28s}.card-slot.is-qr .card-face.back{visibility:visible;opacity:1;pointer-events:auto;transition:visibility 0s linear .28s,opacity 0s linear .28s}.card-slot.is-qr .card-face.front .flame,.card-slot.is-qr .card-face.front .flame .ripple,.card-slot.is-qr .card-face.front .flame .flame-core{animation:none!important;transform:none!important;box-shadow:none!important;filter:none!important;will-change:auto!important}.qr-plate{width:100%;height:100%;border-radius:16px;background:var(--qr-cream, #f4efe6);box-shadow:0 8px 28px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;box-sizing:border-box}.qr-img{width:min(calc(var(--qr-display-px, 220) * 1px),56vw);height:min(calc(var(--qr-display-px, 220) * 1px),56vw);max-width:100%;max-height:calc(100% - 2.2rem);border-radius:4px;display:block;flex-shrink:0;background:var(--qr-cream, #f4efe6);object-fit:contain}.qr-img-placeholder{background:#1a1a1a0f}.qr-caption{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5a5048;font-family:var(--font)}.card-slot.sheet-slot{width:min(100%,22rem);height:auto;flex:1 1 0;min-height:0;max-height:100%}.card-slot.sheet-slot .card-inner{min-height:0;height:100%}.card-slot.sheet-slot .card-face.front{position:relative;inset:auto;min-height:0;height:100%;overflow:hidden}.card-slot.sheet-slot .qr-plate{width:min(var(--qr-card),100%);height:min(var(--qr-card),100%);max-width:100%;max-height:100%;flex-shrink:0}.s-status{--status-slot: 4.8rem;margin:.9rem 0 0;font-size:.95rem;color:var(--muted);max-width:16rem;line-height:1.4;min-height:var(--status-slot);height:var(--status-slot);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.s-status.flash-fade{opacity:0;transition:opacity 1s linear}@media(prefers-reduced-motion:reduce){.s-status.flash-fade{transition:none;opacity:0}}.s-status.dest{flex-direction:column;align-items:center;justify-content:flex-start;gap:0;color:var(--ink);max-width:none;width:100%;height:auto;max-height:36vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:1.2rem;line-height:1.35;font-weight:500}.s-status .dest-curr{font-size:1.2rem;font-weight:500;color:var(--ink);line-height:1.35;max-width:20rem;white-space:normal;overflow-wrap:anywhere;text-wrap:balance}.speaker-toggle{position:absolute;right:calc(var(--pad-r) + 56px);bottom:var(--pad-t);width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;-webkit-tap-highlight-color:transparent}.speaker-toggle.on{border-color:#8f7f6c;color:var(--ink);background:#8f7f6c26}.flame.quiet{opacity:.45}.caption-toggle{position:absolute;right:var(--pad-r);bottom:var(--pad-t);width:48px;height:48px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;-webkit-tap-highlight-color:transparent}.caption-toggle.active{border-color:#8f7f6c;color:var(--ink);background:#8f7f6c26}.caption-toggle.source{border-color:#c4b09a;color:var(--ink);background:#c4b09a38}.caption-toggle svg{width:20px;height:20px;display:block}.caption-toggle:hover{border-color:#8f7f6c;color:#c4b09a}.caption-toggle:focus-visible{outline:2px solid var(--live);outline-offset:2px}.s-status.live,.s-status.live-hot{color:var(--live-hot)}.s-status.warn{color:var(--warn-text)}.s-status.err{color:var(--err-text)}.tip{margin:.35rem 0 0;font-size:.78rem;color:var(--tip);text-align:center;max-width:16rem;min-height:2.1rem;line-height:1.35}.tip-empty{visibility:hidden}.card-slot.sheet-slot~.s-status{height:auto;min-height:0;margin-top:.5rem}.card-slot.sheet-slot~.tip{min-height:0;height:0;margin:0;overflow:hidden}.s-foot{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;min-height:2.5rem;flex-shrink:0;justify-content:flex-end}.link-stop{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:.9rem;font-weight:500;min-height:36px;padding:.35rem .75rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.link-stop:hover{color:var(--ink)}.note-prompt{display:flex;flex-direction:column;align-items:center;gap:.15rem}.note-sheet{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:6;background:#1c1814;border:1px solid var(--line);border-radius:14px;padding:.9rem .85rem .75rem;color:var(--ink)}.note-sheet-title{margin:0 0 .6rem;font-size:.95rem;font-weight:600;text-align:center}.note-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-bottom:.55rem}.note-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--muted);background:#ffffff0f;color:var(--ink);font-family:var(--font);font-size:.82rem;min-height:36px;padding:.25rem .65rem;border-radius:999px;cursor:pointer}.note-chip.on{border-color:var(--live);color:var(--live);background:#e8a04a38}.note-text{width:100%;box-sizing:border-box;border:1px solid var(--muted);background:#14110e;color:var(--ink);font-family:var(--font);font-size:.88rem;border-radius:8px;padding:.45rem .55rem;resize:none}.note-sheet-actions{display:flex;flex-direction:column;align-items:center;margin-top:.45rem}.note-send{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--live);background:var(--live);color:#1a140c;font-family:var(--font);font-weight:600;font-size:.92rem;min-height:40px;min-width:8rem;border-radius:999px;cursor:pointer}.note-send:disabled{opacity:1;background:transparent;color:var(--live);cursor:default}@media(prefers-reduced-motion:reduce){.flame.play-f8 .ripple,.flame.play-f8 .flame-core{animation:none!important}.card-inner,.card-face.front,.card-face.back,.card-slot.is-qr .card-face.front,.card-slot.is-qr .card-face.back{transition:none}}