:root{color-scheme:dark;--ink: #e8e0d4;--muted: #8a8074;--tip: #6b6358;--line: #3a342c;--bg0: #141018;--bg1: #0c0a10;--bg2: #120e0c;--glow: rgba(201, 120, 40, .14);--cta-bg: #e8e0d4;--cta-fg: #120e0c;--live: #e8a04a;--wait: #c9a227;--ready: #d4a574;--warn: #f59e0b;--bad: #ff5a4d;--err-text: #ff8a80;--font: "Libre Franklin", system-ui, sans-serif;--font-bold: 600;--touch: 48px;--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{min-height:100%;min-height:100dvh}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{min-height:100dvh;min-height:100svh;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}.s-top{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;width:100%;min-height:1.25rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:var(--font-bold)}.s-mid{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:clamp(1.25rem,6vh,2.75rem) 0 .25rem;min-height:0}.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}.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.ring-wait{border-color:var(--wait);box-shadow:0 0 36px #c9a22738}.flame.ring-wait .flame-core{background:linear-gradient(180deg,#e8d48a,#c9a227 70%);opacity:.85}.flame.ring-wait .ripple{border-color:#e8d48a59}.flame.ring-ready{border-color:var(--ready);box-shadow:0 0 0 10px #d4a5741a,0 0 40px #d4a5742e}.flame.ring-ready .flame-core{background:linear-gradient(180deg,#f0d4a8,#d4a574);box-shadow:0 0 22px #d4a57459}.flame.ring-warn{border-color:var(--warn);box-shadow:0 0 40px #f59e0b47}.flame.ring-warn .flame-core{background:linear-gradient(180deg,#fcd34d,#f59e0b);box-shadow:0 0 24px #f59e0b66}.flame.ring-warn .ripple{border-color:#fcd34d66}.flame.ring-bad{border-color:var(--bad);box-shadow:0 0 0 8px #ff5a4d1a,0 0 36px #ff5a4d38}.flame.ring-bad .flame-core{background:var(--bad);height:36px;width:36px;border-radius:50%;clip-path:none;box-shadow:0 0 18px #ff5a4d59}.flame.ring-idle{box-shadow:0 0 28px #5a50482e}.flame.ring-idle .flame-core{opacity:.45}@media(prefers-reduced-motion:no-preference){.flame.ring-live .ripple{animation:soft-ripple 2.6s ease-out infinite}.flame.ring-live .ripple.r2{animation-delay:1.3s}.flame.ring-live .flame-core{animation:core-bob 2.2s ease-in-out infinite}.flame.ring-wait .ripple{animation:soft-ripple-calm 3.2s ease-out infinite}.flame.ring-wait .ripple.r2{animation-delay:1.6s}.flame.ring-wait .flame-core{animation:glow 1.6s ease-in-out infinite}.flame.ring-warn .ripple{animation:soft-ripple 2.2s ease-out infinite}.flame.ring-warn .ripple.r2{animation-delay:1.1s}}@keyframes soft-ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(1.28);opacity:0}}@keyframes soft-ripple-calm{0%{transform:scale(1);opacity:.28}to{transform:scale(1.22);opacity:0}}@keyframes core-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.04)}}@keyframes glow{0%,to{opacity:.55}50%{opacity:1}}.s-copy{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:clamp(2.75rem,10vh,4.5rem);padding-top:.25rem}.s-church{margin:0;font-size:clamp(1.2rem,5vw,1.45rem);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.25;max-width:18rem}.s-status{margin:0;font-size:.95rem;color:var(--muted);max-width:16rem;line-height:1.4;min-height:2.8rem;display:flex;align-items:center;justify-content:center}.s-status.live{color:var(--live)}.s-status.warn{color:var(--warn)}.s-status.err{color:var(--err-text)}.tip{margin: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}.s-foot{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;min-height:5.5rem;justify-content:flex-end}.pill-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;min-height:var(--touch);width:100%;padding:.9rem 1.25rem;font-family:var(--font);font-size:1.05rem;font-weight:700;color:var(--cta-fg);background:var(--cta-bg);cursor:pointer;-webkit-tap-highlight-color:transparent}.pill-cta:hover{filter:brightness(1.04)}.pill-cta:active{transform:scale(.99)}.pill-cta:disabled{opacity:.5;cursor:default;transform:none}.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)}@media(prefers-reduced-motion:reduce){.pill-cta:active{transform:none}.flame.ring-live .ripple,.flame.ring-live .flame-core,.flame.ring-wait .ripple,.flame.ring-wait .flame-core,.flame.ring-warn .ripple{animation:none!important}}