@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Cairo:wght@400;600;700;800&family=Nunito:wght@400;600;700&display=swap";.favorite-toggle{position:absolute;top:.55rem;right:.55rem;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid #d7c39b;background:linear-gradient(145deg,#fffdf8,#f5eddf);color:#9f8a62;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,background-color .16s ease}.favorite-toggle:hover{transform:translateY(-1px)}.favorite-toggle.saved{color:#b77a08;border-color:#c9942d;background:linear-gradient(155deg,#fff8ea,#fdeec9);animation:starPop .3s cubic-bezier(.34,1.56,.64,1)}.favorite-toggle:focus-visible{outline:3px solid rgba(196,147,45,.42);outline-offset:2px}.favorite-toggle svg{width:1.1rem;height:1.1rem;fill:currentColor}@keyframes starPop{0%{transform:scale(.6) rotate(-15deg)}60%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0)}}.app-shell.theme-dark .favorite-toggle{border-color:#776245;background:linear-gradient(145deg,#2b2418,#201b14);color:#c7ab72}.app-shell.theme-dark .favorite-toggle.saved{border-color:#cf9a36;background:linear-gradient(155deg,#4a3516,#382911);color:#ffd99c}.lang-ar .favorite-toggle{right:auto;left:.55rem}.switch{position:relative;display:inline-block;width:68px;height:40px;vertical-align:middle}.switch .theme-switch-input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#70c8ed,#4ca9d8);border:1px solid #9cc0ca;box-shadow:inset 0 1px #ffffff6b,0 8px 14px -12px #264a5580;-webkit-transition:background .46s cubic-bezier(.22,1,.36,1),border-color .46s ease;transition:background .46s cubic-bezier(.22,1,.36,1),border-color .46s ease;z-index:0;overflow:hidden}.sun-moon{position:absolute;content:"";height:30px;width:30px;left:4px;bottom:5px;background:radial-gradient(circle at 30% 30%,#fffde0,#ffe96b 44%,#ffd133 76%,#f4b223);transform:translate(0) rotate(0);box-shadow:inset -2px -2px 4px #9e5f0c57,inset 2px 2px 5px #ffffe7b8;will-change:transform,background,box-shadow;-webkit-transition:transform .56s cubic-bezier(.22,1,.36,1),background .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1);transition:transform .56s cubic-bezier(.22,1,.36,1),background .56s cubic-bezier(.22,1,.36,1),box-shadow .56s cubic-bezier(.22,1,.36,1)}.theme-switch-input:checked+.slider{background:linear-gradient(150deg,#10171b,#1d2a30);border-color:#60767d}.theme-switch-input:focus+.slider{box-shadow:0 0 0 3px #7ac9b852}.theme-switch-input:checked+.slider .sun-moon{-webkit-transform:translateX(30px) rotate(180deg);-ms-transform:translateX(30px) rotate(180deg);transform:translate(30px) rotate(180deg);background:radial-gradient(circle at 28% 28%,#eef2f5,#d2d8dd 80%);box-shadow:inset -2px -2px 4px #6d798475,inset 2px 2px 5px #f7faff94}.moon-dot{opacity:0;transform:scale(.35);transform-origin:center;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.9,.28,1);fill:#6f7882}.theme-switch-input:checked+.slider .sun-moon .moon-dot{opacity:1;transform:scale(1);transition-delay:.14s}.slider.round{border-radius:999px}.slider.round .sun-moon{border-radius:50%}.moon-dot-1{left:10px;top:3px;position:absolute;width:6px;height:6px;z-index:4}.moon-dot-2{left:2px;top:10px;position:absolute;width:10px;height:10px;z-index:4}.moon-dot-3{left:16px;top:18px;position:absolute;width:3px;height:3px;z-index:4}.light-ray{fill:#fff;opacity:.25;transform:scale(1);transform-origin:center;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.light-ray-1{left:-8px;top:-8px;position:absolute;width:43px;height:43px;z-index:-1}.light-ray-2{left:-50%;top:-50%;position:absolute;width:55px;height:55px;z-index:-1}.light-ray-3{left:-18px;top:-18px;position:absolute;width:60px;height:60px;z-index:-1}.theme-switch-input:checked+.slider .light-ray{opacity:0;transform:scale(.45)}.cloud-light{position:absolute;fill:#e9f2f4;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;transition:opacity .3s ease}.cloud-dark{position:absolute;fill:#cedbe0;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1s;transition:opacity .3s ease}.cloud-1{left:30px;top:15px;width:40px}.cloud-2{left:44px;top:10px;width:20px}.cloud-3{left:18px;top:24px;width:30px}.cloud-4{left:36px;top:18px;width:40px}.cloud-5{left:48px;top:14px;width:20px}.cloud-6{left:22px;top:26px;width:30px}.stars{transform:translateY(-32px);opacity:0;transition:transform .4s ease,opacity .4s ease}.star{fill:#f3f9ff;position:absolute;-webkit-transition:.4s;transition:.4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}.theme-switch-input:checked+.slider .stars{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition-delay:.12s}.theme-switch-input:checked+.slider .cloud-light,.theme-switch-input:checked+.slider .cloud-dark{opacity:0}.star-1{width:20px;top:2px;left:3px;animation-delay:.3s}.star-2{width:6px;top:16px;left:3px}.star-3{width:12px;top:20px;left:10px;animation-delay:.6s}.star-4{width:18px;top:0;left:18px;animation-delay:1.3s}@keyframes cloud-move{0%{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}.app-shell.theme-dark .slider{background:linear-gradient(145deg,#4f89a4,#3a6f88);border-color:#4e6f79;box-shadow:inset 0 1px #d6ecf433,0 8px 14px -12px #000000b3}.app-shell.theme-dark .theme-switch-input:checked+.slider{background:linear-gradient(150deg,#0f1518,#1a2328);border-color:#566a70}.app-shell.theme-dark .moon-dot{fill:#67717b}.switch.home-theme-toggle{width:56px;height:34px}.switch.home-theme-toggle .sun-moon{width:24px;height:24px;bottom:4px}.switch.home-theme-toggle .theme-switch-input:checked+.slider .sun-moon{transform:translate(22px) rotate(180deg)}.home-page{--home-accent: #2f8f7d;--home-accent-strong: #1f5f55;--home-accent-soft: rgba(85, 179, 157, .18);--home-ink: #1e3330;--home-muted: #4e6661;--home-border: #c9ddd7;--home-surface: rgba(252, 255, 253, .88);--home-card: rgba(255, 255, 255, .95);--home-shadow: 0 24px 42px -34px rgba(24, 70, 60, .52);display:grid;gap:1rem;color:var(--home-ink)}.home-page.mode-duas{--home-accent: #2d7e9b;--home-accent-strong: #1a5c72;--home-accent-soft: rgba(74, 162, 188, .2)}.home-onboarding-overlay{--onboard-accent: var(--home-accent, #2f8f7d);--onboard-ink: var(--home-ink, #1f3330);--onboard-muted: var(--home-muted, #4e6661);--onboard-border: var(--home-border, #c9ddd7);--onboard-card: var(--home-card, rgba(255, 255, 255, .98));position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#050a0db3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:1rem}.home-onboarding-modal{width:min(560px,calc(100vw - 2rem));border:1px solid var(--onboard-border);border-radius:1.2rem;background:var(--onboard-card);box-shadow:0 24px 46px -26px #000000a8,inset 0 1px #ffffff14;padding:.9rem;position:relative;overflow:hidden;display:grid;gap:.75rem;color:var(--onboard-ink)}.home-onboarding-close{position:absolute;top:.45rem;right:.55rem;border:0;background:transparent;color:var(--onboard-muted);font-size:1.2rem;cursor:pointer}.lang-ar .home-onboarding-close{right:auto;left:.55rem}.home-onboarding-track{display:flex;width:100%;transition:transform .28s cubic-bezier(.22,1,.36,1)}.home-onboarding-slide{min-width:100%;display:grid;justify-items:center;text-align:center;gap:.5rem;padding:1rem .4rem .6rem}.home-onboarding-icon{width:2.2rem;height:2.2rem;display:grid;place-items:center;color:color-mix(in srgb,var(--onboard-accent) 88%,var(--onboard-ink))}.home-onboarding-icon svg{width:2.2rem;height:2.2rem;stroke:currentColor;stroke-width:1.8;fill:none}.home-onboarding-slide h2{margin:0;font-size:1.35rem}.home-onboarding-slide p{margin:0;color:var(--onboard-muted);line-height:1.5}.home-onboarding-footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.home-onboarding-dots{display:inline-flex;gap:.35rem}.home-onboarding-dots span{width:.5rem;height:.5rem;border-radius:999px;background:color-mix(in srgb,var(--onboard-border) 70%,transparent)}.home-onboarding-dots span.active{background:color-mix(in srgb,var(--onboard-accent) 84%,#ffffff)}.app-shell.theme-dark .home-onboarding-overlay{--onboard-accent: #2f8f7d;--onboard-ink: #e7f2ed;--onboard-muted: #a6bbb5;--onboard-border: #40625c;--onboard-card: linear-gradient(165deg, rgba(31, 46, 49, .98), rgba(21, 34, 37, .99))}.app-shell.theme-light .home-onboarding-overlay{--onboard-accent: #2f8f7d;--onboard-ink: #1f3330;--onboard-muted: #4e6661;--onboard-border: #c9ddd7;--onboard-card: rgba(255, 255, 255, .98)}.app-shell.theme-dark .home-page{--home-ink: #e7f2ed;--home-muted: #a6bbb5;--home-border: #355751;--home-surface: linear-gradient( 150deg, rgba(24, 39, 42, .9), rgba(17, 29, 32, .94) );--home-card: linear-gradient( 160deg, rgba(34, 49, 52, .94), rgba(21, 34, 37, .96) );--home-shadow: 0 28px 46px -34px rgba(0, 0, 0, .86)}.home-reveal{opacity:0;transform:translateY(10px);animation:home-fade-up .55s cubic-bezier(.2,.9,.28,1) forwards;animation-delay:var(--reveal-delay, 0ms)}.home-utility{position:sticky;top:.2rem;z-index:25;display:flex;justify-content:flex-end;pointer-events:none}.home-utility-inner{position:relative;pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--home-accent) 30%,var(--home-border));background:linear-gradient(135deg,color-mix(in srgb,var(--home-card) 94%,rgba(255,255,255,.42)),color-mix(in srgb,var(--home-card) 90%,rgba(210,236,229,.24)));box-shadow:var(--home-shadow),inset 0 1px #ffffff59;border-radius:999px;padding:.34rem .42rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-icon-btn{border:1px solid color-mix(in srgb,var(--home-accent) 22%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--home-card) 98%,rgba(255,255,255,.12));color:var(--home-ink);min-height:2rem;min-width:2rem;padding:.2rem .55rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.home-icon-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--home-accent) 45%,var(--home-border))}.home-utility-inner .home-theme-toggle{border:1px solid color-mix(in srgb,var(--home-accent) 24%,var(--home-border));border-radius:999px;padding:.12rem;background:color-mix(in srgb,var(--home-card) 96%,rgba(255,255,255,.12));box-shadow:inset 0 1px #ffffff38}.app-shell.theme-dark .home-utility-inner{border-color:#416761;background:linear-gradient(135deg,#1c2b2ef0,#152225f5);box-shadow:var(--home-shadow),inset 0 1px #e6f4f017}.app-shell.theme-dark .home-icon-btn{border-color:#446b65;background:linear-gradient(145deg,#1d2e31f2,#182629f2)}.app-shell.theme-dark .home-utility-inner .home-theme-toggle{border-color:#446b65;background:linear-gradient(145deg,#1d2e31f2,#182629f2);box-shadow:inset 0 1px #e1f3ed14}.home-icon-btn svg{width:.95rem;height:.95rem;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.home-cover{position:relative;overflow:hidden;border:1px solid var(--home-border);border-radius:1.4rem;background:var(--home-surface);padding:1.2rem;box-shadow:var(--home-shadow)}.app-shell.theme-light .home-cover{border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 16px #0000000d}.home-cover-pattern{position:absolute;inset:0 auto auto 0;width:100%;height:8px;opacity:.38;background-image:radial-gradient(circle at 10px 4px,color-mix(in srgb,var(--home-accent) 70%,#ffffff) 2px,transparent 2px),radial-gradient(circle at 30px 4px,color-mix(in srgb,var(--home-accent) 40%,#ffffff) 2px,transparent 2px);background-size:40px 8px;pointer-events:none}.home-cover-brand{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--home-accent) 78%,var(--home-ink))}.home-streak-badge{margin:.42rem 0 0;width:fit-content;border:1px solid color-mix(in srgb,#ffb14a 58%,var(--home-border));background:color-mix(in srgb,#ffb14a 18%,var(--home-card));color:color-mix(in srgb,#f7931a 74%,var(--home-ink));border-radius:999px;padding:.22rem .6rem;font-size:.76rem;font-weight:800}.home-streak-badge.high{border-color:color-mix(in srgb,#f0ca58 68%,var(--home-border));background:color-mix(in srgb,#f0ca58 20%,var(--home-card));color:color-mix(in srgb,#c88d0c 82%,var(--home-ink))}.home-cover-title{margin:.38rem 0 0;font-size:clamp(1.6rem,4.1vw,2.5rem);line-height:1.08}.home-cover-prompt{margin:.55rem 0 0;color:var(--home-muted);line-height:1.52;max-width:70ch}.home-cover-stats{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.46rem}.home-cover-stat{border:1px solid color-mix(in srgb,var(--home-accent) 32%,var(--home-border));background:color-mix(in srgb,var(--home-accent-soft) 52%,transparent);color:color-mix(in srgb,var(--home-accent) 88%,var(--home-ink));border-radius:999px;font-size:.8rem;font-weight:700;padding:.24rem .62rem}.home-cover-feelings{margin-top:.82rem;display:grid;gap:.36rem}.home-cover-feelings-label{margin:0;font-size:.77rem;color:var(--home-muted);font-weight:700}.home-cover-feelings-title{margin:0;font-size:.9rem;font-weight:700}.home-cover-feelings-row{display:flex;flex-wrap:wrap;gap:.42rem}.home-feeling-chip{border:1px solid color-mix(in srgb,var(--home-accent) 28%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--home-card) 90%,transparent);color:var(--home-ink);min-height:2.1rem;padding:.34rem .64rem;font:inherit;font-size:.82rem;font-weight:700;display:inline-flex;align-items:center;gap:.36rem;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.home-feeling-chip:hover{transform:translateY(-1px)}.home-feeling-chip.active{border-color:color-mix(in srgb,var(--home-accent) 58%,#ffffff);background:linear-gradient(145deg,var(--home-accent-strong),var(--home-accent));color:#f2fffb}.home-search-wrap{display:grid;gap:.4rem}.home-ayah-card{border:1px solid color-mix(in srgb,var(--home-accent) 36%,var(--home-border));border-radius:1.15rem;background:linear-gradient(150deg,color-mix(in srgb,var(--home-accent-soft) 65%,#f8f0d7),color-mix(in srgb,var(--home-card) 90%,rgba(255,255,255,.88)));padding:.85rem .92rem;display:grid;gap:.44rem}.home-ayah-eyebrow{margin:0;display:inline-flex;align-items:center;gap:.3rem}.home-ayah-arabic{margin:0;text-align:center;font-size:clamp(1.1rem,2.2vw,1.4rem);line-height:2;color:var(--home-ink)}.home-ayah-english{margin:0;text-align:center;color:var(--home-muted);line-height:1.58}.home-ayah-caption{margin:0;text-align:center;color:color-mix(in srgb,var(--home-accent) 84%,var(--home-ink));font-size:.8rem;font-weight:700}.home-ayah-link{width:fit-content;margin-inline:auto}.home-search-label{margin:0;font-size:.9rem;font-weight:700;color:var(--home-muted)}.home-search-input{width:100%;min-height:3.05rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--home-accent) 30%,var(--home-border));background:color-mix(in srgb,var(--home-card) 94%,transparent);color:var(--home-ink);font:inherit;padding:.7rem 1rem;box-shadow:inset 0 1px #ffffff2e;transition:border-color .18s ease,box-shadow .18s ease}.home-search-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--home-accent) 74%,#9cc6bb);box-shadow:inset 0 1px #ffffff29,0 0 0 3px color-mix(in srgb,var(--home-accent-soft) 88%,transparent)}.home-tabs{display:grid;gap:.42rem}.home-daily-challenge{border:1px solid color-mix(in srgb,var(--home-accent) 36%,var(--home-border));border-left:4px solid color-mix(in srgb,var(--home-accent) 85%,#f0c777);border-radius:1.05rem;background:color-mix(in srgb,var(--home-card) 92%,rgba(255,255,255,.08));padding:.72rem .82rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem}.home-daily-challenge.is-done{border-color:color-mix(in srgb,#3da67d 58%,var(--home-border));background:color-mix(in srgb,#3da67d 22%,var(--home-card))}.home-daily-challenge-title{margin:.26rem 0 0;font-size:.93rem;font-weight:700;color:var(--home-ink)}.home-daily-challenge-actions{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.home-daily-check{position:relative;display:inline-flex;align-items:center;gap:.48rem;min-height:2.3rem;padding:.34rem .58rem .34rem .38rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--home-border) 88%,var(--home-accent-soft));background:color-mix(in srgb,var(--home-card) 94%,transparent);font-size:.79rem;color:var(--home-ink);font-weight:700;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.home-daily-check:hover{border-color:color-mix(in srgb,var(--home-accent) 56%,var(--home-border));transform:translateY(-1px)}.home-daily-check input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:3}.home-daily-check-ripple{position:absolute;left:.5rem;top:calc(50% - .6rem);width:1.2rem;height:1.2rem;border-radius:999px;background:color-mix(in srgb,var(--home-accent-strong) 56%,transparent);opacity:0;transform:scale(0);pointer-events:none;z-index:1}.home-daily-check input:checked+.home-daily-check-ripple{animation:checkRipple .36s ease-out}.home-daily-check-box{width:1.24rem;height:1.24rem;border-radius:.34rem;border:1px solid color-mix(in srgb,var(--home-border) 85%,var(--home-accent-soft));background:color-mix(in srgb,var(--home-card) 90%,#ffffff);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative;z-index:2}.home-daily-check-box svg{width:.86rem;height:.86rem;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;transform:scale(.72);transition:transform .18s ease}.home-daily-check-label{color:var(--home-muted);transition:color .18s ease}.home-daily-check input:checked+.home-daily-check-ripple+.home-daily-check-box{border-color:color-mix(in srgb,var(--home-accent-strong) 76%,#f5d48e);background:linear-gradient(145deg,color-mix(in srgb,var(--home-accent-strong) 92%,#f3d38c),color-mix(in srgb,var(--home-accent) 86%,#8ec9bc));color:#f8fff9;box-shadow:0 7px 16px -12px color-mix(in srgb,var(--home-accent-strong) 88%,transparent)}.home-daily-check input:checked+.home-daily-check-ripple+.home-daily-check-box svg{transform:scale(1)}.home-daily-check input:checked+.home-daily-check-ripple+.home-daily-check-box+.home-daily-check-label{color:var(--home-ink)}.home-daily-check:has(input:checked){border-color:color-mix(in srgb,var(--home-accent-strong) 58%,var(--home-border));background:color-mix(in srgb,var(--home-accent-soft) 28%,var(--home-card))}.home-daily-check input:focus-visible+.home-daily-check-ripple+.home-daily-check-box{box-shadow:0 0 0 3px color-mix(in srgb,var(--home-accent-soft) 76%,transparent),0 7px 16px -12px color-mix(in srgb,var(--home-accent-strong) 88%,transparent)}.home-tabs-track{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--home-border);border-radius:999px;background:color-mix(in srgb,var(--home-card) 90%,transparent);padding:.28rem}.home-tab{border:1px solid transparent;background:transparent;color:var(--home-muted);border-radius:999px;min-height:2.6rem;font:inherit;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background-color .17s ease,color .17s ease,transform .17s ease}.home-tab:hover{transform:translateY(-1px)}.home-tab.active{color:#f3fffc;background:linear-gradient(145deg,var(--home-accent-strong),var(--home-accent));box-shadow:0 12px 20px -16px color-mix(in srgb,var(--home-accent) 90%,transparent)}.home-tab-count{border-radius:999px;padding:.1rem .45rem;background:#ffffff2e;font-size:.75rem}.home-tab-description{margin:0;color:var(--home-muted);font-size:.88rem}.home-chip-section{display:grid;gap:.45rem;overflow:visible}.home-eyebrow{margin:0;width:fit-content;border:1px solid color-mix(in srgb,var(--home-accent) 36%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--home-accent-soft) 60%,transparent);color:color-mix(in srgb,var(--home-accent) 86%,var(--home-ink));font-size:.78rem;font-weight:800;letter-spacing:.03em;padding:.2rem .65rem;text-transform:none}.home-chip-rail{display:flex;align-items:center;gap:.46rem;overflow-x:auto;overflow-y:hidden;padding-top:.52rem;padding-bottom:.5rem;padding-inline:.42rem;scroll-padding-inline:.42rem;scrollbar-width:none}.home-chip-rail::-webkit-scrollbar{display:none}.home-filter-chip,.home-filter-overflow{border:1px solid var(--chip-border, var(--home-border));background:color-mix(in srgb,var(--chip-tint, var(--home-card)) 32%,transparent);color:var(--chip-ink, var(--home-ink));border-radius:999px;min-height:2.3rem;padding:.35rem .72rem;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background-color .15s ease,color .15s ease}.home-filter-chip:hover,.home-filter-overflow:hover{transform:translateY(-1px)}.home-filter-chip.selected{border-color:color-mix(in srgb,var(--home-accent) 58%,#ffffff);background:linear-gradient(145deg,var(--home-accent-strong),var(--home-accent));color:#f4fffb;transform:scale(1.04)}.home-chip-icon{width:1.1rem;height:1.1rem;display:inline-grid;place-items:center}.home-chip-icon svg{width:1.05rem;height:1.05rem;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.home-filter-overflow{min-width:2.3rem;justify-content:center}.home-prophet-bio{margin:.2rem 0 0;border:1px dashed color-mix(in srgb,var(--home-accent) 34%,var(--home-border));border-radius:.82rem;background:color-mix(in srgb,var(--home-accent-soft) 40%,transparent);color:var(--home-muted);font-size:.82rem;line-height:1.45;padding:.52rem .62rem}.home-journey-card{border:1px solid var(--home-border);border-radius:1.15rem;background:var(--home-card);box-shadow:var(--home-shadow);padding:.85rem;display:grid;gap:.55rem}.home-journey-eyebrow{margin:0;color:var(--home-muted);font-size:.8rem;font-weight:700;text-transform:none;letter-spacing:.04em}.home-journey-title{margin:0;color:var(--home-ink);font-size:1rem;font-weight:700}.home-journey-entry{margin:.28rem 0 0;color:var(--home-ink);font-size:1.03rem;font-weight:700}.home-journey-tag{margin-top:.35rem;display:inline-flex;border:1px solid color-mix(in srgb,var(--home-accent) 42%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--home-accent-soft) 58%,transparent);color:color-mix(in srgb,var(--home-accent) 86%,var(--home-ink));padding:.2rem .55rem;font-size:.77rem;font-weight:700}.home-journey-returning,.home-journey-first{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem}.home-journey-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.home-journey-btn{border:1px solid color-mix(in srgb,var(--home-accent) 35%,var(--home-border));background:color-mix(in srgb,var(--home-accent-soft) 54%,transparent);color:var(--home-ink);border-radius:.9rem;min-height:2.4rem;padding:.52rem .9rem;font:inherit;font-weight:700;cursor:pointer}.home-journey-btn.primary{border-color:color-mix(in srgb,var(--home-accent) 52%,var(--home-border));background:linear-gradient(145deg,var(--home-accent-strong),var(--home-accent));color:#f4fffb}.home-journey-link{border:0;background:transparent;color:color-mix(in srgb,var(--home-accent) 88%,var(--home-ink));font:inherit;font-weight:700;cursor:pointer;padding:.2rem}.home-playlists,.home-learning-paths{border:1px solid var(--home-border);border-radius:1.15rem;background:var(--home-card);padding:.8rem;box-shadow:var(--home-shadow);display:grid;gap:.6rem}.home-learning-path-track{display:flex;gap:.62rem;overflow-x:auto;padding-top:.38rem;padding-bottom:.34rem;scrollbar-width:none}.home-learning-path-track::-webkit-scrollbar{display:none}.home-learning-path-card{width:260px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--home-accent) 34%,var(--home-border));border-radius:1rem;background:color-mix(in srgb,var(--home-card) 90%,transparent);padding:.72rem;display:grid;gap:.4rem}.home-learning-path-title{margin:0;font-size:1rem;font-weight:700;color:var(--home-ink)}.home-learning-path-outcome{margin:0;font-size:.84rem;color:var(--home-muted);line-height:1.45}.home-path-dots{display:flex;gap:.3rem;align-items:center}.home-path-dots span{width:.44rem;height:.44rem;border-radius:999px;background:color-mix(in srgb,var(--home-border) 72%,transparent)}.home-path-dots span.done{background:color-mix(in srgb,var(--home-accent) 84%,#ffffff)}.home-playlists-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.home-playlists-subtitle{margin:.18rem 0 0;color:var(--home-muted);font-size:.86rem}.home-link-btn{border:0;background:transparent;color:color-mix(in srgb,var(--home-accent) 85%,var(--home-ink));font:inherit;font-weight:700;cursor:pointer;padding:.2rem}.home-carousel-arrows{display:flex;justify-content:flex-end;gap:.45rem}.home-playlist-track{display:flex;gap:.62rem;overflow-x:auto;overflow-y:hidden;padding-top:.56rem;padding-bottom:.5rem;padding-inline:.42rem;scroll-padding-inline:.42rem;scrollbar-width:none}.home-playlist-track::-webkit-scrollbar{display:none}.home-playlist-track.expanded{display:grid;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.home-playlist-card{width:200px;flex:0 0 auto;border:1px solid var(--home-border);border-top:4px solid var(--playlist-color, var(--home-accent));border-radius:1rem;background:color-mix(in srgb,var(--home-card) 92%,transparent);padding:.78rem;display:grid;align-content:start;gap:.35rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden;color:var(--home-ink)}.home-playlist-card:hover,.home-playlist-card:focus-visible{transform:translateY(-2px);box-shadow:0 18px 30px -24px color-mix(in srgb,var(--playlist-color, var(--home-accent)) 70%,transparent);border-color:color-mix(in srgb,var(--playlist-color, var(--home-accent)) 58%,var(--home-border))}.home-playlist-title{margin:0;color:var(--home-ink);font-size:1rem;font-weight:700;line-height:1.2}.home-playlist-count{margin:0;color:var(--home-muted);font-size:.82rem;font-weight:700}.home-playlist-tag{border:1px solid color-mix(in srgb,var(--playlist-color, var(--home-accent)) 40%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--playlist-color, var(--home-accent)) 18%,transparent);width:fit-content;padding:.2rem .52rem;font-size:.74rem;font-weight:700;color:var(--home-ink)}.home-playlist-summary{margin:0;color:var(--home-muted);font-size:.84rem;line-height:1.4;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.home-playlist-card:hover .home-playlist-summary,.home-playlist-card:focus-visible .home-playlist-summary{opacity:1;transform:translateY(0)}.home-entries{border:1px solid var(--home-border);border-radius:1.15rem;background:var(--home-card);padding:.82rem;box-shadow:var(--home-shadow);display:grid;gap:.7rem}.home-entries-head{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start}.home-entries-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.16rem;line-height:1.18}.home-entries-hint{margin:.25rem 0 0;color:var(--home-muted);font-size:.86rem}.home-entries-controls{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.home-chip-toggle{border:1px solid var(--home-border);background:color-mix(in srgb,var(--home-card) 90%,transparent);color:var(--home-ink);border-radius:999px;min-height:2.2rem;padding:.35rem .75rem;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}.home-chip-toggle.active{border-color:color-mix(in srgb,var(--home-accent) 58%,var(--home-border));background:linear-gradient(145deg,var(--home-accent-strong),var(--home-accent));color:#f4fffb}.home-view-toggle{display:inline-flex;border:1px solid var(--home-border);border-radius:999px;overflow:hidden}.home-view-toggle button{border:0;background:transparent;color:var(--home-muted);width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.home-view-toggle button svg{width:.95rem;height:.95rem;stroke:currentColor;stroke-width:1.9;fill:none}.home-view-toggle button.active{background:color-mix(in srgb,var(--home-accent) 20%,transparent);color:color-mix(in srgb,var(--home-accent) 80%,var(--home-ink))}.home-filter-banner{border:1px solid color-mix(in srgb,var(--home-accent) 34%,var(--home-border));border-radius:.9rem;background:color-mix(in srgb,var(--home-accent-soft) 70%,transparent);padding:.5rem .65rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.home-filter-banner p{margin:0;color:var(--home-ink);font-size:.84rem;font-weight:700}.home-filter-banner button{border:0;background:transparent;color:color-mix(in srgb,var(--home-accent) 88%,var(--home-ink));font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.home-entry-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.home-entry-card,.home-entry-row{opacity:0;transform:translateY(12px);animation:cardIn .46s ease-out forwards;animation-delay:var(--entry-delay, 0ms)}.home-entry-card{position:relative;border:1px solid var(--home-border);border-radius:1.05rem;background:color-mix(in srgb,var(--home-card) 92%,transparent);padding:.8rem .82rem .86rem;cursor:pointer;overflow:hidden;min-height:210px;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:var(--home-ink)}.home-entry-card:before,.home-entry-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--home-accent),color-mix(in srgb,var(--home-accent) 55%,#ffffff));opacity:.32}.home-entry-card.is-read:before,.home-entry-row.is-read:before{opacity:.95}.home-entry-card:hover,.home-entry-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--home-accent) 55%,var(--home-border));box-shadow:0 20px 30px -24px color-mix(in srgb,var(--home-accent) 76%,transparent)}.home-entry-top{display:flex;justify-content:space-between;align-items:flex-start}.home-type-badge{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--home-accent) 35%,var(--home-border));border-radius:999px;background:color-mix(in srgb,var(--home-accent-soft) 60%,transparent);color:color-mix(in srgb,var(--home-accent) 90%,var(--home-ink));padding:.16rem .52rem;font-size:.7rem;font-weight:800;letter-spacing:.02em}.home-type-badge.small{font-size:.67rem}.home-entry-favorite{top:.48rem;right:.48rem}.home-entry-arabic{margin:.5rem 0 0;border:1px solid color-mix(in srgb,var(--home-accent) 30%,var(--home-border));border-radius:.75rem;background:color-mix(in srgb,var(--home-accent-soft) 58%,transparent);padding:.45rem .55rem;line-height:2;color:var(--home-ink)}.home-entry-title{margin:.48rem 0 0;color:var(--home-ink);font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;line-height:1.18}.home-entry-surah{margin:.28rem 0 0;color:var(--home-muted);font-size:.84rem;font-weight:700}.home-entry-meta{margin-top:.46rem;display:flex;flex-wrap:wrap;gap:.34rem}.home-time-pill,.home-entry-tag,.home-entry-row-tag{border:1px solid var(--home-border);border-radius:999px;background:color-mix(in srgb,var(--home-card) 95%,transparent);padding:.16rem .52rem;font-size:.74rem;font-weight:700;color:var(--home-muted)}.home-time-pill.compact{margin-inline-start:auto}.home-entry-summary{margin:.52rem 0 0;color:var(--home-muted);font-size:.88rem;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:-webkit-line-clamp .18s ease}.home-entry-card:hover .home-entry-summary,.home-entry-card:focus-visible .home-entry-summary{-webkit-line-clamp:2}.home-entry-arrow{position:absolute;right:.62rem;bottom:.58rem;color:color-mix(in srgb,var(--home-accent) 75%,var(--home-ink));opacity:.56;transition:opacity .18s ease,transform .18s ease}.home-entry-arrow svg{width:.95rem;height:.95rem;stroke:currentColor;stroke-width:2;fill:none}.home-entry-card:hover .home-entry-arrow,.home-entry-card:focus-visible .home-entry-arrow{opacity:1;transform:translate(2px)}.home-entry-list{display:grid;gap:.52rem}.home-entry-row{position:relative;border:1px solid var(--home-border);border-radius:.95rem;background:color-mix(in srgb,var(--home-card) 92%,transparent);padding:.52rem .62rem .56rem;display:flex;align-items:center;gap:.45rem;cursor:pointer;color:var(--home-ink)}.home-entry-row-main{min-width:0;display:grid;gap:.16rem}.home-entry-row-title{margin:0;color:var(--home-ink);font-family:"Baloo 2",Nunito,sans-serif;font-size:.96rem;line-height:1.15}.app-shell.theme-dark .home-playlist-title,.app-shell.theme-dark .home-entry-title,.app-shell.theme-dark .home-entry-row-title,.app-shell.theme-dark .home-entry-arabic{color:#edf7f3}.app-shell.theme-dark .home-playlist-count,.app-shell.theme-dark .home-playlist-summary,.app-shell.theme-dark .home-entry-surah,.app-shell.theme-dark .home-entry-summary,.app-shell.theme-dark .home-entry-row-meta,.app-shell.theme-dark .home-time-pill,.app-shell.theme-dark .home-entry-tag,.app-shell.theme-dark .home-entry-row-tag{color:#c5d8d2}.home-entry-row-meta{margin:0;color:var(--home-muted);font-size:.8rem}.home-entry-row-favorite{position:static;width:1.9rem;height:1.9rem;margin-inline-start:auto}.home-empty-state{border:1px dashed var(--home-border);border-radius:1rem;background:color-mix(in srgb,var(--home-card) 85%,transparent);padding:1rem;text-align:center;display:grid;gap:.45rem}.home-empty-title{margin:0;font-weight:700}.home-empty-note{margin:0;color:var(--home-muted);font-size:.88rem}.home-empty-celebration{border-style:solid;border-color:color-mix(in srgb,var(--home-accent) 54%,var(--home-border));background:color-mix(in srgb,var(--home-accent) 10%,var(--home-card))}.home-filter-sheet-backdrop{--filter-ink: var(--home-ink, #e7f2ed);--filter-muted: var(--home-muted, #a6bbb5);--filter-border: var(--home-border, #40625c);--filter-card: var(--home-card, linear-gradient(165deg, rgba(31, 46, 49, .98), rgba(21, 34, 37, .99)));position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;background:#050a0db8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem}.home-filter-sheet{width:min(860px,calc(100vw - 2rem));max-height:min(82dvh,680px);overflow:auto;border:1px solid var(--filter-border);border-radius:1.08rem;background:var(--filter-card);box-shadow:0 34px 68px -28px #000000c7,inset 0 1px #ffffff14;padding:.95rem;display:grid;gap:.72rem;color:var(--filter-ink)}.home-filter-sheet-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.home-filter-sheet-head p{margin:0;font-size:1rem;font-weight:700}.home-filter-sheet-head button{border:1px solid var(--filter-border);border-radius:999px;background:color-mix(in srgb,var(--filter-card) 86%,transparent);color:var(--filter-muted);font:inherit;font-size:.82rem;font-weight:700;padding:.24rem .65rem;cursor:pointer}.home-filter-sheet-head button:hover{color:var(--filter-ink)}.home-filter-sheet-grid{display:flex;flex-wrap:wrap;gap:.48rem;padding-top:.22rem;padding-bottom:.18rem}.app-shell.theme-light .home-filter-sheet-backdrop{--filter-ink: #1e3330;--filter-muted: #4e6661;--filter-border: #c9ddd7;--filter-card: rgba(255, 255, 255, .98)}.app-shell.theme-dark .home-filter-sheet{background:linear-gradient(165deg,#1d2c30fa,#162326fc);border-color:#40625c}.app-shell.theme-dark .home-filter-sheet-backdrop{--filter-ink: #e7f2ed;--filter-muted: #a6bbb5;--filter-border: #40625c;--filter-card: linear-gradient(165deg, rgba(29, 44, 48, .98), rgba(22, 35, 38, .99))}.app-shell.theme-dark .home-filter-chip:not(.selected),.app-shell.theme-dark .home-filter-overflow{border-color:#fff3;color:#ffffffb8}@keyframes home-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes checkRipple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@media (max-width: 1140px){.home-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.home-journey-returning,.home-journey-first,.home-entries-head,.home-playlists-head,.home-daily-challenge{flex-direction:column;align-items:flex-start}.home-entries-controls{width:100%;justify-content:flex-start}.home-entry-grid{grid-template-columns:1fr}.home-playlist-card{width:min(240px,86vw)}}@media (max-width: 560px){.home-cover,.home-playlists,.home-entries,.home-journey-card{padding:.72rem}.home-search-input{min-height:2.86rem}.home-entry-card{min-height:186px;padding:.74rem .74rem .8rem}.home-entry-title{font-size:.96rem}.home-entry-summary{font-size:.84rem}}.lang-ar .home-utility{justify-content:flex-start}.lang-ar .home-entry-favorite{right:auto;left:.48rem}.lang-ar .home-entry-arrow{right:auto;left:.62rem}.language-switch{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.2rem;display:inline-flex;gap:.2rem}.page-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}@media (max-width: 980px){.page-controls{justify-content:flex-start}}.not-found-state{display:grid;gap:.8rem}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.25s;animation-timing-function:cubic-bezier(.19,1,.22,1)}:root{--bg-base: #f4ecdf;--bg-soft: #fbf7ef;--ink: #1f2a27;--ink-muted: #4f5c57;--line: #d7ccba;--accent: #1f5f55;--accent-soft: #dcece7;--gold: #9a742f;--shadow: 0 30px 58px -36px rgba(46, 64, 53, .45);--card-radius: 1.35rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Nunito,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,#206c5e29,#f4ecdf00 34%),radial-gradient(circle at 88% 12%,#9e742f2e,#f4ecdf00 36%),linear-gradient(165deg,#f7efe2,#f2eadd 48%,#ede3d1)}.app-shell{min-height:100dvh;position:relative;overflow-x:clip;padding:2rem 1rem 2.5rem;transition:background-color .22s ease,color .22s ease}.app-shell.theme-dark{--bg-base: #0f1618;--bg-soft: #151f22;--ink: #e7efea;--ink-muted: #a5b5b1;--line: #2d3f3d;--accent: #4ea18c;--accent-soft: #1c3630;--gold: #c49b57;--shadow: 0 30px 58px -38px rgba(0, 0, 0, .7);background:radial-gradient(circle at 12% 8%,#40827038,#0f161800 35%),radial-gradient(circle at 88% 12%,#a9833d2e,#0f161800 36%),linear-gradient(165deg,#10191b,#111b1d 45%,#0d1416)}.background-orb{position:absolute;border-radius:999px;pointer-events:none;filter:blur(10px);opacity:.36;z-index:0}.orb-one{width:340px;height:340px;background:#c4dfd0;top:-60px;left:-90px}.orb-two{width:260px;height:260px;background:#dbc083;right:-50px;bottom:8%}.app-shell.theme-dark .orb-one{background:#265248}.app-shell.theme-dark .orb-two{background:#745d34}.app-frame{position:relative;z-index:1;max-width:1280px;margin:0 auto;border-radius:2rem;border:1px solid #dccfb9;background:linear-gradient(165deg,#fffcf5eb,#fdf8effa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow);padding:2rem clamp(1rem,2.2vw,2.25rem);isolation:isolate}.app-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 80% 24%,#a07a3614,#a07a3600),linear-gradient(45deg,rgba(149,122,72,.06) 0,rgba(149,122,72,.06) 1px,transparent 1px,transparent 18px);opacity:.55;z-index:-1}.hero{margin-bottom:1.4rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:.95rem;align-items:stretch}.hero-copy{border:1px solid #ddd1bc;border-radius:1.3rem;background:linear-gradient(155deg,#fffdf6f5,#faf3e7f5);padding:1rem 1rem .95rem}.eyebrow{margin:0;color:#2c6e62;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}h1,h2,h3{font-family:"Baloo 2",Nunito,sans-serif;margin:0}h1{margin-top:.4rem;max-width:22ch;font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.02em}.hero-subtitle{margin:.75rem 0 0;max-width:68ch;color:var(--ink-muted);line-height:1.58}.hero-stat-row{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.48rem}.hero-stat{min-width:92px;border:1px solid #dccfb6;background:#fffaf1;border-radius:.85rem;padding:.42rem .58rem}.hero-stat-value,.hero-stat-label{margin:0}.hero-stat-value{font-family:"Baloo 2",Nunito,sans-serif;color:#21453f;font-size:1.08rem;line-height:1}.hero-stat-label{margin-top:.2rem;color:#59706a;font-size:.76rem;font-weight:700}.hero-art{border:1px solid #d9ccb6;border-radius:1.3rem;background:linear-gradient(145deg,#1f5f55,#254e5d);position:relative;overflow:hidden;min-height:214px;display:grid;place-items:center}.hero-art-pattern{position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;background:radial-gradient(circle,transparent 57%,rgba(254,248,236,.09) 58%,transparent 61%) 0 0 / 90px 90px,radial-gradient(circle,transparent 57%,rgba(254,248,236,.08) 58%,transparent 61%) 45px 45px / 90px 90px,linear-gradient(125deg,#d8b2653d,#d8b26500);transform:rotate(-6deg)}.hero-medallion{position:relative;z-index:1;width:min(180px,78%);aspect-ratio:1 / 1;border-radius:999px;border:2px solid rgba(240,218,173,.65);background:radial-gradient(circle at 32% 28%,#fffaf047,#fffaf000),#faecd12e;box-shadow:inset 0 0 0 10px #2450496b;display:grid;place-items:center;padding:1.1rem;text-align:center}.hero-medallion-title,.hero-medallion-sub{margin:0;color:#f7ecd7}.hero-medallion-title{font-family:"Baloo 2",Cairo,sans-serif;font-size:1.22rem;font-weight:700;line-height:1.15}.hero-medallion-sub{margin-top:.28rem;letter-spacing:.04em;font-size:.78rem;opacity:.9}.mobile-header{border:1px solid #d7cbb5;border-radius:1.35rem;background:linear-gradient(145deg,#208b7e24,#24708817),linear-gradient(155deg,#fffefaf2,#f9f2e5f2);padding:1rem 1rem .95rem}.mobile-header-mini{margin:0;color:#2c6e62;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mobile-header-title{margin-top:.24rem;font-size:clamp(1.75rem,4.4vw,2.5rem);line-height:1.02}.mobile-header-sub{margin:.45rem 0 0;color:#56716b;line-height:1.45;max-width:58ch}.toolbar{display:grid;gap:1rem;margin:1.9rem 0 1.25rem;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.quick-actions{display:flex;flex-wrap:wrap;gap:.84rem;margin:.5rem 0 1.35rem}.type-row{margin-bottom:1rem}.main-tabs{margin:.25rem 0 1.2rem}.main-tabs-track{display:inline-flex;gap:.35rem;border:1px solid #cfd8d4;border-radius:999px;background:#f6faf8;padding:.26rem}.main-tab{border:1px solid transparent;background:transparent;color:#2d4e47;border-radius:999px;min-height:2.5rem;min-width:8.6rem;padding:.45rem 1.08rem;font-family:inherit;font-size:.92rem;font-weight:800;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}.main-tab:hover{transform:translateY(-1px)}.main-tab.active{background:linear-gradient(145deg,#1f5f55,#2b7668);color:#f6fffc;box-shadow:0 10px 18px -14px #166555cc}.main-tab:focus-visible{outline:3px solid rgba(95,179,160,.4);outline-offset:1px}.playlist-section{margin:0 0 1.05rem;display:grid;gap:.6rem;border:1px solid #d7dcd5;border-radius:1.1rem;padding:.85rem;background:linear-gradient(160deg,#f9fcfa,#f5faf7)}.section-divider{margin:.45rem 0 .95rem;display:flex;align-items:center;gap:.7rem;color:#4f6a63}.section-divider:before,.section-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#acc2ba33,#85ada1a6)}.section-divider span{border:1px solid #c9ddd6;border-radius:999px;background:#f4faf7;color:#335850;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:.18rem .62rem}.entries-section{border:1px solid #d7dcd5;border-radius:1.1rem;padding:.9rem;background:linear-gradient(160deg,#fffefb,#fbf8f1)}.entries-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.entries-subtitle{margin:0;color:#5f6f69;font-size:.84rem;font-weight:700}.entries-section .cards-grid{margin-top:.55rem}.playlist-head{display:grid;gap:.2rem}.playlist-subtitle{margin:0;color:var(--ink-muted);font-size:.88rem;line-height:1.45}.playlist-grid{display:grid;gap:.68rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-inline:.22rem}.playlist-card{border:1px solid #d9d8cb;border-radius:1.1rem;padding:.85rem;background:linear-gradient(145deg,color-mix(in srgb,var(--playlist-tint, #70918e) 12%,#fffef9),#fffef9 68%);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.playlist-card:hover{transform:translateY(-2px);border-color:#95c1b6;box-shadow:0 14px 24px -20px #145d53b3}.playlist-card:focus-visible{outline:3px solid #7ac9b8;outline-offset:2px}.playlist-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.04rem;line-height:1.2}.playlist-summary{margin:.45rem 0 0;color:#34514b;line-height:1.45;font-size:.91rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.quick-action-btn{border:1px solid #ccb993;background:linear-gradient(145deg,#fff8ea,#f5ebd7);color:#5a4a2a;border-radius:.9rem;min-height:2.75rem;padding:.6rem 1.08rem;font-weight:700;cursor:pointer;box-shadow:0 10px 18px -16px #7a623794;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.quick-action-btn:hover{transform:translateY(-1px);border-color:#b79a67;box-shadow:0 14px 24px -18px #7a6237a8}.quick-action-btn:disabled{opacity:.45;cursor:not-allowed}.label{margin:0 0 .35rem;color:var(--ink-muted);font-size:.9rem;font-weight:700}.search-wrap{min-width:0}.search-input{width:100%;border:1px solid var(--line);border-radius:1rem;background:#fff;min-height:2.85rem;font:inherit;color:var(--ink);padding:.7rem .9rem;transition:border-color .18s ease,box-shadow .18s ease}.search-input:focus-visible{outline:none;border-color:#7ac9b8;box-shadow:0 0 0 3px #7ac9b833}.chip-button,.chip-link{border:1px solid #cfd9d4;background:linear-gradient(145deg,#f8fcfa,#edf4f1);color:#2b3f3a;border-radius:999px;min-height:2.65rem;padding:.5rem 1.08rem;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;box-shadow:0 8px 14px -14px #314f4473;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.chip-theme{background:var(--chip-bg);border-color:var(--chip-border);color:var(--chip-text)}.chip-button:hover,.chip-link:hover{transform:translateY(-1px);box-shadow:0 10px 16px -14px #314f4480}.chip-button:active,.chip-link:active{transform:translateY(0) scale(.98)}.chip-button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 22px -16px #1f5f55d9}.chip-theme.active{background:var(--chip-bg);border-color:var(--chip-border);color:var(--chip-text)}.chip-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.chip-link{border-color:var(--line);background:#fff}.theme-row{margin-bottom:1.25rem}.filter-head{margin-bottom:.45rem;display:grid;gap:.22rem}.filter-badge{margin:0;width:fit-content;border:1px solid #c8d9d3;border-radius:999px;background:linear-gradient(145deg,#f4fbf8,#edf6f3);color:#24554b;font-size:.82rem;font-weight:800;letter-spacing:.01em;padding:.24rem .72rem}.filter-helper{margin:0;color:#57706a;font-size:.86rem;line-height:1.45}.category-panel{margin-bottom:1.2rem}.category-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.category-tile{border:1px solid var(--tile-border, #cfdad5);background:var(--tile-bg, linear-gradient(140deg, #f2faf6, #e8f2ef));color:var(--tile-text, #244b43);border-radius:1.15rem;min-height:122px;padding:.86rem;position:relative;overflow:hidden;text-align:left;display:grid;align-content:space-between;gap:.62rem;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.category-tile:hover{transform:translateY(-2px);box-shadow:0 16px 26px -22px #265348bd}.category-tile:focus-visible{outline:3px solid rgba(103,188,168,.48);outline-offset:2px}.category-tile.active{border-color:#2f7a6c;box-shadow:0 16px 28px -22px #246e60e0}.category-decor{position:absolute;width:96px;height:96px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff9,#ffffff14);top:-42px;right:-24px;pointer-events:none}.category-tile-all{--tile-bg: linear-gradient(140deg, #f1f6f8, #e4ecef);--tile-border: #bfd0d6;--tile-text: #2d4f5d}.category-icon{width:2.7rem;height:2.7rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff85;display:inline-grid;place-items:center;font-size:1.24rem;position:relative;z-index:1}.category-icon svg{width:1.34rem;height:1.34rem;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;fill:none}.category-name{font-family:"Baloo 2",Nunito,sans-serif;font-size:1.03rem;line-height:1.22;position:relative;z-index:1}.theme-scroller{display:flex;gap:.6rem;overflow-x:auto;overflow-y:visible;padding:.28rem .42rem .6rem;scroll-padding-inline:.42rem}.theme-scroller:focus-visible{outline:2px solid #92bfb2;outline-offset:4px;border-radius:.6rem}.theme-scroller::-webkit-scrollbar{height:8px}.theme-scroller::-webkit-scrollbar-thumb{background:#d3ddd8;border-radius:999px}.cards-grid{display:grid;gap:.95rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding-inline:.22rem}.story-card{border:1px solid #e8eee9;border-radius:var(--card-radius);overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--card-tint) 16%,#ffffff),#fff 62%);position:relative;transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease}.story-card:hover{transform:translateY(-2px)}.story-card.card-page{padding:1.05rem;cursor:pointer;border-color:var(--surah-border, #e0dacd);background:linear-gradient(120deg,color-mix(in srgb,var(--card-tint) 12%,#ffffff),#fffdf8 68%)}.surah-ribbon{margin-bottom:.52rem}.surah-ribbon span{display:inline-flex;align-items:center;justify-content:center;min-width:2.45rem;min-height:1.4rem;border-radius:999px;border:1px solid var(--surah-border, #d6ddd9);background:var(--surah-soft, #f0f5f2);color:var(--surah-accent, #2f5f55);font-size:.74rem;font-weight:800;letter-spacing:.02em}.story-card.card-page:focus-visible{outline:3px solid #7ac9b8;outline-offset:2px}.story-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.1rem;line-height:1.2}.story-meta{margin:.35rem 0 0;font-size:.82rem;color:#48615a}.story-summary{margin:.5rem 0 0;color:#334846;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.dua-snippet{margin:.52rem 0 0;color:#204845;background:#f0faf7;border:1px solid #cde3db;border-radius:.7rem;padding:.45rem .58rem;line-height:1.75}.dua-full{margin-top:.45rem!important;color:#214745!important;background:#f3fbf8;border:1px solid #d4e7df;border-radius:.82rem;padding:.6rem .75rem;line-height:1.95!important}.arabic-script{font-family:Cairo,sans-serif;font-size:1.08rem}.story-lesson-inline{margin:.48rem 0 0;color:#304846;font-size:.92rem}.story-meta-pills{margin-top:.55rem;display:flex;flex-wrap:wrap;gap:.38rem}.mini-pill{border:1px solid #d7ccba;border-radius:999px;background:#fbf4e8;color:#5c513f;font-size:.75rem;font-weight:700;padding:.2rem .52rem}.open-story-link{margin-top:.78rem;border:1px solid #8bcab9;background:#f3fffb;color:#0c6659;border-radius:.8rem;min-height:2.3rem;padding:.5rem .9rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.88rem}.open-story-link.wide-link{width:fit-content}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.mini-tag{border:1px solid #cfded7;border-radius:999px;background:#ffffffd9;padding:.25rem .55rem;font-size:.78rem;color:#476560}.mini-tag.themed{border-color:var(--tag-border);background:var(--tag-bg);color:var(--tag-text)}.mini-tag.feeling-tag{border-color:#b8d8d0;background:#eef9f6;color:#2d5a50;font-weight:700}.story-progress-wrap{margin-top:.72rem}.story-progress-label{margin:0;color:#5a675f;font-size:.76rem;font-weight:700}.story-progress-bar{margin-top:.28rem;height:6px;border-radius:999px;background:#ece4d4;overflow:hidden}.story-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c9a152,#2f7c70);transition:width .4s cubic-bezier(.34,1.56,.64,1)}.story-page{display:grid;gap:.9rem}.learning-guide{display:grid;gap:.65rem}.learning-guide-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.learning-guide-title{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.12rem;line-height:1.2}.learning-guide-progress{border:1px solid #bfd5cf;background:#f2faf7;color:#1d4f47;border-radius:999px;padding:.22rem .62rem;font-size:.78rem;font-weight:800;white-space:nowrap}.learning-guide-subtitle{margin:0;color:#546d67;font-size:.9rem;line-height:1.45}.learning-guide-steps{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.learning-step-btn{border:1px solid #cfdcd7;background:linear-gradient(145deg,#f8fcfa,#edf5f2);color:#274741;border-radius:.95rem;min-height:2.75rem;padding:.5rem .62rem;font:inherit;font-size:.84rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.learning-step-btn:hover{transform:translateY(-1px);border-color:#9fc7bc;box-shadow:0 10px 18px -16px #186254a3}.learning-step-btn.is-done{border-color:#2f7b6c;background:linear-gradient(145deg,#e6f5ef,#d7efe5);color:#11453c}.learning-step-index{width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid #9fbdb2;display:inline-grid;place-items:center;font-size:.72rem;font-weight:800;background:#fff;flex:0 0 auto}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.section-title-row .chip-button{min-height:2.15rem;padding:.4rem .78rem;font-size:.8rem}.story-page-top{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.detail-header{margin-bottom:.2rem}.detail-meta-pills{margin-top:.44rem}.detail-surah{margin:0;color:#466862;font-size:.86rem;font-weight:700}h2{font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.1;margin-top:.2rem}.story-page-layout{display:grid;gap:.8rem;grid-template-columns:minmax(270px,1fr) minmax(0,1.7fr)}.detail-card{border:1px solid var(--line);background:#fff;border-radius:1.15rem;padding:.9rem}.summary-card{display:flex;flex-direction:column;gap:.56rem}.summary-actions{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.55rem}.summary-actions .favorite-large,.summary-actions .read-toggle{margin-top:0;flex:1 1 180px;justify-content:center}h3{font-size:1.18rem;letter-spacing:-.01em;margin-bottom:.28rem}.subhead-spacing{margin-top:.88rem}.detail-card p{margin:0;color:#304846;line-height:1.58}.detail-tags{margin-top:.9rem}.favorite-large{margin-top:.95rem;border:1px solid #b7d8ce;background:#f4fbf8;color:#2f4f49;border-radius:.85rem;min-height:2.35rem;padding:.45rem .9rem;font-size:.9rem;font-weight:700;cursor:pointer}.favorite-large.saved{border-color:#0f766e;background:#0f766e;color:#fff}.read-toggle{margin-top:.6rem;border-color:#8fb9ad;background:#eaf8f2;color:#1f4f47}.recommendation-panel,.impact-panel{margin-top:.15rem}.impact-prompt{margin-top:.2rem!important;color:#2b4f47!important;font-weight:600}.impact-check{margin-top:.55rem;display:flex;align-items:center;gap:.5rem;color:#214740;font-weight:700}.impact-check input{width:1.05rem;height:1.05rem;margin:0;border:2px solid #7aa99c;border-radius:.26rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f9fffc;display:grid;place-content:center;transition:background-color .13s ease,border-color .13s ease}.impact-check input:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .13s ease;clip-path:polygon(14% 55%,0 69%,40% 100%,100% 28%,86% 14%,38% 67%);background:#fff}.impact-check input:checked{border-color:#1f665a;background:#1f665a}.impact-check input:checked:before{transform:scale(1)}.impact-check input:focus-visible{outline:3px solid rgba(57,146,128,.36);outline-offset:2px}.impact-note-label{margin-top:.8rem;display:block;color:#4f665f;font-size:.84rem;font-weight:700}.impact-note-input{margin-top:.28rem;width:100%;min-height:88px;resize:vertical;border:1px solid #d4c7ae;border-radius:.85rem;background:#fffaf1;color:#243b36;font:inherit;padding:.55rem .62rem}.impact-note-input:focus-visible{outline:none;border-color:#88b7a9;box-shadow:0 0 0 3px #88b7a933}.impact-actions{margin-top:.6rem;display:flex;align-items:center;gap:.58rem;flex-wrap:wrap}.impact-feedback{color:#2f6f63;font-size:.83rem;font-weight:700}.recommendation-grid{margin-top:.55rem;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding-inline:.2rem}.recommendation-card{width:100%;border:1px solid #d9e7e0;background:#fcfffd;border-radius:1rem;padding:.75rem;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.recommendation-card:hover{transform:translateY(-1px);border-color:#9ecfbe;box-shadow:0 8px 18px -14px #0f766e94}.recommendation-card:focus-visible{outline:3px solid #7ac9b8;outline-offset:2px}.recommendation-card .mini-tag{border-color:#bad7ce;background:#eef9f5;color:#1d4b43;font-weight:700}.detail-hint{margin-bottom:.7rem!important;font-size:.9rem;color:#4f6662!important}.ayah-collapse-toggle{margin-top:.7rem}.ayah-list{list-style:none;margin:0;padding:0;display:grid;gap:.72rem}.ayah-item{border:1px solid #dde8e2;background:#fefefe;border-radius:1rem;padding:.72rem}.ayah-number{margin:0;width:2rem;height:2rem;border-radius:999px;border:1px solid #a9c9be;background:linear-gradient(145deg,#f4fdf9,#e8f7f2);box-shadow:inset 0 1px #ffffffe6;font-weight:800;display:grid;place-items:center;font-size:.95rem;color:#224941!important}.ayah-text{margin-top:.5rem!important;color:#213836!important}.ayah-text.ltr-text{direction:ltr;unicode-bidi:plaintext;text-align:left}.ayah-text.secondary{margin-top:.55rem!important;color:#4a615d!important;font-size:.93rem;border-top:1px dashed #dbe4de;padding-top:.5rem}.ayah-text.arabic{font-family:Cairo,sans-serif;font-size:1.08rem;line-height:1.82}.skeleton-list{display:grid;gap:.45rem}.skeleton-line{height:.8rem;border-radius:999px;background:linear-gradient(90deg,#edf2ef,#dde8e2 48%,#edf2ef);background-size:210% 100%;animation:shimmer 1.3s ease infinite}.skeleton-line.short{width:72%}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:190% 0%}}.error-panel{border:1px solid #e8cebe;background:#fff8f4;border-radius:1rem;padding:.8rem;display:grid;gap:.55rem}.empty-state{border:1px dashed #c9d7d1;color:#4a6660;border-radius:1rem;padding:1.1rem;text-align:center}.story-nav-row{display:flex;gap:.6rem;justify-content:space-between}.playlist-surah-list{margin-top:.9rem;border-top:1px dashed #d5ddd8;padding-top:.7rem}.playlist-surah-label{color:#4d6660!important;font-size:.8rem;font-weight:700}.playlist-surah-values{margin-top:.22rem!important;color:#2a4b45!important;font-size:.88rem}.playlist-story-list{margin-top:.55rem;display:grid;gap:.62rem;padding-inline:.2rem}.playlist-story-item{position:relative;border:1px solid #d8e2dd;background:linear-gradient(140deg,color-mix(in srgb,var(--story-tint, #6f9c91) 10%,#fffdf8),#fffefc);border-radius:.95rem;padding:.74rem;display:grid;gap:.2rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.playlist-story-item:before{content:"";position:absolute;top:.6rem;bottom:.6rem;left:.35rem;width:4px;border-radius:999px;background:color-mix(in srgb,var(--story-tint, #6f9c91) 76%,#355f59);opacity:.95}.playlist-story-item:hover{transform:translateY(-1px);border-color:#a8cbbf;box-shadow:0 8px 16px -14px #0f6152a6}.playlist-story-item:focus-visible{outline:3px solid #7ac9b8;outline-offset:2px}.playlist-story-item .story-summary{-webkit-line-clamp:2}.playlist-story-item .story-title,.playlist-story-item .story-meta,.playlist-story-item .story-summary,.playlist-story-item .story-meta-pills,.playlist-story-item .playlist-card-hint,.playlist-story-item .playlist-open-link{margin-inline-start:.45rem}.playlist-card-hint{margin:.26rem 0 0;color:#4d6b65;font-size:.8rem;font-weight:700}.playlist-open-link{width:fit-content;margin-top:.4rem}.playlist-favorite{top:.48rem;right:.48rem;width:2rem;height:2rem}.app-shell.theme-dark .app-frame{border-color:#2a3a39;background:linear-gradient(165deg,#141d1ff2,#10181afa)}.app-shell.theme-dark .app-frame:before{background:radial-gradient(circle at 80% 24%,#cea4551f,#cea45500),linear-gradient(45deg,rgba(98,122,112,.08) 0,rgba(98,122,112,.08) 1px,transparent 1px,transparent 18px);opacity:.35}.app-shell.theme-dark .hero-copy{border-color:#334746;background:linear-gradient(155deg,#1b2629f2,#151f21f2)}.app-shell.theme-dark .mobile-header{border-color:#35504d;background:linear-gradient(145deg,#2a7e6f33,#285e7c29),linear-gradient(155deg,#182427f7,#131e21f7)}.app-shell.theme-dark .mobile-header-mini{color:#8ed2be}.app-shell.theme-dark .mobile-header-sub{color:#a8bbb5}.app-shell.theme-dark .hero-art{border-color:#3a4f4d;background:linear-gradient(145deg,#173d37,#1a3540)}.app-shell.theme-dark .hero-stat{border-color:#3b504e;background:#1a2729}.app-shell.theme-dark .hero-stat-value{color:#eaf2ee}.app-shell.theme-dark .hero-stat-label{color:#95aaa4}.app-shell.theme-dark .eyebrow{color:#82c7b2}.app-shell.theme-dark .hero-subtitle,.app-shell.theme-dark .label,.app-shell.theme-dark .playlist-subtitle,.app-shell.theme-dark .story-meta,.app-shell.theme-dark .story-lesson-inline,.app-shell.theme-dark .story-progress-label,.app-shell.theme-dark .detail-surah,.app-shell.theme-dark .detail-hint,.app-shell.theme-dark .hero-medallion-sub{color:#c1d0cc!important}.app-shell.theme-dark .search-input{background:#0f1a1d;border-color:#324443;color:#e6efeb}.app-shell.theme-dark .search-input:focus-visible{border-color:#6fb9a4;box-shadow:0 0 0 3px #6fb9a433}.app-shell.theme-dark .chip-button,.app-shell.theme-dark .chip-link{background:linear-gradient(145deg,#1d2c2f,#192628);border-color:#334747;color:#dce6e2;box-shadow:0 8px 16px -14px #000000b3}.app-shell.theme-dark .chip-button.active,.app-shell.theme-dark .favorite-large.saved{background:#2d7667;border-color:#2d7667;color:#ecf7f3}.app-shell.theme-dark .chip-theme.active{background:var(--chip-bg);border-color:var(--chip-border);color:var(--chip-text)}.app-shell.theme-dark .theme-scroller::-webkit-scrollbar-thumb{background:#3a4a4a}.app-shell.theme-dark .quick-action-btn{border-color:#4d5a46;background:linear-gradient(145deg,#2a2f23,#1f241a);color:#dfd8bf;box-shadow:0 10px 18px -14px #000000b8}.app-shell.theme-dark .quick-action-btn:hover{border-color:#697455}.app-shell.theme-dark .main-tabs-track{border-color:#364b49;background:#172426}.app-shell.theme-dark .main-tab{color:#bfd1cb}.app-shell.theme-dark .main-tab.active{background:linear-gradient(145deg,#2d7667,#3a8c7b);color:#f0fbf8;box-shadow:0 10px 20px -14px #43a791b8}.app-shell.theme-dark .filter-badge{border-color:#3f5d57;background:linear-gradient(145deg,#17302d,#152926);color:#c8e6de}.app-shell.theme-dark .filter-helper{color:#9fb3ad}.app-shell.theme-dark .category-tile{border-color:#3a5652;background:linear-gradient(145deg,#1c2f32,#18292c);color:#d7e7e2}.app-shell.theme-dark .category-tile-all{border-color:#425766;background:linear-gradient(140deg,#1b2d36,#1a2b31);color:#d3dfe7}.app-shell.theme-dark .category-tile.active{border-color:#60a796;box-shadow:0 16px 30px -22px #42aa94bf}.app-shell.theme-dark .category-icon{border-color:#93beb275;background:#759e922e}.app-shell.theme-dark .category-decor{background:radial-gradient(circle at 30% 30%,#86beaf59,#86beaf14)}.app-shell.theme-dark .story-card.card-page,.app-shell.theme-dark .playlist-card,.app-shell.theme-dark .recommendation-card,.app-shell.theme-dark .detail-card,.app-shell.theme-dark .ayah-item{background:linear-gradient(160deg,#182326,#121d20);border-color:#304241}.app-shell.theme-dark .playlist-section,.app-shell.theme-dark .entries-section{border-color:#304241;background:linear-gradient(160deg,#172326,#121d20)}.app-shell.theme-dark .section-divider:before,.app-shell.theme-dark .section-divider:after{background:linear-gradient(90deg,#54716a33,#5486799e)}.app-shell.theme-dark .section-divider span{border-color:#40615b;background:#16302d;color:#bfe0d7}.app-shell.theme-dark .entries-subtitle{color:#9fb3ad}.app-shell.theme-dark .story-title,.app-shell.theme-dark .playlist-title,.app-shell.theme-dark h1,.app-shell.theme-dark h2,.app-shell.theme-dark h3,.app-shell.theme-dark .detail-card p,.app-shell.theme-dark .ayah-text{color:#e7efea!important}.app-shell.theme-dark .ayah-number{border-color:#5d8e82;background:linear-gradient(145deg,#1b3334,#122527);box-shadow:inset 0 1px #aadccd29;color:#eff9f5!important}.app-shell.theme-dark .dua-snippet{border-color:#385a56;background:#142829;color:#d7e6e1}.app-shell.theme-dark .dua-full{border-color:#3c5e5a;background:#162b2c;color:#d9e8e4!important}.app-shell.theme-dark .mini-pill{border-color:#46524f;background:#202b2d;color:#d3ddd9}.app-shell.theme-dark .mini-tag{border-color:#3c4d4c;background:#1f2b2d;color:#cfdad6}.app-shell.theme-dark .mini-tag.themed{border-color:color-mix(in srgb,var(--tag-border) 60%,#4a5d59);background:color-mix(in srgb,var(--tag-bg) 26%,#182325);color:color-mix(in srgb,var(--tag-text) 70%,#d7e2de)}.app-shell.theme-dark .mini-tag.feeling-tag{border-color:#4e7971;background:#173330;color:#d0f0e6}.app-shell.theme-dark .open-story-link{border-color:#4c7f73;background:#163631;color:#c8f0e5}.app-shell.theme-dark .recommendation-card .mini-tag{border-color:#4a7a6e;background:#15302d;color:#d0efe5}.app-shell.theme-dark .playlist-summary,.app-shell.theme-dark .playlist-surah-values{color:#bfd0cb!important}.app-shell.theme-dark .playlist-surah-list{border-color:#3c4f4f}.app-shell.theme-dark .playlist-story-item{border-color:#365250;background:linear-gradient(160deg,color-mix(in srgb,var(--story-tint, #6f9c91) 12%,#1a2a2d),#162427)}.app-shell.theme-dark .playlist-story-item:hover{border-color:#5d8b80;box-shadow:0 8px 18px -14px #3e8b79ad}.app-shell.theme-dark .playlist-story-item .story-summary{color:#c9d9d5}.app-shell.theme-dark .playlist-card-hint{color:#9db8b1}.app-shell.theme-dark .story-progress-bar{background:#2a3435}.app-shell.theme-dark .story-progress-bar span{background:linear-gradient(90deg,#bb8a3b,#3f9383)}.app-shell.theme-dark .learning-guide-progress{border-color:#4e7c72;background:#17312c;color:#d3ece4}.app-shell.theme-dark .learning-guide-subtitle{color:#a6bbb5}.app-shell.theme-dark .learning-step-btn{border-color:#3e5c57;background:linear-gradient(145deg,#1a2c2e,#152526);color:#d2e2de}.app-shell.theme-dark .learning-step-btn:hover{border-color:#5d9185;box-shadow:0 10px 20px -16px #388f7a94}.app-shell.theme-dark .learning-step-btn.is-done{border-color:#4f9887;background:linear-gradient(145deg,#173830,#144037);color:#d9f0e8}.app-shell.theme-dark .learning-step-index{border-color:#5a877e;background:#1e3234;color:#e2f2ee}.app-shell.theme-dark .impact-note-input{border-color:#3b4c4c;background:#121d1f;color:#e7efeb}.app-shell.theme-dark .impact-check{color:#d5e4e0}.app-shell.theme-dark .impact-check input{border-color:#5d8e82;background:#132427}.app-shell.theme-dark .impact-check input:checked{border-color:#31917d;background:#31917d}.app-shell.theme-dark .impact-feedback{color:#8ad1bd}.app-shell.theme-dark .error-panel{border-color:#6e4d42;background:#2a1f1c}.app-shell.theme-dark .empty-state{border-color:#3f4f4f;color:#a8b7b3}.lang-ar{font-family:Cairo,Nunito,sans-serif}.lang-ar h1,.lang-ar h2,.lang-ar h3,.lang-ar .story-title{font-family:Cairo,sans-serif}.lang-ar .playlist-favorite{left:.48rem;right:auto}.lang-ar .recommendation-card{text-align:right}.lang-ar .surah-ribbon span{letter-spacing:0}.lang-ar .impact-check{flex-direction:row-reverse;justify-content:flex-end}.lang-ar .learning-step-btn{text-align:right}@media (max-width: 980px){.hero{grid-template-columns:1fr}.hero-art{min-height:176px}.toolbar{grid-template-columns:1fr}.quick-actions{margin-top:0}.story-page-layout{grid-template-columns:1fr}.story-page-top{flex-direction:column;align-items:flex-start}.learning-guide-steps{grid-template-columns:1fr}}@media (max-width: 700px){.app-shell{padding:.85rem}.app-frame{padding:1rem .85rem 1.2rem;border-radius:1.2rem}h1{font-size:clamp(1.62rem,6.6vw,2.1rem)}.cards-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:116px}.hero-stat{min-width:84px}.quick-action-btn{width:100%}.section-title-row{flex-direction:column;align-items:flex-start}}.milestone-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#070c0ead;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem}.path-page{gap:.85rem}.path-header{display:grid;gap:.45rem}.path-outcome{margin:0;color:var(--ink-muted);line-height:1.52}.path-progress-label{margin:0;color:#44635d;font-size:.82rem;font-weight:700}.path-steps{display:grid;gap:.58rem}.path-step{border:1px solid #d1ddd7;border-radius:.95rem;padding:.7rem;background:linear-gradient(160deg,#fbfefc,#f2f7f4);display:grid;gap:.5rem}.path-step.current{border-color:#75b4a2;box-shadow:0 12px 20px -18px #257e6c80}.path-step.future{opacity:.72}.path-step.done{border-color:#6aa794;background:linear-gradient(160deg,#eff9f4,#e2f3eb)}.path-step-main{display:flex;align-items:flex-start;gap:.6rem}.path-step-index{margin:0;width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid #9dc2b6;display:grid;place-items:center;font-size:.76rem;font-weight:800;color:#244742;background:#fff}.path-step-title{margin:0;font-weight:700;color:#22413d}.path-step-type{margin:.18rem 0 0;color:#5c7871;font-size:.8rem}.path-step-actions{display:flex;gap:.45rem;flex-wrap:wrap}.app-shell.theme-dark .path-step{border-color:#3b5350;background:linear-gradient(160deg,#182527,#132023)}.app-shell.theme-dark .path-step.current{border-color:#558f80}.app-shell.theme-dark .path-step.done{border-color:#4f8f7d;background:linear-gradient(160deg,#17302c,#112824)}.app-shell.theme-dark .path-progress-label,.app-shell.theme-dark .path-step-type{color:#a7bdb7}.app-shell.theme-dark .path-step-title,.app-shell.theme-dark .path-outcome{color:#e2efeb}.milestone-modal{width:min(520px,calc(100vw - 2rem));border:1px solid #cddcd5;border-radius:1.2rem;background:linear-gradient(160deg,#fcfffd,#f1f8f4);box-shadow:0 30px 50px -28px #00000080;padding:1.2rem;display:grid;gap:.6rem;justify-items:center;text-align:center}.milestone-icon{margin:0;font-size:2rem}.milestone-text{margin:0;font-size:1rem;color:#2f4f49;line-height:1.5}.app-shell.theme-dark .milestone-modal{border-color:#3d5752;background:linear-gradient(160deg,#1b2a2d,#142023)}.app-shell.theme-dark .milestone-text{color:#d4e7e2}