:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2b27;background:#f5f0e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#fff9e9 0,transparent 38%),#f5f0e6}button,input{font:inherit}main{width:min(680px,100%);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.topline{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b746f;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800}.topline span{width:8px;height:8px;border-radius:50%;background:#a6ada9}.topline span.live-dot{background:#2a9c6b;box-shadow:0 0 12px #5bc994}header{text-align:center;margin:28px 0 30px}.church-mark{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#17352d;font-size:20px}header p{margin:0;color:#6c746f;font-size:13px}h1{margin:5px 0 7px;font-family:Georgia,serif;font-size:clamp(34px,8vw,48px);font-weight:500}.delay{color:#8a8d86;font-size:11px}.language-picker{display:grid;grid-template-columns:repeat(4,1fr);padding:5px;border-radius:16px;background:#e7e0d4}.language-picker button{border:0;border-radius:12px;padding:12px 4px;color:#67716c;background:transparent;cursor:pointer}.language-picker button strong,.language-picker button span{display:block}.language-picker button strong{font-size:13px}.language-picker button span{font-size:9px;margin-top:3px}.language-picker button.selected{color:#17352d;background:#fffdf8;box-shadow:0 5px 14px #2a37321f}.language-picker button:disabled{opacity:.35}.player{margin-top:18px;padding:28px 24px 20px;color:#fff;background:#172f29;border-radius:24px;box-shadow:0 20px 45px #18312a38;text-align:center}.wave{height:48px;display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:18px}.wave i{display:block;width:4px;border-radius:999px;background:linear-gradient(#f2c55f,#67ad8b);opacity:.82}.listen{min-width:180px;border:0;padding:16px 26px;border-radius:999px;color:#18302a;background:#f4c963;font-weight:850;font-size:16px;cursor:pointer}.listen:disabled{opacity:.5}.volume{margin:22px auto 0;max-width:300px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;color:#c1cec8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.volume input{accent-color:#f4c963;width:100%}.stream-status{margin-top:16px;color:#9eada7;font-size:10px}.stream-status i{display:inline-block;width:7px;height:7px;background:#9eada7;border-radius:50%;margin-right:7px}.stream-status.connected i{background:#51c38d}.captions{min-height:130px;margin-top:18px;padding:20px;border:1px solid #e3dbcd;border-radius:18px;background:#fffdf8cc}.captions.hidden{min-height:auto}.caption-title{display:flex;justify-content:space-between;align-items:center;color:#80857f;font-size:9px;letter-spacing:.12em;font-weight:800}.caption-title button{border:0;color:#50615a;background:transparent;cursor:pointer}.captions p{margin:16px 0 0;font-family:Georgia,serif;font-size:21px;line-height:1.48}.disclosure{color:#81847f;font-size:10px;line-height:1.55;text-align:center;margin:16px 22px 0}.offline-card{margin:auto 0;padding:48px 28px;text-align:center;border:1px solid #ded6ca;border-radius:24px;background:#fffdf9c2}.offline-card div{font-size:42px;color:#7c8b84}.offline-card h2{font-family:Georgia,serif;font-size:26px;margin:15px 0 8px}.offline-card p{color:#7d817d;font-size:13px}.error{margin-top:14px;padding:12px;text-align:center;color:#913140;background:#f7dfe1;border-radius:12px;font-size:12px}footer{margin-top:auto;padding-top:24px;text-align:center;color:#9b9b94;font-size:9px;letter-spacing:.05em}@media(max-width:440px){main{padding-left:14px;padding-right:14px}.language-picker button span{display:none}.captions p{font-size:19px}}