:root{--baian-emerald:#076c5f;--baian-sand:#ead7c5;--baian-brown:#6b4e3d;--baian-charcoal:#16181d;--baian-off-white:#fafaf7;--baian-sky:#5ea7ff;--bg:var(--baian-off-white);--surface:#fff;--text:var(--baian-charcoal);--muted:color-mix(in oklab,var(--baian-charcoal),white 50%);--accent:var(--baian-emerald);--radius:12px;--chip-radius:999px;--shadow:0 12px 30px #0000000f;--live-fg:var(--baian-emerald);--live-bg:color-mix(in oklab,var(--baian-emerald),white 88%)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.live-page{max-width:880px;margin:0 auto;padding:24px 16px 48px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #eef0ea}.app-header{border-bottom:1px solid #eceee9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.app-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.app-actions{gap:10px;display:inline-flex}.icon-btn{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px}.icon-btn:hover{background:color-mix(in oklab,var(--baian-charcoal),white 92%)}.status-row{border-bottom:1px solid #eceee9;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.pill{display:none}.transcript{max-width:820px;margin:0 auto;padding:16px 0 24px}.transcript-list{flex-direction:column;gap:18px;display:flex}.msg{grid-template-columns:auto 1fr;column-gap:12px;display:grid}.badge{border-radius:var(--chip-radius);letter-spacing:.02em;justify-content:center;align-items:center;height:24px;padding:0 10px;font-size:.85rem;font-weight:700;display:inline-flex}.badge--ai{background:var(--baian-sand);color:var(--baian-brown)}.badge--quran{background:var(--baian-emerald);color:#fff}.badge--hadith{background:color-mix(in oklab,var(--baian-sky),white 15%);color:#0f2a48}.msg-body{max-width:100%;display:block}.msg-ar{text-align:center;color:var(--text);letter-spacing:0;font-variant-ligatures:contextual;direction:rtl;margin-bottom:10px;font-family:Noto Naskh Arabic,serif;font-size:1.95rem;font-weight:600;line-height:1.9}.msg-en{text-align:left;color:var(--muted);margin-bottom:2px;font-size:1.06rem;line-height:1.6;display:block}.msg-citation{text-align:left;letter-spacing:.01em;color:var(--baian-brown);background:color-mix(in oklab,var(--baian-sand),white 70%);border:1px solid color-mix(in oklab,var(--baian-sand),#c7b39a 40%);border-radius:var(--chip-radius);padding:3px 10px;font-size:.88rem;font-weight:600;display:inline-block}.msg--quran .msg-body{background:color-mix(in oklab,var(--baian-emerald),white 92%);border-radius:8px;padding:12px 16px}.msg--quran .msg-ar{margin:6px auto 10px;font-size:2.05rem;line-height:2}.msg--quran .msg-en{font-size:1.08rem}.translating{align-items:center;gap:6px;margin-top:6px;display:none}.translating.show{display:inline-flex}.translating .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both pulse}.translating .dot:first-child{animation-delay:0s}.translating .dot:nth-child(2){animation-delay:.2s}.translating .dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.translating .dot{animation:none}}@media (width<=420px){.msg-ar{font-size:1.7rem;line-height:1.8}.msg--quran .msg-ar{font-size:1.85rem}}.msg>.badge.badge--quran+.msg-body{background:color-mix(in oklab,var(--baian-emerald),white 92%);border-radius:8px;padding:12px 16px}.msg>.badge.badge--quran+.msg-body .msg-ar{margin:6px auto 10px;font-size:2.05rem;line-height:2}.msg>.badge.badge--quran+.msg-body .msg-en{font-size:1.08rem}.transcript{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid color-mix(in oklab,var(--baian-sand),#c7b39a 20%);padding:20px 16px}.msg{border-bottom:1px solid color-mix(in oklab,var(--baian-sand),white 50%);margin-bottom:24px;padding-bottom:20px}.msg:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.msg-en{color:var(--text);font-weight:600}.app-header{justify-content:space-between;align-items:center;padding:14px 0 16px;display:flex}.header-left .en{color:var(--baian-emerald);font-size:1.1rem;font-weight:600}.header-arabic .ar{color:var(--baian-emerald);font-size:1.1rem;font-weight:700}.live-dot{background:#999;border-radius:50%;width:12px;height:12px;transition:all .3s}.live-dot.live{background:var(--baian-emerald);animation:1.5s ease-in-out infinite pulsate;box-shadow:0 0 10px #076c5f66}@keyframes pulsate{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.chip{border:1px solid color-mix(in oklab,var(--baian-sand),#c7b39a 40%);background:color-mix(in oklab,var(--baian-sand),white 70%);color:var(--baian-brown);letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}@media (width<=420px){.header-left .en,.header-arabic .ar{font-size:1rem}.chip{padding:3px 6px;font-size:.75rem}.live-dot{width:10px;height:10px}}body{position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 50% -10%,color-mix(in oklab,var(--baian-sand),white 85%),transparent 65%);opacity:.06;position:fixed;inset:0}.content{z-index:1;position:relative}.theme-qatar{--baian-emerald:#8a1538;--baian-sand:#f3e9e2;--baian-brown:#5b2e2e;--live-fg:var(--baian-emerald);--live-bg:color-mix(in oklab,var(--baian-emerald),white 88%)}.header-left .en,.header-arabic .ar{color:var(--baian-emerald);font-size:1.06rem}.header-right{align-items:center;gap:12px;display:flex}.header-arabic{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.theme-qatar body:before{background:radial-gradient(1200px 600px at 50% -10%,color-mix(in oklab,var(--baian-emerald),white 95%),transparent 65%);opacity:.06}.app-header .ar{color:var(--baian-emerald);text-wrap:balance;font-size:clamp(1.05rem,4.6vw,1.25rem);font-weight:700;line-height:1.15}.app-header .en{color:var(--baian-emerald);text-wrap:balance;font-size:clamp(1rem,4.4vw,1.2rem);font-weight:600;line-height:1.15}.chip{padding:3px 8px;font-size:clamp(.72rem,3.2vw,.82rem)}.live-dot{background:#9aa0a6;border-radius:50%;width:12px;height:12px}.live-dot.live{background:var(--baian-emerald);box-shadow:0 0 0 6px color-mix(in oklab,var(--baian-emerald),white 90%);animation:1.5s ease-in-out infinite pulsate}@media (width>=640px){.app-header{grid-template-columns:1fr 1fr auto;grid-template-areas:"en ar dot"".chip dot";gap:8px 16px}.app-header .ar{justify-self:end}.app-header .en{justify-self:start}}.transcript{margin-top:12px}@media (width<=520px){.theme-qatar body:before{background:radial-gradient(900px 450px at 50% -12%,color-mix(in oklab,var(--baian-emerald),white 95%),transparent 65%);opacity:.08}}.theme-qatar .msg-en{color:color-mix(in oklab,var(--text),black 8%);font-weight:600}.theme-qatar .msg-ar{color:color-mix(in oklab,var(--text)86%,var(--baian-emerald)14%);font-weight:500}.theme-qatar .msg-citation{color:color-mix(in oklab,var(--baian-emerald),var(--baian-brown)35%);background:color-mix(in oklab,var(--baian-emerald),white 92%);border-color:color-mix(in oklab,var(--baian-emerald),white 70%)}.app-header{border-bottom:1px solid #eceee9;grid-template-columns:1fr 1fr auto;grid-template-areas:"ar ar dot""en en dot""chip-en chip-ar dot";align-items:center;gap:10px 12px;padding:12px 0 14px;display:grid}.app-header .ar{text-align:right;grid-area:ar;justify-self:end}.app-header .en{text-align:left;grid-area:en;justify-self:start}.chip--date{grid-area:chip-ar;justify-self:end}.chip--audio{grid-area:chip-en;justify-self:start}@media (width>=640px){.app-header{grid-template-columns:1fr 1fr auto;grid-template-areas:"en ar dot""chip-en chip-ar dot";gap:8px 16px}}.chip{border-radius:var(--chip-radius);border:1px solid color-mix(in oklab,var(--baian-sand),#c7b39a 40%);background:color-mix(in oklab,var(--baian-sand),white 70%);color:var(--baian-brown);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.chip--audio{appearance:none;cursor:pointer;border-width:1px;padding-right:28px;position:relative;background:color-mix(in oklab,var(--baian-sand),white 70%)!important;border-color:color-mix(in oklab,var(--baian-sand),#c7b39a 40%)!important;color:var(--baian-brown)!important}.chip--audio:hover{background:color-mix(in oklab,var(--baian-sand),white 66%)!important}.chip--audio:before{content:"";background:currentColor;width:14px;height:14px;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 9v6h4l5 4V5L7 9H3z'/><path d='M14.5 9.5a3.5 3.5 0 0 1 0 5' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/><path d='M16.5 7.5a6.5 6.5 0 0 1 0 9' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'/></svg>") 50%/contain no-repeat}body:has(#transcript .msg-en:not([style*="display: none"])) .chip--audio{pointer-events:auto;opacity:1}body:not(:has(#transcript .msg-en:not([style*="display: none"]))) .chip--audio{pointer-events:none;opacity:.6;cursor:default}.chip--audio[aria-pressed=true]{background:color-mix(in oklab,var(--baian-emerald),white 94%)!important;border-color:color-mix(in oklab,var(--baian-emerald),white 70%)!important;color:color-mix(in oklab,var(--baian-emerald)80%,black 20%)!important}@media (width<=420px){.chip{padding:5px 10px;font-size:.78rem}.chip--audio:before{width:13px;height:13px}}.app-header .ar{font-size:clamp(1.05rem,5.2vw,1.35rem);line-height:1.2}.app-header .en{font-size:clamp(1rem,4.8vw,1.25rem);line-height:1.2}#hijri-chip{grid-area:chip-ar;justify-self:end;margin-top:0}.live-dot{grid-area:dot;align-self:start;margin-top:0}
/*# sourceMappingURL=app-web.efb97b4f.css.map */