@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');
:root{--bg:#f4f1e9;--surface:#fff;--soft:#e8e4da;--ink:#171916;--muted:#6e726b;--line:rgba(23,25,22,.12);--green:#244b3b;--green2:#dce8e0;--warm:#eee2d2;--shadow:0 24px 70px rgba(24,32,26,.09);color-scheme:light}
html[data-theme=dark]{--bg:#0f120f;--surface:#181c18;--soft:#222722;--ink:#f3f1e9;--muted:#a9aea7;--line:rgba(245,244,235,.12);--green:#a6d1b6;--green2:#1c3327;--warm:#34291e;--shadow:0 28px 80px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--green) 10%,transparent),transparent 28%),var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,select,textarea{font:inherit}.app-shell{width:min(100%,900px);margin:auto;padding:18px 20px 110px}.topbar{display:flex;justify-content:space-between;align-items:center;height:58px;margin-bottom:48px}.brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);font-weight:700;font-size:17px;cursor:pointer}.logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:var(--bg)}.logo svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.top-actions{display:flex;gap:8px}.circle-btn,.lang-select{height:39px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--ink)}.circle-btn{width:39px;border-radius:50%;display:grid;place-items:center}.circle-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.lang-select{border-radius:999px;padding:0 12px;font-weight:700}.sun{display:none}html[data-theme=dark] .sun{display:block}html[data-theme=dark] .moon{display:none}.page{display:none;animation:rise .35s ease}.page.active{display:block}.hero{max-width:760px}.kicker{display:block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}h1,h2{font-family:"Newsreader",serif;letter-spacing:-.035em}.hero h1,.page-head h1{font-size:clamp(45px,9vw,78px);line-height:.98;margin:0}.hero>p,.lead{font-size:clamp(16px,2.5vw,19px);line-height:1.65;color:var(--muted);max-width:680px}.hero blockquote{margin:32px 0 0;padding:22px 24px;border-left:3px solid var(--green);background:color-mix(in srgb,var(--surface) 70%,transparent);border-radius:0 18px 18px 0}.hero blockquote p{font-family:"Newsreader",serif;font-size:21px;margin:0 0 8px}.hero cite{font-style:normal;color:var(--green);font-size:12px;font-weight:700}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.feature-card{min-height:116px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);color:var(--ink);border-radius:22px;padding:20px;display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;text-align:left;cursor:pointer;transition:.2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-card.green{background:var(--green);color:var(--bg);border-color:var(--green)}.feature-card.warm{background:var(--warm)}.feature-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--green) 12%,transparent);font-size:23px}.green .feature-icon{background:rgba(255,255,255,.13)}.feature-card strong,.feature-card small{display:block}.feature-card strong{font-size:17px;margin-bottom:5px}.feature-card small{color:var(--muted);line-height:1.4}.green small{color:color-mix(in srgb,var(--bg) 70%,transparent)}.prayer-widget{margin-top:18px;padding:25px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.prayer-widget h2{margin:0;font-size:34px}.outline-btn,.primary-btn{border-radius:14px;padding:13px 18px;font-weight:700;cursor:pointer}.outline-btn{border:1px solid var(--line);background:transparent;color:var(--ink)}.primary-btn{border:1px solid var(--green);background:var(--green);color:var(--bg)}.prayer-widget>.outline-btn{margin-top:14px}.prayer-content{margin-top:18px}.prayer-times{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.prayer-time{padding:12px 8px;text-align:center;border-radius:13px;background:var(--soft)}.prayer-time b,.prayer-time small{display:block}.prayer-time small{color:var(--muted);font-size:10px;margin-bottom:5px}.muted{color:var(--muted)}.page-head{display:flex;gap:18px;align-items:center;margin-bottom:18px}.back{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:20px}.page-head h1{font-size:clamp(42px,8vw,68px)}.upload-zone{padding:55px 25px;text-align:center;border:1px dashed color-mix(in srgb,var(--green) 45%,var(--line));border-radius:26px;background:color-mix(in srgb,var(--surface) 65%,transparent)}.upload-symbol{font-size:45px;color:var(--green)}.upload-zone h2{font-size:36px;margin:10px 0}.upload-zone p{color:var(--muted);max-width:520px;margin:0 auto 22px}.upload-actions{display:flex;justify-content:center;gap:10px}.preview-image,.result-image{width:100%;max-height:480px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.inline-actions{display:flex;gap:10px;margin-top:12px}.grow{flex:1}.loading{min-height:45vh;display:grid;place-content:center;text-align:center}.spinner{width:52px;height:52px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.result-area>h2{font-size:44px;margin:25px 0 14px}.result-cards{display:grid;gap:10px}.result-cards article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:21px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.result-cards article.accent-card{background:var(--green2)}.result-cards em{font-style:normal;color:var(--muted);font-size:11px}.result-cards h3{margin:0 0 8px}.result-cards p{margin:0;color:var(--muted);line-height:1.65}.result-cards cite{display:block;margin-top:8px;color:var(--green);font-style:normal;font-weight:700}.question-box{margin:20px 0;padding:25px;border-radius:20px;background:var(--ink);color:var(--bg)}.question-box small{text-transform:uppercase;letter-spacing:.12em;opacity:.6}.question-box p{font-family:"Newsreader",serif;font-size:28px;margin:10px 0 0}.full{width:100%}.tabs{display:flex;gap:8px;overflow:auto;margin:25px 0 16px}.tab{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:10px 15px;white-space:nowrap}.tab.active{background:var(--green);color:var(--bg)}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learn-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.learn-card .type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-weight:700}.learn-card h3{font-family:"Newsreader",serif;font-size:26px;margin:10px 0}.learn-card p{color:var(--muted);line-height:1.65}.learn-card a{color:var(--green);font-weight:700;text-decoration:none}.source-note{color:var(--muted);font-size:12px;margin-top:18px}.quick-prompts,.chip-list{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin:20px 0}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:10px 14px;white-space:nowrap}.chat-messages{min-height:280px;max-height:55vh;overflow:auto;padding:12px 0;display:flex;flex-direction:column;gap:10px}.message{max-width:82%;padding:14px 16px;border-radius:18px;line-height:1.58;white-space:pre-wrap}.message.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}.message.user{align-self:flex-end;background:var(--green);color:var(--bg);border-bottom-right-radius:5px}.message.loading-msg{opacity:.65}.composer{display:flex;gap:9px;position:sticky;bottom:82px;background:var(--bg);padding:10px 0}.composer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:14px 16px;outline:none}.send-btn{width:51px;height:51px;border:0;border-radius:50%;background:var(--green);color:var(--bg);font-size:22px}.barrier-intro{padding:24px;border-radius:22px;background:var(--warm)}.barrier-intro h2{font-size:36px;margin:0 0 10px}.barrier-intro p{color:var(--muted);line-height:1.6}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),620px);padding:8px;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);z-index:10}.bottom-nav button{border:0;background:transparent;color:var(--muted);padding:8px 4px;border-radius:14px}.bottom-nav button.active{background:var(--soft);color:var(--ink)}.bottom-nav span,.bottom-nav small{display:block}.bottom-nav span{font-size:18px}.bottom-nav small{font-size:10px;margin-top:3px}.hidden{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.app-shell{padding-left:16px;padding-right:16px}.topbar{margin-bottom:35px}.feature-grid,.learn-grid{grid-template-columns:1fr}.hero h1{font-size:50px}.feature-card{min-height:100px}.prayer-times{grid-template-columns:repeat(3,1fr)}.upload-actions{flex-direction:column}.page-head h1{font-size:48px}.message{max-width:92%}}
.daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.daily-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 75%,transparent)}.daily-card p{font-family:"Newsreader",serif;font-size:22px;line-height:1.45;margin:8px 0 12px}.daily-card cite{display:block;color:var(--green);font-style:normal;font-weight:700;font-size:12px;padding-right:70px}.save-mini{position:absolute;right:15px;bottom:15px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:7px 11px;font-size:11px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.saved-list{display:grid;gap:11px}.saved-item{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.saved-item small{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.saved-item h3{font-family:"Newsreader",serif;font-size:25px;margin:8px 0}.saved-item p{color:var(--muted);line-height:1.6}.saved-item footer{display:flex;justify-content:space-between;align-items:center}.delete-save{border:0;background:transparent;color:#a44845}.bottom-nav.five{grid-template-columns:repeat(5,1fr)}.chat-error{color:#a44845}.message.assistant{overflow-wrap:anywhere}.message.assistant strong{font-weight:700}.learn-empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}@media(max-width:620px){.daily-grid{grid-template-columns:1fr}.bottom-nav small{font-size:9px}.bottom-nav{padding:6px}.bottom-nav button{padding:7px 1px}}

html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .page-head{flex-direction:row-reverse;justify-content:flex-end}
html[dir="rtl"] .feature-card{grid-template-columns:auto 1fr 50px;text-align:right}
html[dir="rtl"] .feature-card .feature-icon{grid-column:3}
html[dir="rtl"] .feature-card b{transform:scaleX(-1)}
html[dir="rtl"] .message.assistant{align-self:flex-end;border-bottom-left-radius:18px;border-bottom-right-radius:5px}
html[dir="rtl"] .message.user{align-self:flex-start;border-bottom-right-radius:18px;border-bottom-left-radius:5px}
html[dir="rtl"] .result-cards article{grid-template-columns:1fr 38px}
html[dir="rtl"] .result-cards article em{grid-column:2;grid-row:1}
html[dir="rtl"] .result-cards article>div{grid-column:1;grid-row:1}
html[dir="rtl"] .hero blockquote{border-left:0;border-right:3px solid var(--green);border-radius:18px 0 0 18px}

.composer.is-busy .send-btn{cursor:pointer}
.send-btn.cancel-btn{background:var(--ink);color:var(--bg);font-size:16px;box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 10%,transparent)}
.typing-message{display:flex;align-items:center;gap:10px;opacity:1!important;color:var(--muted)}
.typing-label{font-size:13px}
.typing-dots{display:inline-flex;align-items:center;gap:4px}
.typing-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--green);animation:typingBounce 1.15s infinite ease-in-out}
.typing-dots i:nth-child(2){animation-delay:.15s}
.typing-dots i:nth-child(3){animation-delay:.3s}
.chat-cancelled{color:var(--muted);font-size:13px;font-style:italic}
@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}