@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-ext-400-normal-C9hoIjPx.woff2) format("woff2"),url(/assets/amiri-latin-ext-400-normal-CGn-6a7O.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-latin-400-normal-Czk41Rjn.woff2) format("woff2"),url(/assets/amiri-latin-400-normal-Bv6IM0kz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-ext-700-normal-ByFuOT8o.woff2) format("woff2"),url(/assets/amiri-latin-ext-700-normal-Ck-lxu84.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-latin-700-normal-DIjoEGk6.woff2) format("woff2"),url(/assets/amiri-latin-700-normal-BH9dHmOv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #faf8f3;--bg-warm: #f5f0e8;--text: #2c2416;--text-light: #8a7e6b;--text-muted: #b8ad9a;--text-faint: #d5cfc4;--accent-warm: rgba(180, 140, 60, .08);--accent-warm-strong: rgba(180, 140, 60, .15);--font-arabic: "Amiri", serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 900px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-system);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}#app{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 8rem;min-height:100vh;min-height:100dvh;position:relative}#loading-status{text-align:center;padding:4rem 1rem 2rem;animation:fade-in .6s ease-out}#loading-status .loading-status-main{font-family:var(--font-system);font-size:1.5rem;color:var(--text-light);margin-bottom:1.25rem;letter-spacing:.02em}.loading-progress-track{width:200px;height:4px;margin:0 auto .75rem;background:var(--accent-warm);border-radius:2px;overflow:hidden}.loading-progress-fill{width:0%;height:100%;background:#b8986a;border-radius:2px;transition:width .3s ease}#loading-status .loading-status-sub{font-family:var(--font-system);font-size:.85rem;color:var(--text-muted)}#listening-status{text-align:center;padding:4rem 1rem 2rem;animation:fade-in .6s ease-out}#listening-status .listening-status-main{font-family:var(--font-system);font-size:1.5rem;color:var(--text-light);margin-bottom:.5rem;letter-spacing:.02em}#listening-status .listening-status-sub{font-family:var(--font-system);font-size:.95rem;color:var(--text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#verses{display:flex;flex-direction:column;gap:3rem}.verse-group{animation:group-enter .6s ease-out}.verse-group--exiting{animation:group-exit .4s ease-in forwards}@keyframes group-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes group-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.surah-header{font-family:var(--font-system);font-size:1rem;color:var(--text-muted);text-align:center;padding:.5rem 0 1.5rem;border-bottom:1px solid var(--accent-warm);margin-bottom:1rem;letter-spacing:.04em;text-transform:uppercase}.bismillah{font-family:var(--font-arabic);font-size:1.5rem;color:var(--text-light);text-align:center;padding:.75rem 0 .5rem}.verse-body{font-family:var(--font-arabic);font-size:1.75rem;line-height:2.6;text-align:right;direction:rtl;padding:.5rem 0}.verse{padding:.25rem .4rem;border-radius:4px;transition:background .35s ease,color .35s ease,opacity .35s ease;cursor:default}.verse--active{color:var(--text);background:var(--accent-warm-strong);box-decoration-break:clone;-webkit-box-decoration-break:clone}.verse--recited{color:var(--text-light)}.verse--upcoming{color:var(--text-faint)}.word{transition:color .15s ease,opacity .15s ease}.verse--active .word{color:var(--text-muted)}.verse--active .word--spoken{color:var(--text)}.verse--recited .word,.verse--upcoming .word{color:inherit}.verse-marker{font-size:1.5rem;color:var(--text-muted);-webkit-user-select:none;user-select:none;transition:color .35s ease;padding:0 .2rem}.verse--active .verse-marker{color:var(--text-light)}.verse--upcoming .verse-marker{color:var(--text-faint)}.verse--recited .verse-marker{color:var(--text-muted)}#raw-transcript{font-family:var(--font-arabic);font-size:1.1rem;color:var(--text-muted);text-align:center;direction:rtl;padding:1rem 0;min-height:0;opacity:0;transition:opacity .3s ease}#raw-transcript.visible{opacity:1}#listening-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);width:48px;height:48px;z-index:10}#listening-indicator.has-verses{bottom:1.5rem}.pulse-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--text-muted);transition:background .4s ease,box-shadow .4s ease}#listening-indicator.active .pulse-dot{background:#b8986a;box-shadow:0 0 8px #b8986a66}.pulse-ring{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1px solid transparent;opacity:0}#listening-indicator.active .pulse-ring{border-color:#b8986a40;animation:pulse-breathe 3s ease-in-out infinite}.pulse-ring:nth-child(2){animation-delay:1s!important}.pulse-ring:nth-child(3){animation-delay:2s!important}@keyframes pulse-breathe{0%{transform:scale(.5);opacity:.6}to{transform:scale(2);opacity:0}}#listening-indicator.active.audio-detected .pulse-dot{background:#a07830;box-shadow:0 0 12px #a0783080}#listening-indicator.active.audio-detected .pulse-ring{border-color:#a078304d;animation-duration:2s}#listening-indicator.active.silence .pulse-dot{background:var(--text-muted);box-shadow:none}#listening-indicator.active.silence .pulse-ring{border-color:#b8986a1f;animation-duration:4.5s}#listening-indicator.has-verses .pulse-dot{width:6px;height:6px;margin:-3px 0 0 -3px}#listening-indicator.has-verses .pulse-ring{width:24px;height:24px;margin:-12px 0 0 -12px}#permission-prompt{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);text-align:center;font-size:.85rem;color:var(--text-light);max-width:280px;line-height:1.5}#offline-badge{position:fixed;top:1rem;left:50%;transform:translate(-50%);font-family:var(--font-system);font-size:.75rem;color:var(--text-muted);letter-spacing:.03em;display:flex;align-items:center;gap:.4em;white-space:nowrap;padding:.4rem .85rem;border-radius:999px;background:#f5f0e8a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(200,190,170,.25);box-shadow:0 1px 4px #0000000a;z-index:20}.badge-sep{opacity:.4}#model-status{transition:color .3s ease}#model-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:.35em;vertical-align:middle;background:var(--text-muted);animation:status-pulse 1.5s ease-in-out infinite}#model-status.ready:before{background:#7a9a5a;animation:none}#model-status.ready{color:var(--text-light)}@keyframes status-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:960px){.verse-body{font-size:1.5rem;line-height:2.4}.verse-marker{font-size:1.3rem}}@media(max-width:640px){#app{padding:2rem 1rem 7rem}.verse-body{font-size:1.35rem;line-height:2.2}.verse-marker{font-size:1.15rem}#listening-status .listening-status-main{font-size:1.3rem}}@media(max-width:380px){.verse-body{font-size:1.2rem}}