@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&family=Scheherazade+New:wght@400;700&family=Amiri:wght@400;700&family=Amiri+Quran&display=swap";.pplayer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:60;width:calc(100% - 24px);max-width:520px;display:flex;flex-direction:column;gap:4px;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.pplayer__row{display:flex;align-items:center;gap:6px}.pplayer__seekrow{display:flex;align-items:center;gap:8px}.pplayer__play{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pplayer__play svg{width:17px;height:17px}.pplayer__icon{color:var(--text-secondary);padding:5px;flex-shrink:0;border-radius:7px}.pplayer__icon svg{width:16px;height:16px}.pplayer__icon.active{color:var(--primary);background:var(--primary-soft)}.pplayer__rate{flex-shrink:0;display:inline-flex;align-items:center;gap:2px;padding:4px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}.pplayer__info{flex:1;min-width:0}.pplayer__title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pplayer__sub{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pplayer__time{font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.seekbar-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:30px;background:transparent;cursor:pointer;margin:0}.seekbar-range:focus{outline:none}.seekbar-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--primary) var(--pct, 0%),var(--border) var(--pct, 0%))}.seekbar-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-7px;width:20px;height:20px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 1px 4px #0000004d}.seekbar-range::-moz-range-track{height:6px;border-radius:3px;background:var(--border)}.seekbar-range::-moz-range-progress{height:6px;border-radius:3px;background:var(--primary)}.seekbar-range::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--primary)}.ob-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a140f8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ob-card{position:relative;width:100%;max-width:460px;max-height:92dvh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:clamp(20px,5vw,32px);animation:ob-in .22s ease}@keyframes ob-in{0%{transform:translateY(16px);opacity:.4}to{transform:none;opacity:1}}.ob-skip{position:absolute;top:14px;inset-inline-end:16px;color:var(--text-secondary);font-size:13px;font-weight:600}.ob-auth,.ob-slide{text-align:center}.ob-brand{display:flex;justify-content:center;margin-bottom:12px}.ob-card h2{font-size:clamp(20px,4vw,26px);margin-bottom:8px}.ob-sub{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:16px}.ob-skip-account{margin-top:12px;color:var(--primary);font-weight:700;font-size:14px;padding:8px}.ob-slide__icon{width:72px;height:72px;border-radius:22px;margin:4px auto 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--header-grad-2));box-shadow:0 10px 26px -12px color-mix(in srgb,var(--primary) 70%,transparent)}.ob-slide__eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:4px}.ob-how{margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--text);font-size:14px;line-height:1.55;text-align:start}.ob-dots{display:flex;justify-content:center;gap:6px;margin:20px 0 16px;flex-wrap:wrap}.ob-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .2s}.ob-dot.active{width:20px;border-radius:4px;background:var(--primary)}.ob-nav{display:flex;gap:10px}.ob-nav .btn-ghost,.ob-nav .btn-primary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px}.ob-nav .btn-ghost:disabled{opacity:.4}.shell{display:flex;min-height:100dvh;background:var(--bg)}.sidebar{display:none;width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100dvh;padding:22px 16px;background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;gap:8px}.sidebar__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--text);padding:6px 8px 18px}.sidebar__foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar__home{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:600;padding:8px}.sidebar__auth{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);font-weight:700;transition:background .15s}.sidebar__auth:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}.sidebar__auth-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.sidebar__auth-txt b{font-size:14px}.sidebar__auth-txt small{font-size:11px;color:var(--text-secondary);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cookie-banner{position:fixed;z-index:150;left:50%;bottom:16px;transform:translate(-50%);width:calc(100% - 24px);max-width:640px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-float)}.cookie-banner__icon{width:38px;height:38px;border-radius:10px;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cookie-banner__txt{flex:1;font-size:13px;line-height:1.5;color:var(--text-secondary)}.cookie-banner__txt a{color:var(--primary);font-weight:700}.cookie-banner__ok{flex-shrink:0;padding:9px 14px}@media (max-width: 560px){.cookie-banner{flex-wrap:wrap}.cookie-banner__txt{flex-basis:100%}.cookie-banner__ok{margin-inline-start:auto}}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:var(--radius-md);font-weight:600;font-size:15px;color:var(--text-secondary);transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--primary-soft);color:var(--primary)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px -10px var(--primary)}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.shell__content{width:100%;max-width:var(--content-max);margin:0 auto;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.mobilebar{position:sticky;top:0;z-index:45;display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));color:#fff}.mobilebar__menu{color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.mobilebar__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:18px;color:#fff}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000006b;display:flex}.drawer{width:284px;max-width:84vw;height:100%;background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:12px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);animation:drawer-in .22s ease}[dir=rtl] .drawer{margin-inline-start:auto}@keyframes drawer-in{0%{transform:translate(-14px);opacity:.4}to{transform:none;opacity:1}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 14px}.drawer__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;color:var(--text)}.drawer__close{color:var(--text-secondary);padding:6px}@media (min-width: 960px){.sidebar{display:flex}.mobilebar{display:none}.shell__content{padding-left:12px;padding-right:12px}.pplayer{left:calc(50% + (var(--sidebar-w) / 2))}}.nav-group__toggle{width:100%;text-align:start;background:none;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:15px}.nav-group__chev{margin-inline-start:auto;transition:transform .2s ease}.nav-group.open .nav-group__chev{transform:rotate(180deg)}.nav-group__children{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;padding-inline-start:18px;border-inline-start:2px solid var(--border);margin-inline-start:22px}.nav-item--child{padding:10px 12px;font-size:14px}.lp{background:radial-gradient(1200px 600px at 80% -10%,var(--primary-soft),transparent 60%),radial-gradient(900px 500px at -10% 10%,var(--accent-soft),transparent 55%),var(--bg);min-height:100dvh}.lp .gold{color:var(--accent-strong)}.lp-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;max-width:var(--content-max);margin:0 auto;padding:16px clamp(16px,4vw,40px);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px)}.lp-nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:20px}.lp-nav__links{display:none;gap:22px;margin-inline-start:auto}.lp-nav__links a{color:var(--text-secondary);font-weight:600;font-size:15px}.lp-nav__links a:hover{color:var(--primary)}.lp-nav__right{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.lp-nav__cta{padding:11px 18px;font-size:14px}.lp-theme-toggle{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);transition:color .15s,border-color .15s}.lp-theme-toggle:hover{color:var(--primary);border-color:var(--primary)}@media (min-width: 820px){.lp-nav__links{display:flex}.lp-nav__right{margin-inline-start:0}}.lp-hero{position:relative;max-width:980px;margin:0 auto;padding:clamp(40px,8vw,96px) clamp(20px,5vw,40px) clamp(30px,6vw,70px);text-align:center}.lp-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,color-mix(in srgb,var(--primary) 22%,transparent) 0 1.5px,transparent 2px),radial-gradient(circle at 82% 30%,color-mix(in srgb,var(--accent) 26%,transparent) 0 1.5px,transparent 2px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent 75%)}.lp-hero__title .gold{background:linear-gradient(120deg,var(--accent-strong),var(--gold-grad-1));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;font-weight:700;color:var(--primary);box-shadow:var(--shadow-xs)}.lp-hero__bismillah{text-align:center;font-size:clamp(20px,4vw,28px);color:var(--primary);margin:22px 0 6px}.lp-hero__title{font-size:clamp(34px,6.5vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.lp-hero__sub{max-width:640px;margin:0 auto;font-size:clamp(16px,2.2vw,19px);color:var(--text-secondary);line-height:1.65}.lp-hero__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:30px 0 26px}.lp-hero__badges{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;color:var(--text-secondary);font-size:14px;font-weight:600}.lp-hero__badges span{display:inline-flex;align-items:center;gap:6px}.lp-hero__badges svg{color:var(--accent-strong)}.lp-mission{max-width:920px;margin:0 auto;padding:clamp(20px,4vw,40px)}.lp-mission__card{padding:clamp(26px,4vw,44px);text-align:center}.lp-mission__card h2{font-size:clamp(24px,3.5vw,34px);margin-bottom:16px}.lp-mission__card p{max-width:640px;margin:0 auto 14px;color:var(--text-secondary);font-size:16px;line-height:1.7}.lp-mission__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,50px);margin-top:26px}.lp-mission__stats div{display:flex;flex-direction:column;align-items:center}.lp-mission__stats b{font-family:var(--font-display);font-size:30px;color:var(--primary)}.lp-mission__stats span{font-size:13px;color:var(--text-muted);font-weight:600}.lp-pillars{max-width:var(--content-max);margin:0 auto;padding:clamp(20px,4vw,40px);text-align:center}.lp-pillars__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin-bottom:26px;text-align:start}.lp-pillar{padding:22px;border-top:3px solid var(--accent-strong)}.lp-pillar h3{font-size:19px;margin:10px 0 6px}.lp-pillar p{color:var(--text-secondary);font-size:14.5px;line-height:1.6}.lp-features{max-width:var(--content-max);margin:0 auto;padding:clamp(30px,6vw,70px) clamp(20px,4vw,40px)}.lp-features__head{text-align:center;margin-bottom:36px}.lp-features__head h2{font-size:clamp(24px,3.6vw,36px);margin-bottom:10px}.lp-features__head p{color:var(--text-secondary);font-size:16px}.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.lp-feature{position:relative;padding:26px;overflow:hidden;transition:transform .18s ease,box-shadow .25s ease,border-color .2s ease}.lp-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.lp-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-float);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.lp-feature:hover:before{transform:scaleX(1)}.lp-feature__icon{width:54px;height:54px;border-radius:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--header-grad-2));color:#fff;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--primary) 60%,transparent)}.lp-feature h3{font-size:18px;margin-bottom:8px}.lp-feature p{color:var(--text-secondary);font-size:15px;line-height:1.6}.lp-band{padding:clamp(20px,4vw,40px)}.lp-band__inner{max-width:900px;margin:0 auto;text-align:center;padding:clamp(36px,6vw,64px) clamp(20px,4vw,40px);border-radius:var(--radius-xl);color:#fff;background:linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));box-shadow:var(--shadow-float)}.lp-band__star{color:var(--accent);margin-bottom:10px}.lp-band__inner h2{color:#fff;font-size:clamp(24px,3.6vw,34px);margin-bottom:10px}.lp-band__inner p{opacity:.9;margin-bottom:22px}.lp-footer{max-width:var(--content-max);margin:0 auto;padding:40px clamp(20px,4vw,40px) 60px;text-align:center;color:var(--text-secondary)}.lp-footer__brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;color:var(--text);font-size:18px}.lp-footer p{margin:10px 0 16px;font-size:14px}.lp-footer__links{display:flex;gap:16px 20px;justify-content:center;flex-wrap:wrap}.lp-footer__links a{color:var(--primary);font-weight:600;font-size:14px}.lp-footer__copy{margin-top:16px;font-size:13px;color:var(--text-muted)}#outils .lp-feature{transition:transform .15s ease,box-shadow .2s ease}#outils .lp-feature:hover{transform:translateY(-2px)}.lp-tools__note{text-align:center;font-size:13px;color:var(--text-secondary);margin:18px auto 14px;max-width:640px}.lp-band .lp-hero__cta{justify-content:center}@media (min-width: 1000px){.lp-pillars__grid{grid-template-columns:repeat(5,1fr)}}.home-hero{position:relative;overflow:hidden;background:radial-gradient(130% 120% at 80% -10%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 55%),linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));color:#fff;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 30px) 20px 34px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:var(--shadow-card)}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#fff 0 1.4px,transparent 2px),radial-gradient(circle at 88% 74%,#fff 0 1.4px,transparent 2px);background-size:30px 30px}.home-hero>*{position:relative}.home-hero__bismillah{font-family:var(--font-arabic);font-size:22px;opacity:.92}.home-hero__title{font-size:30px;font-weight:800;color:var(--gold-grad-1);margin-top:8px;letter-spacing:.3px;text-shadow:0 1px 10px rgba(0,0,0,.2)}.home-hero__title+.home-hero__sub{margin-top:4px}.home-hero__sub{font-family:var(--font-arabic);font-size:21px;opacity:.92}.home-hero:after{content:"";position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:60px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-grad-1),transparent)}.resume-group{margin-bottom:4px}.resume-group__title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--primary);margin:0 2px 6px}.resume-group__title.memo{color:#6a4bd1}.resume-group__title.revise{color:#d17a1f}.resume-chips{display:flex;flex-wrap:wrap;gap:8px}.resume-chip{display:inline-flex;align-items:stretch;border-radius:12px;border:1px solid var(--border);background:var(--card);max-width:100%;overflow:hidden}.resume-chip__link{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;font-weight:700;font-size:13.5px;color:var(--text);min-width:0}.resume-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-chip__del{display:inline-flex;align-items:center;justify-content:center;width:32px;border-inline-start:1px solid var(--border);color:var(--text-muted);flex-shrink:0}.resume-chip__del:hover{color:var(--danger);background:var(--surface)}.resume-chip.read{border-inline-start:3px solid var(--primary)}.resume-chip.memo{border-inline-start:3px solid #6a4bd1}.resume-chip.revise{border-inline-start:3px solid #d17a1f}.resume-card--memo .resume-card__icon{background:#6a4bd11f;color:#6a4bd1}.challenge-memlist-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;color:var(--primary)}.prog-intro{text-align:center;padding:20px 16px}.prog-intro__icon{width:52px;height:52px;border-radius:16px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a4bd1,#9b7be8)}.prog-intro p{font-size:13.5px;color:var(--text-secondary);line-height:1.55;margin:0 0 14px}.prog-intro__btn{margin:0 auto}.prog-form{padding:16px}.prog-steps{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.prog-step-dot{width:26px;height:5px;border-radius:3px;background:var(--border);transition:background .2s}.prog-step-dot.on{background:#6a4bd1}.prog-form__q{font-size:14.5px;font-weight:800;margin-bottom:10px}.prog-form__hint{font-size:12.5px;color:var(--text-muted);line-height:1.5;margin:10px 0 0}.prog-form__actions{display:flex;gap:8px;justify-content:space-between;margin-top:14px}.prog-choices{display:flex;flex-direction:column;gap:8px}.prog-choice{display:flex;align-items:center;gap:8px;padding:13px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:600;text-align:start;color:var(--text-primary)}.prog-choice.on{border-color:#6a4bd1;background:#6a4bd114;color:#6a4bd1;font-weight:800}.prog-choice__hint{margin-inline-start:auto;font-size:11.5px;font-weight:600;color:var(--text-muted)}.prog-choice.on .prog-choice__hint{color:#6a4bd1}.prog-scope-tabs{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.prog-scope-tab{flex:1;min-width:72px;padding:8px 6px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);font-size:12px;font-weight:700;color:var(--text-secondary)}.prog-scope-tab.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.prog-whole{padding:14px;border-radius:10px;background:#6a4bd112;font-size:13px;line-height:1.55;color:var(--text-secondary)}.prog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:240px;overflow-y:auto;padding:2px}.prog-grid__b{padding:9px 4px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);font-size:11.5px;font-weight:700;color:var(--text-secondary)}.prog-grid__b.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.prog-order{margin-top:12px}.prog-order__lbl{font-size:12.5px;font-weight:700;margin-bottom:6px}.prog-order__btns{display:flex;gap:6px}.prog-order__b{flex:1;padding:9px 6px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-secondary)}.prog-order__b.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.prog-order__hint{font-size:11.5px;color:var(--text-muted);margin-top:5px;line-height:1.4}.prog-unit-tabs{display:flex;gap:6px;margin-bottom:10px}.prog-unit-tab{flex:1;padding:9px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:700;color:var(--text-secondary)}.prog-unit-tab.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.prog-dates{padding:14px;margin-top:10px}.prog-dates__title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;margin-bottom:8px}.prog-date-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:13px}.prog-date-row:first-of-type{border-top:0}.prog-date-row b{font-weight:800;color:#6a4bd1;white-space:nowrap}.prog-date-row.total{margin-top:2px;border-top:2px solid var(--border);font-weight:700}.prog-date-row.total b{color:var(--text-primary)}.prog-weekdays{display:flex;gap:6px;flex-wrap:wrap}.prog-wd{flex:1;min-width:42px;padding:10px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-secondary)}.prog-wd.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.prog-active{padding:14px}.prog-active__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.prog-active__title{font-size:15px;font-weight:800}.prog-active__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.prog-active__stats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12px;color:var(--text-secondary)}.prog-active__stats span:first-child{font-weight:900;color:#6a4bd1}.prog-today{padding:14px;margin-top:10px}.prog-today__title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;margin-bottom:10px}.prog-today__empty{font-size:13px;color:var(--text-secondary);text-align:center;padding:8px 0;margin:0}.prog-task{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.prog-task:first-of-type{border-top:0}.prog-task__check{width:24px;height:24px;flex-shrink:0;border-radius:7px;border:2px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;color:#fff}.prog-task__check.done{background:var(--primary);border-color:var(--primary)}.prog-task__body{flex:1;min-width:0}.prog-task__lbl{font-size:13px;font-weight:600}.prog-task__tag{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:6px;margin-inline-end:6px}.prog-task__tag.memo{background:#6a4bd124;color:#6a4bd1}.prog-task__tag.revision{background:#d69e2e29;color:#b7791f}.prog-task.late .prog-task__tag.revision,.prog-task.late .prog-task__tag.memo{background:#e53e3e24;color:var(--danger)}.prog-task__go{display:flex;gap:10px;flex-shrink:0;color:var(--text-muted)}.prog-task__go a{display:inline-flex;color:var(--text-muted)}.prog-task__go a:hover{color:#6a4bd1}.mp-label{font-size:12.5px;font-weight:800;color:var(--text-secondary);margin:12px 0 6px}.mp-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mp-chip{padding:8px 11px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text);text-align:start}.mp-chip.on{border-color:#6a4bd1;background:#6a4bd1;color:#fff}.mp-chip__hint{display:block;font-size:10.5px;font-weight:600;opacity:.75;margin-top:2px;line-height:1.35}.mp-num,.mp-custom{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--text-secondary)}.mp-num input,.mp-custom input{width:72px;padding:7px 8px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:700}.mp-custom{margin-top:10px;flex-wrap:wrap}.mp-suggest{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;width:100%;text-align:start;padding:9px 11px;border-radius:10px;border:1px dashed #6a4bd1;background:#6a4bd10f;color:var(--text-secondary);font-size:12.5px}.mp-suggest strong{color:#6a4bd1}.mp-preview{margin-top:12px;padding:12px;border-radius:12px;background:#6a4bd112;display:grid;gap:6px;font-size:12.5px;color:var(--text-secondary)}.mp-preview__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mp-preview__row strong{color:#6a4bd1}.mp-warn{display:flex;gap:6px;align-items:flex-start;font-size:12px;font-weight:700;color:var(--danger);line-height:1.4}.mp-warn.soft{color:#b7791f;font-weight:600}.mp-slots{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--primary-soft);font-size:12.5px;line-height:1.5;color:var(--text-secondary);display:grid;gap:3px}.mp-slots__title{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--primary)}.mp-miles{display:grid;gap:2px;margin-top:6px}.mp-miles__title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--text);margin-bottom:2px}.mp-mile{display:grid;grid-template-columns:62px 1fr;gap:0 8px;padding:6px 0;border-top:1px solid var(--border);font-size:12px}.mp-mile:first-of-type{border-top:0}.mp-mile__h{font-weight:900;color:#6a4bd1;grid-row:span 2}.mp-mile__d{font-weight:800;color:var(--text)}.mp-mile__r{color:var(--text-muted)}.mp-mile.done .mp-mile__h,.mp-mile.done .mp-mile__d{color:var(--primary)}.mp-periods{display:grid;gap:6px}.mp-period{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;border:1px solid var(--border);border-inline-start:4px solid #6a4bd1}.mp-period.k-vacances,.mp-daytag.k-vacances{border-inline-start-color:#38a169}.mp-period.k-examens,.mp-daytag.k-examens,.mp-period.k-blocus,.mp-daytag.k-blocus{border-inline-start-color:#e53e3e}.mp-period.k-ramadan,.mp-daytag.k-ramadan{border-inline-start-color:#d69e2e}.mp-period.k-conges,.mp-daytag.k-conges{border-inline-start-color:#3182ce}.mp-period__body{flex:1;min-width:150px}.mp-period__lbl{font-size:12.5px;font-weight:800}.mp-period__dates{font-size:11.5px;color:var(--text-muted)}.mp-period__edit{display:flex;gap:4px}.mp-period__edit input{font-size:11.5px;padding:4px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:128px}.mp-more{font-size:12px;font-weight:700;color:#6a4bd1;padding:4px 0;text-align:start}.mp-add{display:grid;gap:6px;padding:10px;border-radius:10px;background:var(--bg-secondary, rgba(0,0,0,.03));border:1px dashed var(--border)}.mp-add__row{display:flex;gap:6px;flex-wrap:wrap}.mp-add__row select,.mp-add__row input{flex:1;min-width:120px;padding:7px 8px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:12.5px}.mp-modes{margin-top:4px}.prog-wd.rev.on{border-color:#b7791f;background:#b7791f}.mp-end{padding:14px;margin-top:10px}.mp-end__lbl{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--text-secondary)}.mp-end__date{font-size:18px;font-weight:900;color:#6a4bd1;margin:4px 0;text-transform:capitalize}.mp-end__delta{font-size:12.5px;color:var(--text-secondary);font-weight:600}.mp-end__delta.late{color:var(--danger)}.mp-end__delta.early{color:var(--primary)}.mp-late{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin-top:10px;font-size:12.5px;line-height:1.45;color:var(--text-secondary);border:1px solid rgba(229,62,62,.35)}.mp-late>svg{color:var(--danger);flex-shrink:0}.mp-daytag{font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;border-inline-start:4px solid #6a4bd1;background:var(--bg-secondary, rgba(0,0,0,.03));margin-bottom:8px}.prog-task__sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.prog-task__tag.old{background:#3182ce24;color:#2b6cb0}.prog-task__tag.teacher{background:#38a16926;color:#2f855a}.prog-task__check:disabled{cursor:default}.mp-ahead{display:flex;align-items:center;gap:6px;width:100%;text-align:start;margin:4px 0;padding:9px 10px;border-radius:10px;border:1px dashed var(--border);font-size:12.5px;font-weight:700;color:#6a4bd1}.mp-today__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.mp-today__foot span{display:inline-flex;align-items:center;gap:4px}.mp-imprevu{padding:7px 11px;border-radius:9px;border:1.5px solid var(--danger);color:var(--danger);font-size:12px;font-weight:800;background:transparent}.mp-imprevu.on{background:var(--danger);color:#fff}.mp-next{padding:14px;margin-top:10px}.mp-up{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:12.5px}.mp-up:first-of-type{border-top:0}.mp-up__date{width:86px;flex-shrink:0;font-weight:800;text-transform:capitalize}.mp-up__what{flex:1;min-width:0;color:var(--text-secondary)}.mp-up__per{display:block;font-size:11px;color:var(--text-muted)}.mp-up.imprevu .mp-up__what{color:var(--danger);font-weight:700}.mp-up__btn{flex-shrink:0;font-size:11px;font-weight:800;padding:4px 8px;border-radius:7px;border:1px solid var(--border);color:var(--text-muted)}.mp-up__btn.on{border-color:var(--danger);color:var(--danger)}.mp-cal{padding:14px;margin-top:10px}.mp-cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mp-cal__title{font-size:14px;font-weight:800;text-transform:capitalize}.mp-cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mp-cal__wd{font-size:10.5px;font-weight:800;color:var(--text-muted);text-align:center;padding-bottom:2px}.mp-cal__day{aspect-ratio:1;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:center;position:relative}.mp-cal__day.out{opacity:.35}.mp-cal__day.avant{color:var(--text-muted);border-style:dashed}.mp-cal__day.today{box-shadow:0 0 0 2px #6a4bd1}.mp-cal__day.fait,.mp-cal__legend i.fait{background:var(--primary);border-color:var(--primary);color:#fff}.mp-cal__day.revise,.mp-cal__legend i.revise{background:#3182ce2e;border-color:#3182ce}.mp-cal__day.imprevu,.mp-cal__legend i.imprevu{background:var(--danger);border-color:var(--danger);color:#fff}.mp-cal__day.manque,.mp-cal__legend i.manque{background:#e53e3e1f;border-color:#e53e3e80}.mp-cal__day.pause,.mp-cal__legend i.pause{background:#d69e2e29;border-color:#d69e2e99}.mp-cal__day.planned:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#6a4bd1}.mp-cal__legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11px;color:var(--text-muted)}.mp-cal__legend span{display:inline-flex;align-items:center;gap:4px}.mp-cal__legend i{width:11px;height:11px;border-radius:3px;border:1px solid var(--border);display:inline-block}.mp-box{padding:14px;margin-top:10px}.mp-box__head{display:flex;align-items:center;gap:6px;width:100%;font-size:13.5px;font-weight:800;color:var(--text);text-align:start}.mp-box__head svg:last-child{margin-inline-start:auto}.mp-box--hl{border:1.5px solid #6a4bd1}.mp-reg{font-size:12.5px;color:var(--primary);font-weight:700;margin:8px 0 0;line-height:1.45}.mp-count{min-width:40px;text-align:center}.mp-count.ideal:not(.on){border-color:#6a4bd1;border-style:dashed}.mp-count:disabled{opacity:.35}.mp-days-info{margin-top:8px;font-size:12.5px;color:var(--text-secondary);line-height:1.5}.mp-days-info strong{color:#6a4bd1}.mp-ramp{margin-top:12px}.mp-ramp__row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--text-secondary)}.mp-ramp__row input{width:62px;padding:6px 7px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:700}.mp-ramp__sched{margin-top:8px;font-size:12px;color:#6a4bd1;font-weight:700;line-height:1.5}.prog-tips{padding:14px;margin-top:10px}.prog-tips__title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;margin-bottom:8px}.prog-tips ul{margin:0;padding-inline-start:18px}.prog-tips li{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.hifdh-tabs{display:flex;gap:6px;padding:0 14px;margin-bottom:4px;overflow-x:auto}.hifdh-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:9px 10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-secondary)}.hifdh-tab.on{border-color:var(--primary);background:var(--primary);color:#fff}.hifdh-toast{display:flex;align-items:center;gap:6px;margin:6px 14px;padding:8px 12px;border-radius:10px;background:#2f9e5f1f;color:#2f7d4f;font-size:12.5px;font-weight:600}.hifdh-toast button{margin-inline-start:auto;color:inherit;display:inline-flex}.hifdh2-summary{padding:14px}.hifdh2-sum__bar{height:9px;border-radius:6px;background:var(--border);overflow:hidden}.hifdh2-sum__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent, #d6a92e))}.hifdh2-sum__row{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px;color:var(--text-secondary)}.hifdh2-sum__row b{color:var(--primary);font-weight:900}.hifdh2-sum__row .due{color:var(--danger);font-weight:700}.hifdh2-sum__row span{display:inline-flex;align-items:center;gap:4px}.hifdh2-block__title{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;margin-bottom:8px}.hifdh2-session{padding:14px}.hifdh2-mins{display:flex;gap:6px}.hifdh2-min{flex:1;padding:10px 0;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);font-weight:800;font-size:13px;color:var(--text-primary)}.hifdh2-min:hover{border-color:var(--primary);color:var(--primary)}.hifdh2-plan{position:relative;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.hifdh2-plan__close{position:absolute;top:6px;inset-inline-end:6px;color:var(--text-muted);display:inline-flex}.hifdh2-plan__ln{font-size:12.5px;line-height:1.6;color:var(--text-secondary)}.hifdh2-plan__ln b{color:var(--text-primary)}.hifdh2-plan__ln a{color:var(--primary);font-weight:700}.hifdh2-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:13.5px}.hifdh2-pcard,.hifdh2-item{padding:12px;margin-bottom:8px}.hifdh2-item__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hifdh2-item__name{font-size:14.5px;font-weight:800}.hifdh2-item__range{color:var(--text-muted);font-weight:600;font-size:12.5px}.hifdh2-item__sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.hifdh2-pcard__tools{display:flex;gap:6px;flex-shrink:0}.hifdh2-validate{width:100%;justify-content:center;margin-top:10px}.hifdh2-reco{margin-inline-start:auto;color:var(--text-muted);display:inline-flex}.hifdh2-rev-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.hifdh2-act{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-primary)}.hifdh2-act.icon{padding:8px}.hifdh2-act.recite{border-color:#d1793f;color:#d1793f}.hifdh2-act.ok{border-color:var(--primary);color:var(--primary)}.hifdh2-act.hard{border-color:#d98a2b;color:#d98a2b}.hifdh2-weak{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:6px}.hifdh2-weak__name{font-weight:700;font-size:13.5px}.hifdh2-weak__meta{margin-inline-start:auto;font-size:12px;color:var(--text-secondary)}.hifdh2-weak-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-top:1px solid var(--border);font-size:13px}.hifdh2-weak-row:first-of-type{border-top:0}.hifdh2-tips{padding:14px;margin-top:10px}.hifdh2-tips ul{margin:0;padding-inline-start:18px}.hifdh2-tips li{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.hifdh2-diff{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.hifdh2-diff__b{flex:1;min-width:70px;padding:7px 4px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-size:11.5px;font-weight:700;color:var(--text-secondary)}.hifdh2-note{font-size:12.5px;color:var(--text-secondary);line-height:1.5;padding:0 2px 6px}.hifdh2-cat{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin:12px 0 6px}.hifdh2-method{padding:13px;margin-bottom:8px}.hifdh2-method__head{display:flex;align-items:center;gap:8px;font-size:14px}.hifdh2-method__ic{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#2f7e5f1f;color:var(--primary)}.hifdh2-method__dur{margin-inline-start:auto;font-size:11px;color:var(--text-muted);font-weight:600}.hifdh2-method__pr{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin:8px 0}.hifdh2-method__steps{margin:0;padding-inline-start:18px}.hifdh2-method__steps li{font-size:12.5px;color:var(--text-secondary);line-height:1.5;margin-bottom:3px}.hifdh2-method__use{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12.5px;font-weight:800;color:var(--primary)}.hifdh2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;padding:14px}.hifdh2-stat{text-align:center;display:flex;flex-direction:column;gap:1px;padding:8px 2px}.hifdh2-stat b{font-size:19px;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}.hifdh2-stat span{font-size:10.5px;color:var(--text-secondary);line-height:1.2}.hifdh2-stat.due b{color:var(--danger)}.hifdh-summary{display:flex;gap:6px;padding:12px;margin-bottom:10px}.hifdh-summary__stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px}.hifdh-summary__stat b{font-size:20px;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}.hifdh-summary__stat span{font-size:11px;color:var(--text-secondary)}.hifdh-summary__stat.due b{color:var(--danger)}.hifdh-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;margin-top:3px;flex-wrap:wrap}.hifdh-status--en_cours{color:var(--text-secondary)}.hifdh-status--a_reviser{color:var(--danger)}.hifdh-status--memorise{color:var(--primary)}.hifdh-status--consolide{color:var(--accent-strong)}.hifdh-status__next{font-weight:600;color:var(--text-secondary)}.hifdh-plan__bar{height:7px;border-radius:999px;background:var(--border);overflow:hidden;margin:10px 0 4px}.hifdh-plan__bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .3s ease}.hifdh-plan__pct{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:4px}.tajweed-legend{padding:16px}.tajweed-legend__list{display:flex;flex-direction:column;gap:6px}.tajweed-legend__item{border-bottom:1px solid var(--border);padding-bottom:6px}.tajweed-legend__item:last-child{border-bottom:none}.tajweed-legend__row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:none;padding:6px 0}.tajweed-legend__chip{flex-shrink:0;width:56px;text-align:center;font-size:22px;font-weight:700}.tajweed-legend__body{flex:1;min-width:0;display:flex;flex-direction:column}.tajweed-legend__name{font-weight:800;font-size:14px}.tajweed-legend__letters{font-size:17px;color:var(--text);margin:1px 0}.tajweed-legend__desc{font-size:12.5px;color:var(--text-secondary);line-height:1.45}.tajweed-legend__long{font-size:13px;color:var(--text);line-height:1.6;margin:2px 4px 8px;padding:10px 12px;background:var(--surface);border-radius:10px}.tajweed-legend__note{font-size:12px;color:var(--text-muted);margin-top:12px}.sheet__tajweed{margin:2px 0 6px}.sheet__tajweed .tajweed-legend{box-shadow:none;border:1px solid var(--border);padding:12px}.surah-row__open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:start;background:none}.study-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0006;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 560px){.study-sheet-backdrop{align-items:center;padding:20px}}.study-sheet{position:relative;width:100%;max-width:440px;background:var(--card);border-radius:20px 20px 0 0;padding:22px 18px 26px;box-shadow:0 -10px 30px -10px #00000059;text-align:center}@media (min-width: 560px){.study-sheet{border-radius:20px}}.study-sheet__close{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.study-sheet__name{font-family:var(--font-quran);font-size:30px;color:var(--primary-dark, var(--primary));line-height:1.5}.study-sheet__sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.study-sheet__q{font-size:15px;font-weight:700;color:var(--text);margin:14px 0 12px}.study-sheet__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 420px){.study-sheet__actions{grid-template-columns:1fr 1fr}.study-choice.revise{grid-column:1 / -1}}.study-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.study-choice.read{border-color:var(--primary)}.study-choice.read svg{color:var(--primary)}.study-choice.memo{border-color:#6a4bd1}.study-choice.memo svg{color:#6a4bd1}.study-choice.revise{border-color:#d17a1f}.study-choice.revise svg{color:#d17a1f}.study-choice__t{font-weight:800;font-size:15px}.study-choice__d{font-size:11.5px;color:var(--text-secondary);line-height:1.35}.resume-card{display:flex;align-items:center;gap:12px;padding:14px}.resume-card__icon{width:42px;height:42px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resume-card__title{font-weight:700;font-size:15px}.resume-card__sub{font-size:12px;color:var(--text-secondary)}.home-quick{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}@media (min-width: 640px){.home-quick{grid-template-columns:1fr 1fr}}.fav-card{padding:14px}.fav-list{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow-y:auto}.fav-row{display:flex;align-items:center;gap:8px}.fav-row__link{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:5px 4px;border-radius:8px}.fav-row__link:hover{background:var(--primary-soft)}.fav-row__num{width:24px;height:24px;flex-shrink:0;border-radius:7px;background:var(--accent-soft);color:var(--accent-strong, var(--accent));font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.fav-row__name{font-size:16px;flex-shrink:0}.fav-row__tr{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-row__play{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--primary-soft);display:inline-flex;align-items:center;justify-content:center}.notes-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.notes-card__all{font-size:12px;font-weight:700;color:var(--accent)}.notes-list{display:flex;flex-direction:column;gap:6px}.note-row{display:flex;align-items:baseline;gap:8px;padding:6px 4px;border-radius:8px}.note-row:hover{background:var(--accent-soft)}.note-row__ref{flex-shrink:0;font-size:12px;font-weight:800;color:var(--accent-strong, var(--accent));font-variant-numeric:tabular-nums}.note-row__txt{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.note-item__body{flex:1;min-width:0}.note-item__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-item__ref{font-size:13px;font-weight:800;color:var(--primary)}.note-item__date{font-size:12px;color:var(--text-muted)}.note-item__text{font-size:14.5px;line-height:1.55;color:var(--text-primary);margin:6px 0;white-space:pre-wrap}.note-item__go{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--accent)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 620px){.quick-grid{grid-template-columns:repeat(4,1fr)}}.quick-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;font-weight:700;font-size:13px;text-align:center;color:var(--text)}.quick-card__icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center}.daily-tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;margin-bottom:10px}.daily-tab{flex:1;padding:10px;border-radius:10px;font-weight:600;color:var(--text-secondary)}.daily-tab.active{background:var(--primary);color:#fff}.daily-card{padding:20px}.daily-arabic{font-size:24px;text-align:center;line-height:2}.daily-divider{width:40%;height:1px;background:var(--border);margin:14px auto}.daily-translation{font-size:15px;line-height:1.6;text-align:center;font-style:italic}.daily-ref{font-size:13px;font-weight:700;text-align:center;color:var(--primary);margin-top:8px}.daily-reminder{margin-top:14px;padding:12px;border-inline-start:3px solid var(--accent);background:var(--accent-soft);border-radius:8px;font-size:13px;color:var(--text-secondary)}.hadith-badge{display:inline-block;align-self:center;margin:0 auto 14px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background:var(--primary-soft);color:var(--primary)}.hadith-badge.qudsi{background:var(--accent-soft);color:var(--accent)}.daily-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.daily-date{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:capitalize;margin-bottom:8px}.daily-date__badge{color:var(--accent-strong);text-transform:none;margin-inline-start:6px}.daily-refresh{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.daily-refresh:active{transform:scale(.96)}.challenge-card{display:flex;align-items:center;gap:12px;padding:16px}.challenge-card__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--header-grad-2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-card__title{font-weight:700;font-size:14px}.challenge-card__sub{font-size:17px;font-weight:600;color:var(--primary)}.challenge-card__meta{font-size:12px;color:var(--text-secondary);font-weight:500}.challenge-card__go{flex-shrink:0;padding:9px 16px;font-size:13px;border-radius:var(--radius-pill)}.weekly-card{padding:16px;border-inline-start:3px solid var(--accent)}.weekly-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.weekly-card__title{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px}.weekly-reminder__x{width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--text-secondary);font-size:13px;flex-shrink:0;border:1px solid var(--border)}.weekly-card__label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin:14px 0 8px}.prayer-row{display:flex;flex-wrap:wrap;gap:6px}.prayer-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--text)}.prayer-pill__check{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;color:#fff}.prayer-pill.done{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.prayer-pill.done .prayer-pill__check{background:var(--primary);border-color:var(--primary)}.weekly-surahs{display:flex;flex-direction:column;gap:6px}.weekly-surah{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.weekly-surah__name{font-size:18px;font-weight:700;color:var(--primary)}.weekly-surah__when{font-size:12px;color:var(--text-secondary)}.weekly-dua{padding:12px 14px;border-radius:12px;background:var(--accent-soft)}.weekly-dua__ar{font-size:20px;text-align:center;line-height:1.9}.weekly-dua__tr{font-size:12px;font-style:italic;color:var(--text-secondary);text-align:center;margin-top:6px}.weekly-dua__fr{font-size:13px;text-align:center;margin-top:6px}.weekly-dua__ref{font-size:12px;font-weight:700;color:var(--accent-strong);text-align:center;margin-top:4px}.challenge-box{padding:16px}.challenge-modes{display:flex;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px}.chmode{flex:1;padding:8px;border-radius:10px;font-weight:700;font-size:13px;color:var(--text-secondary)}.chmode.active{background:var(--primary);color:#fff}.challenge-select{width:100%;margin-top:10px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.challenge-main{display:flex;align-items:center;gap:12px;margin-top:12px}.challenge-check{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:700;color:var(--text)}.challenge-check__box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;color:#fff}.challenge-check.done{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.challenge-check.done .challenge-check__box{background:var(--primary);border-color:var(--primary)}.challenge-progress{margin-top:14px}.challenge-progress__bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.challenge-progress__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--header-grad-1));border-radius:999px;transition:width .3s}.challenge-progress__txt{font-size:12px;color:var(--text-secondary);margin-top:6px;font-weight:600}.scroll3d{position:relative;margin-top:8px;border-radius:14px;background:linear-gradient(180deg,#efe2c2,#f7efd9 12%,#f7efd9 88%,#efe2c2);border:1px solid var(--border);box-shadow:inset 0 14px 18px -14px #5a461e59,inset 0 -14px 18px -14px #5a461e59,var(--shadow-card);padding:10px}.scroll3d:before,.scroll3d:after{content:"";position:absolute;left:6px;right:6px;height:14px;border-radius:50%;background:linear-gradient(180deg,#d9c69b,#c8b27f);box-shadow:0 2px 6px #0003}.scroll3d:before{top:-7px}.scroll3d:after{bottom:-7px}.scroll3d__inner{max-height:320px;overflow-y:auto;perspective:900px;padding:4px 2px}.scroll3d--page .scroll3d__inner{max-height:none;overflow:visible}.scroll3d__row .scroll3d__ar{display:block}.scroll3d__group{transform-style:preserve-3d}.scroll3d__juz{position:sticky;top:0;z-index:1;font-size:12px;font-weight:800;color:var(--primary);background:#f7efd9;padding:6px 8px;border-radius:8px;margin:6px 0 4px}.scroll3d__row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;margin-bottom:5px;border-radius:10px;background:linear-gradient(180deg,#fdf9ee,#f3e9cf);border:1px solid #e6d9ba;color:var(--text);transform:rotateX(3deg);transition:transform .15s,background .15s}.scroll3d__row:hover{transform:rotateX(0)}.scroll3d__row.picked{background:var(--primary-soft);border-color:var(--primary)}.scroll3d__num{width:30px;height:30px;border-radius:8px;background:#e9dcbb;color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.scroll3d__ar{font-size:17px;font-weight:600;flex-shrink:0}.scroll3d__tr{font-size:12px;color:var(--text-secondary);flex:1;min-width:0}.picker-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.picker-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:var(--card);color:var(--text)}.picker-row.picked{background:var(--primary-soft);border-color:var(--primary)}.picker-row__num{width:30px;height:30px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.picker-row__tr{flex:1;min-width:0;font-size:12px;color:var(--text-secondary);text-align:start}.form-row{display:flex;align-items:center;gap:10px;margin-top:10px}.form-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.ch-item{padding:14px;margin-bottom:10px}.ch-item__head{display:flex;align-items:center;gap:8px}.ch-item__title{font-weight:800;font-size:15px}.ch-item__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:2px;flex-wrap:wrap}.ch-deadline{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:700}.ch-deadline.urgent{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.ch-item__btn{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ch-item__btn.danger{color:var(--danger)}.ch-item__surahs{display:flex;flex-direction:column;gap:6px;margin-top:12px}.ch-surah{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:14px}.ch-surah__box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ch-surah.done{background:var(--primary-soft);border-color:var(--primary)}.ch-surah.done .ch-surah__box{background:var(--primary);border-color:var(--primary)}.ch-surah__tr{font-size:12px;color:var(--text-secondary)}.ch-surah__master{color:var(--accent);margin-left:auto;flex-shrink:0}.ch-surah-row{display:flex;align-items:stretch;gap:6px}.ch-surah-row .ch-surah{flex:1;min-width:0}.ch-surah-quiz{display:flex;align-items:center;justify-content:center;width:40px;border-radius:10px;border:1px solid var(--border);background:var(--primary-soft);color:var(--primary);flex-shrink:0}.challenge-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.challenge-actions .challenge-check{margin-top:0}.challenge-quiz-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:13px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 620px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;text-align:center}.stat-card__icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-card__value{font-size:26px;font-weight:800;color:var(--text)}.stat-card__label{font-size:12px;color:var(--text-secondary)}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.stat-line:last-child{border-bottom:none}.months-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:140px;padding-top:10px}.month-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.month-bar{width:70%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--primary),var(--header-grad-1));min-height:4px}.month-label{font-size:11px;color:var(--text-secondary)}.stat-hint{font-size:12px;color:var(--text-muted);text-align:center;margin-top:10px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.days-grid--head{margin-bottom:6px}.day-head{text-align:center;font-size:11px;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;font-weight:700;color:#fff}.day-cell.read{background:#22a06b}.day-cell.missed{background:#e0574b}.day-cell.future{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.day-cell.today{outline:2px solid var(--accent);outline-offset:1px}.days-legend{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.days-legend span{display:inline-flex;align-items:center;gap:6px}.days-legend .dot{width:12px;height:12px;border-radius:4px;display:inline-block}.days-legend .dot.read{background:#22a06b}.days-legend .dot.missed{background:#e0574b}.days-legend .dot.future{background:var(--surface);border:1px solid var(--border)}.search-bar{display:flex;align-items:center;gap:10px;padding:12px 14px}.search-bar input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text);outline:none}.surah-row{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px}.hoverable{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}@media (hover: hover){.hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);border-color:var(--primary)}}.surah-row__num{width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.surah-row__num.accent{background:var(--accent-soft);color:var(--accent)}.surah-row__ar{font-size:17px;font-weight:600}.surah-row__sub{font-size:12px;color:var(--text-secondary)}.surah-row__meta{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px}.badge.meccan{background:var(--primary-soft);color:var(--primary)}.badge.medinan{background:var(--accent-soft);color:var(--accent)}.star-btn{padding:8px;flex-shrink:0}.error-text{text-align:center;color:var(--text-secondary);padding:20px}.reading-header{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));color:#fff;padding:14px;margin:var(--space-4) var(--space-4) 0;border-radius:var(--radius-lg)}.icon-btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:#ffffff1f}.reading-header__title{flex:1;text-align:center}.reading-header__pick{max-width:42px;height:40px;border-radius:10px;border:none;background:#ffffff24;color:#fff;font-size:0;padding:0 6px;cursor:pointer;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 9l4-4 4 4M16 15l-4 4-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.reading-header__pick option{color:var(--text);background:var(--card);font-size:14px}.reading-header__sub{font-size:12px;opacity:.85}.reading-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-secondary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip-group{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;color:var(--text-secondary)}.chip-mini{width:28px;height:28px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:700}.surah-banner{--sb-g1: #2A9A5B;--sb-g2: #15723F;--sb-gold: #D9B84A;--sb-oval: #FFFFFF;--sb-name: #0F5C34;--sb-circ: #0C4A2A;--sb-goldt: #F0DB93;position:relative;width:100%;max-width:680px;margin:10px auto 4px}[data-theme=dark] .surah-banner{--sb-g1: #154a2c;--sb-g2: #0b3420;--sb-gold: #9a8535;--sb-oval: #EDE6CF;--sb-name: #123f27;--sb-circ: #082418;--sb-goldt: #c9b56a}.surah-banner__svg{width:100%;display:block}.surah-banner__name{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);color:var(--sb-name);white-space:nowrap;line-height:1;text-align:center;font-weight:400}.surah-banner__name.glyph{font-family:qbsml;font-size:clamp(30px,8.4vw,54px)}.surah-banner__name.text.arabic{font-family:var(--font-quran);font-size:clamp(22px,5.8vw,38px)}.basmala-qpc{display:block;width:100%;text-align:center;direction:rtl;margin:4px auto 6px;padding:14px 8px 16px;line-height:1.4}.basmala-qpc__glyphs{font-family:qpc-basmala;font-palette:--qpc-basmala-light;font-size:clamp(30px,8vw,46px);white-space:nowrap}[data-theme=dark] .basmala-qpc__glyphs{font-palette:--qpc-basmala-dark}.basmala-qpc.mono .basmala-qpc__glyphs{filter:brightness(0)}[data-theme=dark] .basmala-qpc.mono .basmala-qpc__glyphs{filter:brightness(0) invert(.92)}.basmala-qpc__line{position:relative;display:inline-block}.basmala-qpc__after{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);padding-right:6px;white-space:nowrap}.basmala-verse__num{font-size:20px;line-height:1}.basmala-verse{border-radius:12px;transition:background .2s ease}.basmala-verse.playing{background:var(--primary-soft)}.basmala-qpc__text.arabic{display:inline-block;text-align:center;font-family:var(--font-quran);font-size:32px;color:var(--arabic)}.reading-wrap{padding-bottom:180px}.range-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;max-width:var(--read-max);margin:0 auto}.range-bar__lbl{font-size:13px;font-weight:700;color:var(--text-secondary)}.range-bar__grp{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.range-bar__grp select{padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px}.range-bar__go{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;padding:8px 14px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-weight:700;font-size:13px}.dock-range{display:flex;align-items:center;gap:8px;padding:6px 2px 0;max-width:var(--content-max);margin:0 auto;overflow-x:auto;scrollbar-width:none}.dock-range::-webkit-scrollbar{display:none}.dock-range__lbl{font-size:12px;font-weight:700;color:var(--text-secondary);flex-shrink:0}.dock-range__grp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);flex-shrink:0}.dock-range__grp select{padding:5px 7px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:12px}.dock-range__go{display:inline-flex;align-items:center;gap:5px;margin-inline-start:auto;padding:6px 12px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.reading-body{padding:8px 18px;max-width:var(--read-max);margin:0 auto}.verse-flow{text-align:justify;text-align-last:center}.ayah-marker{font-family:var(--font-arabic);color:var(--accent);font-size:.7em}.verse-inline{cursor:pointer;border-radius:6px;padding:0 1px;transition:background .15s,box-shadow .2s}[data-surah-start]{scroll-margin-top:72px}.verse-target{border-radius:8px;animation:verse-target 4s ease-out}@keyframes verse-target{0%,60%{box-shadow:0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}to{box-shadow:0 0 0 2px transparent;background:transparent}}.daily-goto{margin:14px auto 0;display:flex;width:fit-content}.verse-inline.playing,.tr-line.playing{box-shadow:0 0 0 2px var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)!important;border-radius:8px}.verse-inline.memo,.tr-line.memo{cursor:pointer}.vt{transition:filter .15s,opacity .15s}.vt.masked{filter:blur(7px);opacity:.4}.translation-only{padding:6px 2px}.tr-phon{display:block;font-style:italic;color:var(--primary);margin-bottom:4px;line-height:1.5}.tr-line{cursor:pointer;direction:ltr;text-align:start;font-size:16px;line-height:1.7;color:var(--text);padding:10px 12px;border-radius:10px;margin-bottom:6px;border:1px solid transparent}.tr-line:hover{border-color:var(--border)}.translation-block{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}.verse-translation{font-size:15px;line-height:1.7;color:var(--text);margin-bottom:12px;text-align:start;direction:ltr}.tr-num{display:inline-flex;min-width:22px;height:22px;padding:0 5px;align-items:center;justify-content:center;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:700;margin-inline-end:6px}.reading-dock{position:fixed;left:0;right:0;bottom:0;z-index:90;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:8px 12px calc(env(safe-area-inset-bottom,0px) + 8px)}.reading-dock__handle{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:54px;height:20px;border-radius:12px 12px 0 0;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-bottom:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.reading-dock.collapsed{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;padding:0;pointer-events:none}.reading-dock.collapsed .reading-dock__handle{pointer-events:auto;background:var(--surface);box-shadow:var(--shadow-soft)}.reading-dock__scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;max-width:var(--content-max);margin:0 auto}.reading-dock__scroll::-webkit-scrollbar{display:none}.reading-dock .chip{flex-shrink:0}.reading-dock .chip-group{flex-shrink:0;margin-inline-start:auto}.dock-seg{display:inline-flex;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;flex-shrink:0}.dock-seg__btn{width:34px;height:30px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.dock-seg__btn.active{background:var(--primary);color:#fff}body.reading-active .pplayer{bottom:108px;z-index:95}@media (min-width: 960px){.reading-dock{left:var(--sidebar-w)}}.public-main{max-width:820px;margin:0 auto;padding:8px clamp(16px,4vw,32px) 20px}.public-main .screen-header{margin-top:8px}.articles-intro{color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.articles-list{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 720px){.articles-list{grid-template-columns:1fr 1fr}}.article-card{display:flex;align-items:flex-start;gap:12px;padding:14px}.article-card__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.article-card__body{flex:1;min-width:0}.article-card__title{font-size:15.5px;font-weight:800;color:var(--text);margin:0 0 4px}.article-card__desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.article-card__chev{color:var(--primary);flex-shrink:0;margin-top:2px}.article{padding:18px;line-height:1.7}.article__intro{font-size:16px;color:var(--text);font-weight:600;margin-bottom:10px}.article__section{margin-top:18px}.article__section h2{font-size:18px;color:var(--primary);margin-bottom:8px}.article__section p{color:var(--text);margin-bottom:8px}.article__section ul{margin:8px 18px;color:var(--text)}.article__section li{margin-bottom:5px}.article__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.article-breadcrumb{color:var(--primary)}.article-related{margin-top:18px}.article-related__link{display:block;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:14px;margin-bottom:8px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{padding:14px 16px}.faq-item h2{font-size:15.5px;color:var(--primary);margin-bottom:6px}.faq-item p{color:var(--text);line-height:1.6;font-size:14px}.readings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (min-width: 900px){.readings-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.reading-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 8px;position:relative;overflow:hidden;min-width:0;border-top:3px solid var(--rc, var(--primary));background:linear-gradient(180deg,color-mix(in srgb,var(--rc) 12%,var(--card)),var(--card) 70%)}.reading-item__badge{flex-shrink:0;min-width:48px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;border-radius:10px;background:linear-gradient(135deg,var(--rc),color-mix(in srgb,var(--rc) 65%,#000));box-shadow:0 4px 12px -6px var(--rc)}.reading-item__name{font-weight:800;font-size:13.5px;line-height:1.25;color:color-mix(in srgb,var(--rc) 75%,var(--text));overflow-wrap:anywhere}.reading-item__when{font-size:11.5px;line-height:1.3;color:var(--text-secondary)}.reading-item__chev{display:none}.demo-intro{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:22px}.demo-intro p{color:var(--text-secondary);font-size:15px;line-height:1.6}.demo-list{display:flex;flex-direction:column;gap:10px}.demo-step{position:relative;display:flex;gap:14px;padding:16px;align-items:flex-start}.demo-step__num{position:absolute;top:12px;inset-inline-end:14px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.demo-step__icon{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--header-grad-2))}.demo-step__body h3{font-size:16px;margin-bottom:4px}.demo-step__body p{font-size:14px;color:var(--text-secondary);line-height:1.55}.demo-step__how{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--primary-soft);color:var(--text)!important}.demo-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 20px;background:linear-gradient(135deg,var(--primary-soft),var(--surface))}.demo-hero__badge{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.demo-hero h2{font-size:20px;margin:4px 0 0}.demo-hero p{color:var(--text-secondary);font-size:14.5px;line-height:1.6;margin:0;max-width:440px}.demo-hero__cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.demo-group-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:8px;padding-inline-start:2px}.demo-outro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px}.demo-outro p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.dua-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width: 720px){.dua-grid{grid-template-columns:repeat(3,1fr)}}.dua-cat{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:start}.dua-cat__icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--header-grad-2));display:flex;align-items:center;justify-content:center}.dua-cat__title{font-weight:700;font-size:15px;margin-top:4px}.dua-cat__count{font-size:12px;color:var(--text-secondary)}.dua-cat__chev{position:absolute;top:16px;inset-inline-end:14px;color:var(--text-muted)}.dua-card{padding:18px;margin-bottom:10px}.dua-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dua-card__head{display:flex}.tasbih{display:inline-flex;align-items:center;gap:6px}.tasbih__btn{min-width:42px;height:34px;padding:0 12px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-weight:800;font-size:15px;box-shadow:var(--shadow-xs)}.tasbih__btn:active{transform:scale(.94)}.tasbih__reset{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}.dua-ar{font-size:22px;text-align:center;line-height:2}.dua-translit{font-size:13px;font-style:italic;color:var(--text-secondary);text-align:center;margin-top:8px}.dua-fr{font-size:14px;text-align:center;line-height:1.6}.dua-ref{font-size:12px;font-weight:700;color:var(--primary);text-align:center;margin-top:6px}.dl-hint{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-top:8px;padding:0 4px}.dl-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px}.dl-row__num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dl-row__name{font-weight:700;font-size:14px}.dl-row__sub{font-size:12px;color:var(--text-secondary)}.dl-btn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.dl-btn.primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.dl-btn.done{background:var(--primary);color:#fff;border-color:var(--primary)}.dl-btn.mp3{width:auto;min-width:40px;padding:0 10px;gap:4px;font-size:12px;font-weight:800;background:var(--surface);color:var(--primary);border-color:var(--primary)}.dl-btn:disabled{opacity:.55}.dl-err{color:#c62828}.gate-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 18px;margin-bottom:12px}.gate-card__icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.gate-card__title{font-size:18px;font-weight:800;margin:4px 0 0}.gate-card__text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:420px}.gate-bypass{display:block;margin:12px auto 0;font-size:13px;color:var(--text-muted)}.asma-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 14px;background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid var(--border)}.asma-card__num{font-size:11px;font-weight:800;color:var(--accent)}.asma-card__num span{opacity:.6;font-weight:700}.asma-card__ar{font-size:24px;font-weight:700;color:var(--primary);line-height:1.3}.asma-card__translit{font-size:13px;font-weight:700;color:var(--text-primary)}.asma-card__translit span{font-weight:500;color:var(--text-secondary)}.asma-card__expl{font-size:12.5px;line-height:1.5;color:var(--text-secondary);margin:3px 0 0}.quiz-setup{display:flex;flex-direction:column;gap:12px;align-items:stretch}.quiz-setup__icon{align-self:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.quiz-setup__intro{text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.55;margin:0}.quiz-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:-6px}.quiz-select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:15px}.quiz-mode{display:flex;gap:8px}.quiz-mode__btn{flex:1;padding:10px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:700;color:var(--text-secondary)}.quiz-mode__btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.quiz-hint{margin-bottom:10px;padding:10px 12px;border-radius:12px;border:1px dashed var(--accent);background:var(--accent-soft)}.quiz-hint__label{font-size:12px;font-weight:700;color:var(--text-secondary)}.quiz-hint__verse{text-align:center;line-height:2;color:var(--text-secondary);margin:4px 0 0;overflow-wrap:anywhere}.quiz-hint__num{font-size:.8em;color:var(--accent)}.quiz-gap-inline{display:inline-block;padding:0 8px;margin:0 4px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-weight:800;letter-spacing:3px}.quiz-gap{text-align:center;font-size:20px;font-weight:800;color:var(--accent);letter-spacing:4px;margin:6px 0}.quiz-stepper{display:flex;align-items:center;gap:10px}.quiz-stepper>button{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--primary);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.quiz-stepper>span{min-width:48px;text-align:center;font-size:22px;font-weight:800;color:var(--text-primary)}.quiz-stepper .quiz-max{width:auto;padding:0 14px;font-size:13px;font-weight:700;background:var(--primary-soft);color:var(--primary);border-color:transparent}.quiz-start{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.quiz-progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:14px}.quiz-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .3s ease}.quiz-question{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft));border:1px solid var(--border)}.quiz-question__head{display:flex;align-items:center;justify-content:space-between}.quiz-question__badge{font-size:12px;font-weight:800;color:#fff;background:var(--primary);padding:4px 12px;border-radius:999px}.quiz-listen{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:#fff;padding:6px 12px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-strong, var(--accent)));box-shadow:var(--shadow-soft)}.quiz-verse{text-align:center;line-height:2.15;color:var(--primary-dark, var(--primary));font-weight:700;margin:6px 0;overflow-wrap:anywhere;word-break:break-word}.quiz-ask{text-align:center;font-size:14px;font-weight:800;color:var(--accent-strong, var(--accent))}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.quiz-opt{position:relative;display:flex;align-items:center;gap:12px;text-align:right;padding:13px 14px;border-radius:14px;border:2px solid var(--border);background:var(--surface);transition:all .15s ease}.quiz-opt:not(:disabled):active{transform:scale(.99)}.quiz-opt__letter{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff}.quiz-opt__letter.c0{background:#2f7fd1}.quiz-opt__letter.c1{background:#9a5bd1}.quiz-opt__letter.c2{background:#d1793f}.quiz-opt__letter.c3{background:#3aa39a}.quiz-opt:not(:disabled):hover{border-color:#2f7fd1;background:#2f7fd11a}.quiz-opt__ar{flex:1;min-width:0;line-height:1.9;color:var(--arabic);font-weight:600;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.quiz-opt__mark{flex-shrink:0}.quiz-opt__mark.ok{color:#2e7d32}.quiz-opt__mark.ko{color:#c62828}.quiz-opt.correct{border-color:#2e7d32;background:#2e7d3224}.quiz-opt.correct .quiz-opt__letter{background:#2e7d32}.quiz-opt.wrong{border-color:#c62828;background:#c6282824}.quiz-opt.wrong .quiz-opt__letter{background:#c62828}.quiz-opt.dim{opacity:.45}.quiz-feedback{margin-top:16px;padding:14px 16px;border-radius:14px;font-weight:700;font-size:15px;display:flex;flex-direction:column;gap:12px}.quiz-feedback.ok{background:#2e7d321f;color:#2e7d32}.quiz-feedback.ko{background:#c628281a;color:#c62828}.quiz-next{align-self:flex-end;display:inline-flex;align-items:center;gap:6px}.quiz-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:26px 16px}.quiz-done__score{font-size:40px;font-weight:900;color:var(--text-primary)}.quiz-done__pct{font-size:15px;color:var(--text-secondary)}.quiz-done__msg{font-size:15px;color:var(--text-primary);margin:6px 0 4px}.quiz-done__actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.quiz-done__actions .btn-primary,.quiz-done__actions .btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px}.quiz-feedback__line{display:block}.quiz-feedback__verse{text-align:center;line-height:2;margin:4px 0 0;color:var(--arabic);font-weight:600;overflow-wrap:anywhere;word-break:break-word}.quiz-stat-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);margin-top:-4px}.quiz-badge-master{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#fff;background:var(--accent);padding:3px 9px;border-radius:999px}.quiz-master-note{display:flex;align-items:center;gap:8px;text-align:left;font-size:13.5px;line-height:1.5;color:#2e7d32;background:#2e7d321f;border-radius:12px;padding:12px 14px;margin:4px 0}.quiz-master-note svg{flex-shrink:0}.quiz-archive{display:flex;flex-direction:column;gap:6px}.quiz-arch-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:14px}.quiz-arch-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.quiz-arch-dot.good{background:#2e7d32}.quiz-arch-dot.mid{background:#e0a316}.quiz-arch-dot.bad{background:#c62828}.quiz-arch-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-arch-score{font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.quiz-arch-date{font-size:12px;color:var(--text-muted);flex-shrink:0;min-width:54px;text-align:right}.juz-head{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.juz-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.juz-tools .juz-random:disabled{opacity:.45}.juz-head__n{font-weight:600;color:var(--text-secondary);text-transform:none}.juz-random{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:6px 10px}.juz-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px}@media (max-width: 420px){.juz-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.juz-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);min-width:0}.juz-btn__n{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.juz-btn__name{font-size:10.5px;color:var(--text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.juz-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.juz-btn.active .juz-btn__name{color:#ffffffd9}.juz-detail{margin-top:12px;padding:12px;border-radius:12px;background:var(--primary-soft)}.juz-detail__title{font-weight:800;color:var(--primary);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.juz-detail__title .arabic{font-size:17px}.juz-detail__meta{font-size:12px;font-weight:600;color:var(--text-secondary);margin-inline-start:auto}.juz-detail__hint{font-size:12.5px;color:var(--text-secondary);margin:6px 0 8px;line-height:1.45}.juz-parts{display:flex;flex-wrap:wrap;gap:6px}.juz-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--primary);background:var(--surface);color:var(--text-primary);font-size:12.5px}.juz-chip__n{font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.juz-chip__name{font-weight:700}.juz-chip__range{color:var(--text-muted);font-size:11.5px}.juz-chip__master{color:var(--accent)}.juz-chip.off{opacity:.45;border-style:dashed;border-color:var(--border);text-decoration:line-through}.juz-all{margin-top:8px;font-size:12.5px}.juz-result{width:100%;display:flex;flex-direction:column;gap:4px;margin:6px 0 10px}.juz-result__row{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:4px 8px;border-radius:8px;background:var(--surface)}.juz-result__name{flex:1;text-align:start;font-weight:700}.juz-result__score{font-variant-numeric:tabular-nums;font-weight:800}.rw.nv{color:inherit}.recite-unverified{font-size:12.5px;color:var(--text-muted);margin:8px 0 0;line-height:1.45}.beta-pill{display:inline-block;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#6a4bd1;border-radius:999px;padding:1px 6px;vertical-align:2px;margin-inline-start:4px}.recite-beta{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;padding:10px 12px;border-radius:12px;background:#6a4bd11a;border:1px solid rgba(106,75,209,.35);color:var(--text-primary);margin-bottom:12px}.recite-beta__tag{flex-shrink:0;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:#6a4bd1;border-radius:999px;padding:2px 8px;margin-top:1px}.quiz-recite-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px;border-radius:12px;border:1px dashed var(--accent);color:var(--accent-strong, var(--accent));font-weight:700;font-size:14px}.recite-range-lbl{font-size:13px;color:var(--text-secondary)}.recite-random{justify-content:center}.recite-note{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;color:var(--text-secondary);background:var(--accent-soft);border-radius:10px;padding:10px 12px}.recite-note svg{flex-shrink:0;margin-top:1px}.recite-note.ok{background:var(--primary-soft);color:var(--primary)}.recite-range{display:flex;align-items:center;gap:8px}.recite-range .quiz-select{flex:1}.recite-progress{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.recite-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px;transition:width .25s ease}.recite-progress-lbl{text-align:center;font-size:12px;color:var(--text-muted);margin:4px 0 12px;font-variant-numeric:tabular-nums}.recite-passage.blocked{border-color:#c62828;box-shadow:0 0 0 2px #c628282e}.rw.cur{background:#e0a31647;border-radius:4px;box-shadow:0 0 0 1px #e0a31680}.rw.opt{color:var(--text-muted)}.rw.skip{color:var(--text-muted);text-decoration:underline dotted}.recite-block{display:flex;align-items:flex-start;gap:10px;background:#c628281a;border:1px solid #c62828;color:#c62828;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;margin-top:12px}.recite-block svg{flex-shrink:0;margin-top:1px}.recite-block b.arabic{font-size:17px}.recite-follow{position:relative;padding:14px 14px 8px;background:var(--bg, #FBF6E7);border:1px solid var(--border);border-radius:var(--radius-md)}.recite-follow.blocked{border-color:#c62828;box-shadow:0 0 0 2px #c6282824}.recite-reveal{position:absolute;top:8px;inset-inline-end:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px}.recite-line{position:relative;display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;transition:background .25s ease}.recite-line+.recite-line{margin-top:2px}.recite-line.active{background:color-mix(in srgb,var(--primary) 12%,transparent);box-shadow:inset 3px 0 0 var(--primary)}.recite-line__num{flex-shrink:0;width:28px;height:28px;margin-top:6px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--primary);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.recite-line.active .recite-line__num{background:var(--primary);color:#fff;border-color:var(--primary)}.recite-line__text{flex:1;font-size:25px;line-height:2.2;color:var(--arabic, var(--text-primary));margin:0}@media (min-width: 720px){.recite-line__text{font-size:28px}}.rw.blank{color:transparent;background:color-mix(in srgb,var(--text-muted) 22%,transparent);border-radius:5px;box-shadow:0 0 0 1px color-mix(in srgb,var(--text-muted) 12%,transparent)}.recite-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.recite-controls .recite-cancel{margin-top:0}.recite-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:95;width:calc(100% - 24px);max-width:420px;display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-float)}.recite-bar .recite-btn{flex:1;padding:12px 18px;font-size:16px}.recite-bar__cancel{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center}@media (min-width: 960px){.recite-bar{left:calc(50% + var(--sidebar-w) / 2)}}.recite-passage{padding:16px}.recite-text{text-align:center;line-height:2.2;color:var(--arabic, var(--text-primary))}.recite-hidden{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--text-secondary);padding:12px}.recite-mic{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px}.recite-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:var(--radius-pill);background:var(--primary);color:#fff;font-size:17px;font-weight:800;box-shadow:var(--shadow-soft)}.recite-btn.rec{background:#c62828}.recite-live{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#c62828}.recite-dot{width:11px;height:11px;border-radius:50%;background:#c62828;animation:recpulse 1s infinite}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.25}}.recite-transcript{width:100%;text-align:center;font-size:20px;line-height:1.9;color:var(--text-primary);direction:rtl}.recite-interim{color:var(--text-muted)}.recite-input{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:18px;background:var(--surface);color:var(--text-primary);resize:vertical}.recite-analyze{width:100%;justify-content:center}.recite-fallback{margin-top:4px}.recite-fallback summary{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.recite-fallback textarea{margin-top:8px}.recite-cancel{display:block;margin:4px auto 0}.recite-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}.recite-stat{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}.recite-stat.ok{color:#2e7d32;background:#2e7d321f}.recite-stat.ko{color:#c62828;background:#c628281f}.recite-stat.miss{color:#e0a316;background:#e0a31626}.recite-stat.add{color:#6a4bd1;background:#6a4bd11f}.recite-correction{padding:14px}.recite-verse{padding:8px 0;border-bottom:1px solid var(--border)}.recite-verse:last-child{border-bottom:none}.recite-verse__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.recite-verse__num{width:26px;height:26px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.recite-verse__text{font-size:24px;line-height:2.3;color:var(--arabic, var(--text-primary))}.rw.ok{color:#2e7d32}.rw.sub{color:#c62828;background:#c6282824;border-radius:4px}.rw.del{color:#a87900;background:#e0a3162e;border-radius:4px;text-decoration:underline dashed}.rw.unc{color:#d9730d;background:#f57c0024;border-radius:4px}.recite-stat.unc{color:#d9730d;background:#f57c0024}.recite-err__t.unc{background:#f57c00}.recite-cursor{display:block;width:fit-content;max-width:100%;text-align:center;margin:-4px auto 10px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.recite-cursor.probable{background:var(--primary-soft);color:var(--primary);opacity:.85}.recite-cursor.resyncing{background:#f57c0024;color:#d9730d}.recite-cursor.uncertain{background:var(--border);color:var(--text-secondary)}.recite-cursor b.arabic{font-size:15px}.recite-zone{align-items:flex-start;border-color:#f57c0073}.recite-zone__words{color:var(--text-secondary);font-size:12.5px}.recite-zone__ok{color:#2e7d32;font-size:12.5px;font-weight:700}.recite-debug{margin-top:12px;padding:10px 12px;font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;background:#111;color:#d7ffd7;border-radius:10px;max-height:320px;overflow:auto;text-align:start}.recite-added{margin-top:10px;font-size:13px;color:#6a4bd1}.recite-errlist{display:flex;flex-direction:column;gap:8px}.recite-err{display:flex;align-items:center;gap:10px;text-align:start;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13.5px}.recite-err__t{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;flex-shrink:0;color:#fff}.recite-err__t.sub{background:#c62828}.recite-err__t.miss{background:#e0a316}.recite-err__t.add{background:#6a4bd1}.hifdh-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hifdh-hub__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 8px;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--c);font-weight:700;font-size:14px;box-shadow:var(--shadow-soft)}.hifdh-hub__card span{color:var(--text-primary)}.hifdh-hub__card:hover{border-color:var(--c)}.hifdh-new{display:flex;flex-direction:column}.hifdh-new__intro{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0 0 8px}.hifdh-plan{margin-top:10px}.hifdh-plan__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hifdh-plan__title{font-weight:800;font-size:16px}.hifdh-plan__range{font-weight:700;color:var(--accent);font-size:14px}.hifdh-plan__ok{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#2e7d32;margin-top:2px}.hifdh-due{color:#e0a316}.hifdh-steps{display:flex;flex-direction:column;gap:8px;margin-top:12px}.hifdh-step{display:flex;align-items:center;gap:10px}.hifdh-step__ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.hifdh-step__lbl{flex:1;min-width:0;font-size:14px}.hifdh-step__lbl b{color:var(--primary)}.hifdh-act{flex-shrink:0;min-width:74px;text-align:center;padding:7px 12px;border-radius:999px;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px}.hifdh-act.done{background:#2e7d3224;color:#2e7d32}.hifdh-validate{width:100%;justify-content:center;margin-top:6px}.hifdh-reviews{margin-top:12px}.hifdh-reviews__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}.hifdh-rev-list{display:flex;flex-wrap:wrap;gap:6px}.hifdh-rev{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;color:var(--text-secondary)}.hifdh-rev__box{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--text-muted);display:inline-flex;align-items:center;justify-content:center;color:#fff}.hifdh-rev__date{color:var(--text-muted);font-weight:600}.hifdh-rev.due{border-color:#e0a316;color:#e0a316;background:#e0a3161a}.hifdh-rev.done{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.hifdh-rev.done .hifdh-rev__box{background:var(--primary);border-color:var(--primary)}.hifdh-review-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:13.5px}.reciter-row{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:8px;width:100%}.reciter-row__avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reciter-row__photo{object-fit:cover;background:var(--surface)}.reciter-row__mono{font-size:16px;font-weight:900;letter-spacing:.5px}.rec-group{margin-bottom:14px}.rec-group__title{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:800;color:var(--primary);margin:2px 2px 8px}.rec-group__title small{font-size:11px;font-weight:600;color:var(--text-muted)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.rec-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);text-align:center}.rec-tile.active{border-color:var(--primary);border-width:2px;background:var(--primary-soft)}.rec-tile__name{font-size:12px;font-weight:700;line-height:1.25}.rec-tile__ar{font-size:12.5px;color:var(--text-secondary);line-height:1.3}.rec-tile__check{position:absolute}.rec-tile__wrap{position:relative;width:56px;height:56px}.rec-tile__badge{position:absolute;bottom:-2px;inset-inline-end:-2px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg, #fff)}.rec-tile__photo,.rec-tile__mono{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;object-fit:cover}.rec-tile__mono{font-size:17px;font-weight:900}.rec-tile__warn{display:inline-flex;align-items:center;gap:2px;font-size:9.5px;font-weight:800;color:#b7791f}.qr-intro{display:flex;gap:12px;align-items:flex-start;padding:15px}.qr-intro__icon{flex-shrink:0;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#1f8a5b)}.qr-intro p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-secondary)}.qr-hadith{padding:15px;border-inline-start:4px solid var(--accent, #d6a92e)}.qr-hadith__title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;margin-bottom:8px}.qr-hadith p{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-secondary)}.qr-hadith__src{margin-top:8px;font-size:12px;font-weight:600;color:var(--text-muted)}.qr-card{padding:13px;margin-bottom:8px}.qr-card__head{display:flex;align-items:center;gap:11px}.qr-card__num{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center}.qr-card__ar{font-size:17px;font-weight:700;line-height:1.2}.qr-card__tr{font-size:13px;font-weight:700;color:var(--text-primary)}.qr-card__meta{font-size:11.5px;color:var(--text-muted);margin-top:1px}.qr-chain{display:flex;gap:8px;margin-top:11px}.qr-rawi{flex:1;display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:11px;background:var(--surface);border:1px solid var(--border);position:relative}.qr-rawi__dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.qr-rawi__body{display:flex;flex-direction:column;min-width:0;flex:1}.qr-rawi__ar{font-size:14px;font-weight:700;line-height:1.2}.qr-rawi__tr{font-size:11.5px;color:var(--text-secondary)}.qr-rawi__note{font-size:10px;color:var(--primary);font-weight:700;margin-top:1px}.qr-rawi__audio{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:800;color:#2f7d4f;background:#2f9e5f24;padding:2px 6px;border-radius:6px;flex-shrink:0}.qr-note{padding:14px}.qr-note p{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.qr-note__cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--primary)}.qr-note__ctas{display:flex;flex-wrap:wrap;gap:14px}.qr-terms{padding:15px}.qr-terms__title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;margin-bottom:10px;color:var(--primary)}.qr-terms__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.qr-terms__grid>div{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:11px;background:var(--primary-soft)}.qr-terms__grid strong{font-size:13px;color:var(--primary)}.qr-terms__grid span{font-size:12.5px;line-height:1.45;color:var(--text-secondary)}.qr-terms__note{margin:10px 0 0;font-size:12.5px;color:var(--text-secondary);font-style:italic}.qr-card__kind,.qr-rawi__kind{font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}a.qr-rawi{color:inherit;text-decoration:none}.qr-rawi__go{flex-shrink:0;color:var(--text-muted);margin-inline-start:auto}.qr-rawi__body .qr-rawi__audio{align-self:flex-start;margin-top:3px}@media (max-width: 520px){.qr-chain{flex-direction:column}}.reciter-style{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:6px}.reciter-badge-warn{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;font-size:10px;font-weight:800;color:#b7791f;background:#d69e2e29;padding:2px 7px;border-radius:6px}.reciter-warn{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;font-size:12.5px;line-height:1.45;color:#92591a;background:#d69e2e1f;border:1px solid rgba(214,158,46,.35)}.reciter-warn svg{flex-shrink:0;margin-top:1px;color:#b7791f}.reciter-check{width:26px;height:26px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.seg-group{display:flex;padding:6px;gap:4px}.seg-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;font-weight:700;font-size:13px;color:var(--text)}.seg-btn.active{background:var(--primary);color:#fff}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px}.setting-row__left{display:flex;align-items:center;gap:10px;font-weight:500}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:700}.lang-group{overflow:hidden}.lang-row{display:flex;align-items:center;gap:12px;padding:14px;width:100%}.lang-dot{width:10px;height:10px;border-radius:50%;background:var(--primary)}.about{text-align:center;margin-top:20px}.danger-row{display:flex;align-items:center;gap:12px;padding:14px;width:100%;border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.account-card{padding:16px}.account-off{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text-secondary)}.account-hint{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-top:8px}.account-hint code,.account-hint b{color:var(--primary);font-weight:700}.account-oauth{display:flex;flex-direction:column;gap:8px}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:14px;color:var(--text)}.oauth-btn.apple{background:#000;color:#fff;border-color:#000}.account-sep{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:12px;margin:14px 0}.account-sep:before,.account-sep:after{content:"";flex:1;height:1px;background:var(--border)}.account-sep span{padding:0 10px}.account-form{display:flex;flex-direction:column;gap:8px}.account-form input{padding:11px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.account-form .btn-primary{justify-content:center;padding:11px}.account-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--primary);font-size:13px;font-weight:600;padding:4px}.account-toggle{color:var(--text-secondary);font-size:13px;padding:4px}.account-error{margin-top:10px;padding:10px;border-radius:8px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:13px}.account-info{margin-top:10px;padding:10px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:13px}.account-user{display:flex;align-items:center;gap:12px}.account-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--header-grad-2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-user__title{font-weight:700}.account-user__sub{font-size:13px;color:var(--text-secondary)}.account-actions{display:flex;gap:8px;margin-top:14px}.account-actions .btn-ghost{flex:1;justify-content:center;display:inline-flex;align-items:center;gap:6px;padding:9px}.account-actions .btn-ghost.danger{color:var(--danger)}.legal h2{font-size:16px;color:var(--primary);margin:18px 0 8px}.legal h2:first-child{margin-top:0}.legal p{font-size:14px;line-height:1.7;color:var(--text);margin-bottom:10px}.legal-list{margin:0 0 10px;padding-inline-start:18px}.legal-list li{font-size:14px;line-height:1.7;list-style:disc;margin-bottom:6px;color:var(--text)}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .2s}.switch__track:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.switch__track{background:var(--primary)}.switch input:checked+.switch__track:before{transform:translate(20px)}.mode-switch{display:flex;gap:6px;padding:10px 14px 4px}.mode-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:var(--radius-md);font-weight:700;font-size:14px;background:var(--card);border:1px solid var(--border);color:var(--text-secondary)}.mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.play-surah{display:flex;align-items:center;gap:10px;padding:12px 14px}.play-surah select{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.play-surah__btn{width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-overview{list-style:none;margin:0;padding:0;display:grid;gap:8px}.qr-ov{width:100%;display:flex;align-items:center;gap:12px;text-align:start;padding:11px 14px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--qc),color-mix(in srgb,var(--qc) 78%,#000));box-shadow:0 6px 18px -10px color-mix(in srgb,var(--qc) 80%,#000)}.qr-ov:active{transform:scale(.99)}.qr-ov__num{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;background:#fff3;box-shadow:inset 0 0 0 1.5px #ffffff8c}.qr-ov__body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.qr-ov__title{font-size:15px;font-weight:900;letter-spacing:.2px;text-transform:uppercase}.qr-ov__title small,.qr-ov__died small{font-size:11px;font-weight:600;text-transform:none;opacity:.85}.qr-ov__died{font-size:12.5px;font-weight:600;opacity:.95}.qr-ov__rawis{font-size:13px}.qr-ov__rawis strong{font-weight:900}.qr-ov__icon{flex-shrink:0;opacity:.9}.qr-overview__note{margin:8px 2px 0;font-size:12px;color:var(--text-muted)}.qr-card{border-inline-start:5px solid var(--qc, var(--primary));scroll-margin-top:16px}.qr-card__num{background:var(--qc, var(--primary));color:#fff}.qr-card__id{flex:1;min-width:0}.qr-card__icon{flex-shrink:0;color:var(--qc, var(--primary));opacity:.85}.qr-card__rawis{margin-top:9px;font-size:12.5px;color:var(--text-secondary)}.qr-card__rawis strong{color:var(--qc, var(--primary))}.qr-card .qr-rawi__dot{background:var(--qc, var(--primary))}.qf-tabs{margin-bottom:4px}.qf-clear{margin-inline-start:auto;color:var(--text-muted);display:inline-flex;padding:4px}.qf-tips{margin:8px 2px 0;font-size:12.5px;line-height:1.6}.qf-intents{display:grid;gap:8px;margin-top:10px}.qf-intent{display:flex;align-items:center;gap:10px;padding:12px 14px;text-align:start;color:var(--text);border:1.5px solid var(--primary);background:var(--primary-soft)}.qf-intent svg{color:var(--primary);flex:none}.qf-more{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:13px}.qf-verses{margin-top:14px;display:grid;gap:8px}.qf-hit{display:grid;gap:6px;padding:12px 14px;text-align:start;color:var(--text)}.qf-hit__ref{font-size:12px;font-weight:700;color:var(--primary)}.qf-hit__ar{font-size:20px;line-height:2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qf-hit__fr{font-size:13px;color:var(--text-secondary);line-height:1.5}.qf-hit__fr mark{background:var(--accent-soft);color:inherit;border-radius:3px;padding:0 1px}.spinner--inline{display:inline-block;width:14px;height:14px;margin:0 6px -2px 0;border-width:2px}.qf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.qf-page{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:6px 4px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.qf-page.starts{border-color:var(--primary);background:var(--primary-soft)}.qf-page__n{font-weight:800;font-size:14px}.qf-page__s{font-size:9.5px;line-height:1.2;color:var(--primary);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qf-picker{display:grid;gap:10px;padding:14px}.qf-field{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:var(--text-secondary)}.qf-field select{padding:10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;width:100%}.qf-open{display:inline-flex;align-items:center;justify-content:center;gap:8px}.qf-picker__hint{margin:0;font-size:12.5px}.qf-page.current{outline:2px solid var(--accent);outline-offset:1px}.qf-hit__ph{font-style:italic;color:var(--primary)}.mushafr__phon{display:grid;gap:4px;padding:4px 0;direction:ltr;text-align:start}.mushafr__phon-line{display:flex;align-items:baseline;gap:4px;margin:0;font-size:16px;line-height:1.7;color:var(--text);border-radius:8px;padding:6px 8px}.mushafr__phon-line.memo{cursor:pointer}.mushafr__phon-line.playing{box-shadow:0 0 0 2px var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)!important}.home-plan{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:8px;color:var(--text);text-decoration:none;border:1.5px solid rgba(106,75,209,.35)}.home-plan__icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6a4bd1,#9a5bd1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-plan__body{flex:1;min-width:0}.home-plan__lbl{font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-plan__title{font-size:14px;font-weight:800;margin-top:2px;line-height:1.35}.home-plan__sub{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.home-plan__bar{height:5px;border-radius:3px;background:var(--border);margin-top:8px;overflow:hidden}.home-plan__bar span{display:block;height:100%;background:#6a4bd1;border-radius:3px}.home-plan__end{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#6a4bd1;margin-top:6px}.home-plan__go{color:var(--text-muted);flex-shrink:0}.home-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.home-duo__col{min-width:0;display:flex;flex-direction:column;gap:8px}.home-duo__col .section-title{margin-bottom:0}.home-duo .ql-links{grid-template-columns:1fr;gap:8px}.home-duo .ql-link{padding:10px;gap:8px;font-size:12.5px;line-height:1.25}.home-duo .ql-link svg{width:19px;height:19px}.home-duo .ql-link small{font-size:11px}.home-duo .home-plan{flex-direction:column;align-items:stretch;gap:8px;padding:12px;margin:0}.home-duo .home-plan__icon{width:32px;height:32px;border-radius:10px}.home-duo .home-plan__icon svg{width:17px;height:17px}.home-duo .home-plan__lbl{white-space:normal}.home-duo .home-plan__title{font-size:13px}.home-duo .home-plan__sub{font-size:11.5px}@media (min-width: 720px){.home-duo .ql-links{grid-template-columns:1fr 1fr}}.mp-chat{animation:mpChatIn .28s ease}@keyframes mpChatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mp-chat__progress{height:4px;border-radius:2px;background:var(--border);overflow:hidden;margin-bottom:12px}.mp-chat__progress span{display:block;height:100%;background:#6a4bd1;transition:width .3s}.mp-chat__recap{font-size:11.5px;font-weight:700;color:var(--text-muted);text-align:end;margin-bottom:8px}.mp-chat__bubble{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.mp-chat__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6a4bd1,#9a5bd1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-chat__text{flex:1;background:#6a4bd114;border-radius:4px 14px 14px;padding:11px 13px;font-size:14.5px;font-weight:700;line-height:1.45;color:var(--text)}.mp-chat__text small{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-top:5px}.mp-chat__opts{display:flex;flex-direction:column;gap:7px}.mp-chat__opts.row{flex-direction:row;flex-wrap:wrap}.mp-chat__opts.row .mp-chat__opt{flex:1;min-width:52px;text-align:center}.mp-chat__opt{text-align:start;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);font-size:13.5px;font-weight:700;color:var(--text)}.mp-chat__opt.on{border-color:#6a4bd1;background:#6a4bd11a;color:#6a4bd1}.mp-chat__opt small{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-top:3px;line-height:1.35}.mp-chat__custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.mp-chat__count{font-size:11.5px;font-weight:700;color:var(--text-muted);align-self:center}.mp-chat__text.react{font-weight:600;font-size:13.5px;background:#1a8a5314}.mp-verse{margin:4px 0 6px;padding:14px 16px;border-radius:14px;border:2px solid #b98f22;background:linear-gradient(135deg,#b98f221f,#1a8a5314);text-align:center}.mp-verse__ar{font-size:24px;line-height:1.9;margin:0 0 6px;color:var(--arabic, var(--text))}.mp-verse__fr{font-size:15px;font-weight:800;line-height:1.5;margin:0;color:var(--text)}.mp-verse cite{display:block;margin-top:6px;font-size:12px;font-weight:700;font-style:normal;color:#b98f22}.mp-teacher{border-top:1px solid var(--border)}.mp-teacher .prog-task{border-top:0}.mp-teacher__btns{display:flex;gap:8px;padding:0 0 8px 34px}.mp-teacher__b{flex:1;padding:8px 10px;border-radius:9px;border:1.5px solid var(--border);font-size:12.5px;font-weight:800;background:var(--surface);color:var(--text-secondary)}.mp-teacher__b.ok.on{background:var(--primary);border-color:var(--primary);color:#fff}.mp-teacher__b.revoir.on{background:#d69e2e;border-color:#d69e2e;color:#fff}.ql-nav{display:flex;gap:8px;overflow-x:auto;padding:12px var(--space-4) 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ql-nav::-webkit-scrollbar{display:none}.ql-nav .chip{flex-shrink:0;text-decoration:none}.ql-disclaimer{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--text-secondary);background:var(--accent-soft);border-radius:var(--radius-sm);padding:10px 12px;margin:0}.ql-disclaimer svg{flex-shrink:0;margin-top:2px;color:var(--accent-strong)}.ql-source{font-size:12px;color:var(--text-secondary);margin:6px 0 0;display:flex;gap:6px;align-items:flex-start}.ql-source svg{flex-shrink:0;margin-top:2px}.ql-source--missing{color:var(--danger);font-weight:700}.ql-intro{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0 0 10px}.ql-stack{display:flex;flex-direction:column;gap:12px}.ql-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ql-pad{padding:14px}.ql-muted{color:var(--text-secondary);font-size:13px}.ql-h2{font-size:16px;font-weight:800;margin:0 0 8px;color:var(--text)}.ql-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.ql-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--text-secondary);min-width:0}.ql-field select,.ql-field input{width:100%;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;padding:8px 10px;font-weight:500}.ql-field select:focus-visible,.ql-field input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.ql-btn{padding:10px 16px;font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:6px}.ql-spin{animation:ql-spin .9s linear infinite}@keyframes ql-spin{to{transform:rotate(360deg)}}.ql-listen{display:inline-flex;flex-direction:column;gap:3px;align-items:flex-start}.ql-listen__meta{font-size:11.5px;color:var(--text-muted)}.ql-listen__err{font-size:12px;color:var(--danger)}.ql-noaudio{font-size:12px;color:var(--text-muted);font-style:italic}.ql-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.ql-hub__item{display:flex;flex-direction:column;gap:6px;padding:16px;color:var(--text);text-decoration:none;border-top:4px solid var(--c, var(--primary));background:linear-gradient(180deg,color-mix(in srgb,var(--c, var(--primary)) 9%,var(--card)),var(--card) 70%)}.ql-hub__item svg{color:#fff;background:var(--c, var(--primary));border-radius:10px;padding:6px;width:34px;height:34px}.ql-hub__t{font-weight:800;font-size:15.5px}.ql-hub__d{font-size:13px;color:var(--text-secondary);line-height:1.45}.ql-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.ql-stat{padding:12px;text-align:center}.ql-stat b{display:block;font-size:22px;color:var(--primary)}.ql-stat span{font-size:12px;color:var(--text-secondary)}.ql-cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 560px){.ql-cmp{grid-template-columns:1fr}}.ql-cmp__side{padding:12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--c, var(--primary))}.ql-cmp__who{font-size:12.5px;font-weight:800;color:var(--c, var(--primary));margin-bottom:4px}.ql-cmp__text{font-size:26px;line-height:1.9;margin:0}.ql-cmp__none{font-size:13px;color:var(--text-muted);font-style:italic}.ql-mark{background:color-mix(in srgb,#d9772f 26%,transparent);border-radius:6px;padding:0 3px;box-shadow:inset 0 -2px #d9772f}.ql-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:flex-start}.ql-explain{margin-top:10px;padding:10px 12px;border-inline-start:4px solid var(--accent);background:var(--accent-soft);border-radius:10px;font-size:14px;line-height:1.55}.ql-explain p{margin:0 0 4px}.ql-empty{padding:16px;text-align:center;color:var(--text-secondary);font-size:14.5px}.ql-result{padding:14px}.ql-result__head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}.ql-result__ref{font-weight:800;font-size:14px}.ql-tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary)}.ql-readings{margin:8px 0 0;display:flex;flex-direction:column;gap:8px}.ql-reading{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.ql-reading__ar{font-size:22px;line-height:1.8;margin:0}.ql-reading__who{display:flex;flex-wrap:wrap;gap:4px}.ql-who{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);color:#fff;background:var(--c, var(--primary))}.ql-reading--hafs{border-style:dashed}.ql-more{width:100%}.ql-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.ql-mode{text-align:start;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);display:flex;flex-direction:column;gap:4px;min-height:44px}.ql-mode b{font-size:14.5px}.ql-mode span{font-size:12px;color:var(--text-secondary)}.ql-mode.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft);background:var(--primary-soft)}.ql-levels{display:flex;flex-wrap:wrap;gap:6px}.ql-levels .chip{min-height:40px}.ql-q{padding:16px}.ql-q__head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-muted);font-weight:700}.ql-q__prompt{font-size:16px;font-weight:700;margin:10px 0;line-height:1.5}.ql-q__arabic{font-size:32px;text-align:center;margin:6px 0;padding:10px;background:var(--primary-soft);border-radius:var(--radius-sm)}.ql-q__hafs{font-size:13px;color:var(--text-secondary);text-align:center;margin:0 0 10px}.ql-q__hafs .arabic{font-size:18px;display:inline}.ql-q__audio{margin:6px 0 12px}.ql-options{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.ql-options{grid-template-columns:1fr 1fr}}.ql-option{min-height:48px;padding:10px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;text-align:start}.ql-option.arabic{font-size:22px;text-align:center;font-weight:400}.ql-option:not(:disabled):hover{border-color:var(--primary)}.ql-option.ok,.ql-word.ok{border-color:#2e8b57;background:color-mix(in srgb,#2e8b57 16%,var(--surface))}.ql-option.ko,.ql-word.ko{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface))}.ql-option:disabled,.ql-word:disabled{cursor:default;color:var(--text);opacity:1}.ql-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0}.ql-word{font-size:26px;min-height:52px;padding:4px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);line-height:1.7}.ql-feedback{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;line-height:1.55}.ql-feedback p{margin:0 0 6px}.ql-feedback.ok{background:color-mix(in srgb,#2e8b57 12%,var(--card));border:1px solid color-mix(in srgb,#2e8b57 40%,transparent)}.ql-feedback.ko{background:color-mix(in srgb,var(--danger) 10%,var(--card));border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.ql-feedback__title{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px}.ql-feedback.ok .ql-feedback__title{color:#2e8b57}.ql-feedback.ko .ql-feedback__title{color:var(--danger)}.ql-feedback__meta{font-size:12.5px;color:var(--text-secondary)}.ql-inline-ar{display:inline;font-size:19px}.ql-next{margin-top:10px;width:100%}.ql-score{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--text-secondary)}.ql-score b{color:var(--primary)}.ql-done{padding:20px;text-align:center}.ql-done__big{font-size:40px;font-weight:900;color:var(--primary);margin:4px 0}.ql-history{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.ql-history li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.ql-bucket{padding:14px;border-inline-start:5px solid var(--c)}.ql-bucket__t{font-weight:800;font-size:15px;display:flex;justify-content:space-between}.ql-bucket ul{margin:8px 0 0;padding-inline-start:18px;font-size:13.5px;color:var(--text-secondary)}.ql-qiraa{padding:14px;border-top:4px solid var(--c)}.ql-qiraa__t{font-weight:800;font-size:15px;display:flex;justify-content:space-between;gap:8px}.ql-bar{height:8px;border-radius:4px;background:var(--border);overflow:hidden;margin:4px 0 2px}.ql-bar>span{display:block;height:100%;background:var(--c, var(--primary));border-radius:4px}.ql-riw{margin-top:10px;font-size:13px}.ql-riw__line{display:flex;justify-content:space-between;gap:8px;color:var(--text-secondary)}.ql-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.ql-badge{padding:12px;text-align:center;opacity:.55;filter:grayscale(.8)}.ql-badge.on{opacity:1;filter:none;border-color:var(--accent)}.ql-badge__i{font-size:28px}.ql-badge__n{font-weight:800;font-size:13.5px}.ql-badge__d{font-size:11.5px;color:var(--text-secondary)}.ql-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.ql-link{display:flex;align-items:center;gap:10px;padding:12px;color:var(--text);text-decoration:none;font-weight:700;font-size:14px}.ql-link svg{color:var(--c, var(--primary));flex-shrink:0}.ql-link small{display:block;font-weight:500;color:var(--text-secondary);font-size:12px}[class*=ql-].arabic,[class*=ql-] .arabic,.ql-option.arabic,.ql-word{font-family:var(--font-quran);font-weight:400}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet__note{padding:4px 4px 8px;display:flex;flex-direction:column;gap:8px}.sheet__note-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px;font-size:14px;background:var(--surface);color:var(--text-primary);resize:vertical;font-family:inherit}.sheet__note-save{justify-content:center}.sheet{width:100%;max-width:var(--content-max);background:var(--surface);border-top-left-radius:22px;border-top-right-radius:22px;padding:0 12px calc(env(safe-area-inset-bottom,0px) + 16px);box-shadow:var(--shadow-float);animation:sheet-in .2s ease;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet__head{position:sticky;top:0;z-index:2;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:12px 8px}.sheet__close{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.sheet__title{font-weight:700;font-size:15px;color:var(--primary);font-family:var(--font-arabic)}.sheet__close{color:var(--text-secondary);padding:4px}.sheet__action{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border-radius:var(--radius-md);font-size:15px;font-weight:600;color:var(--text)}.sheet__action:hover{background:var(--primary-soft)}.sheet__hl{padding:6px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.sheet__hl-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.sheet__swatches{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.swatch--none{background:var(--surface);border-style:dashed;color:var(--text-secondary)}.sheet__translation{padding:12px 14px;margin:2px 6px 8px;border-radius:12px;background:var(--primary-soft);color:var(--text);font-size:14px;line-height:1.6;direction:ltr;text-align:start}.spin{animation:spin .8s linear infinite}.sheet__tafsir{margin:2px 6px 8px;padding:12px 14px;border-radius:12px;background:var(--accent-soft)}.sheet__tafsir-src{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;margin-bottom:10px}.sheet__tafsir-text{font-size:14px;line-height:1.7;color:var(--text);direction:ltr;text-align:start;max-height:40vh;overflow-y:auto}.sheet__tafsir-credit{font-size:12px;font-weight:700;color:var(--accent-strong);margin-top:10px}.swipe-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:swipe-hint-fade 4.2s ease forwards}.swipe-hint__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 22px;border-radius:18px;background:#14110bd1;color:#fff;box-shadow:0 10px 30px -8px #00000080;max-width:80vw;text-align:center}.swipe-hint__card p{font-size:14px;font-weight:600;line-height:1.4}.swipe-hint__arrows{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold-grad-1, #d9b24c)}.swipe-hint__arrows.vertical{flex-direction:column;gap:2px}.swipe-hint__arrow{opacity:.4}.swipe-hint__arrow.a1{animation:swipe-x-right 1.3s ease-in-out infinite}.swipe-hint__arrow.a2{animation:swipe-x-left 1.3s ease-in-out infinite}.swipe-hint__arrow.d1{animation:swipe-down 1.3s ease-in-out infinite}.swipe-hint__arrow.d2{animation:swipe-down 1.3s ease-in-out infinite .25s}@keyframes swipe-x-right{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(8px);opacity:1}}@keyframes swipe-x-left{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(-8px);opacity:1}}@keyframes swipe-down{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(7px);opacity:1}}@keyframes swipe-hint-fade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.swipe-hint__arrow{animation:none!important;opacity:.9}}.mushafr{padding:0 clamp(8px,3vw,20px)}.mushafr__memo{display:flex;gap:8px;flex-wrap:wrap;padding:4px 2px 0}.mushafr__page{min-height:60dvh;padding:clamp(18px,4vw,34px) clamp(16px,4vw,30px);margin-top:8px;touch-action:pan-y}.mushafr__surah{text-align:center;margin:6px 0 10px;padding:10px;border-radius:12px;background:linear-gradient(135deg,var(--primary-soft),transparent);border:1px solid var(--border)}.mushafr__surah-name{font-size:22px;font-weight:700;color:var(--primary)}.mushafr__basmala.arabic{display:block;width:100%;text-align:center;direction:rtl;font-family:var(--font-quran);font-weight:400;letter-spacing:0;font-size:30px;line-height:1.9;color:var(--arabic);margin:6px auto;padding:16px 8px 18px}.mushafr__text{text-align:justify;text-align-last:center;margin-bottom:12px}.mushafr__bar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);display:flex;align-items:center;gap:8px;margin:10px auto;padding:4px 8px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-float)}.mushafr__nav{width:32px;height:32px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mushafr__nav svg{width:18px;height:18px}.mushafr__nav:disabled{opacity:.3}.mushafr__center{flex:1;text-align:center;line-height:1.15}.mushafr__num{font-size:13px;color:var(--text)}.mushafr__juz{font-size:10.5px;font-weight:600;color:var(--accent)}.recp{--recp-white: #ffffff;--recp-line: color-mix(in srgb, var(--primary) 28%, transparent);--recp-gold: linear-gradient(135deg, var(--gold-grad-1), var(--gold-grad-2))}:root[data-theme=dark] .recp{--recp-white: var(--card)}.recp-player{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius-lg);color:#fff;background:radial-gradient(110% 130% at 100% 0%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 55%),linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb,var(--gold-grad-1) 45%,transparent)}.recp-player__who{display:flex;align-items:center;gap:12px;min-width:0}.recp-player__who .rec-tile__wrap{width:52px;height:52px;flex-shrink:0}.recp-player__who .rec-tile__photo,.recp-player__who .rec-tile__mono{width:52px;height:52px;box-shadow:0 0 0 2px var(--gold-grad-1)}.recp-player__id{display:flex;flex-direction:column;min-width:0}.recp-player__kicker{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-grad-1)}.recp-player__name{font-size:17px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.recp-player__chain{display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:12px;opacity:.9;margin-top:2px}.recp-player__ctrl{display:flex;align-items:center;gap:10px}.recp-player__ctrl select{flex:1;min-width:0;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.35);background:#fffffff5;color:#1c1c1c;font-size:14px;font-weight:600}.recp-player__btn{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--recp-gold);color:#fff;box-shadow:0 6px 18px -6px #00000073,inset 0 0 0 2px #ffffff59}.recp-player__btn:active{transform:scale(.96)}.recp-branch__empty{font-size:12px;font-style:italic;color:var(--text-muted);padding:9px 12px;border-radius:11px;border:1px dashed var(--border)}.recp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.recp-rec{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border-radius:13px;text-align:start;background:var(--recp-white);border:1px solid var(--border);transition:border-color .15s,background .15s}.recp-rec:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.recp-rec.active{border:1.5px solid var(--primary);background:var(--primary-soft)}.recp-rec .rec-tile__wrap{width:42px;height:42px;flex-shrink:0}.recp-rec .rec-tile__photo,.recp-rec .rec-tile__mono{width:42px;height:42px;font-size:14px}.recp-rec .rec-tile__badge{width:18px;height:18px;background:var(--recp-gold);border-color:var(--recp-white)}.recp-rec__body{display:flex;flex-direction:column;min-width:0}.recp-rec__name{font-size:13px;font-weight:700;line-height:1.25;color:var(--text);overflow-wrap:anywhere}.recp-rec__ar{font-size:13px;color:var(--text-secondary);line-height:1.35}.recp-rec__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.recp-tag{font-size:9.5px;font-weight:800;padding:1px 7px;border-radius:var(--radius-pill);color:var(--primary);background:var(--primary-soft)}.recp-tag--gold{color:var(--accent-strong);background:var(--accent-soft)}@media (max-width: 420px){.recp-list{grid-template-columns:1fr}}.recp .range-bar{max-width:none}.recp-rec__ar{align-self:flex-start}.recp-steps{list-style:none;margin:0;padding:0}.recp-step{position:relative;padding:0 0 22px 46px}[dir=rtl] .recp-step{padding:0 46px 22px 0}.recp-step:before{content:"";position:absolute;inset-inline-start:15px;top:32px;bottom:4px;width:2px;background:linear-gradient(var(--gold-grad-1),var(--recp-line))}.recp-step:last-child:before{display:none}.recp-step__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:32px;font-size:15px;font-weight:800;color:var(--primary);margin-bottom:10px}.recp-step__head small{font-size:12px;font-weight:600;color:var(--text-muted)}.recp-step__n{position:absolute;inset-inline-start:0;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;background:var(--recp-gold);box-shadow:0 0 0 4px var(--bg),0 4px 12px -4px #9a7717b3}.recp-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.recp-q{display:flex;align-items:center;gap:8px;min-width:0;text-align:start;padding:9px 10px;border-radius:13px;background:var(--recp-white);border:1px solid var(--border)}.recp-q__num{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:var(--primary);background:var(--primary-soft)}.recp-q__body{display:flex;flex-direction:column;min-width:0;flex:1}.recp-q__tr{font-size:13px;font-weight:800;color:var(--text);line-height:1.2}.recp-q__ar{font-size:13.5px;color:var(--text-secondary);line-height:1.35;align-self:flex-start}.recp-q__count{font-size:11px;font-weight:800;color:var(--text-muted)}.recp-q.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));box-shadow:0 0 0 2px var(--gold-grad-1),var(--shadow-card)}.recp-q.active .recp-q__num{background:var(--recp-gold);color:#fff}.recp-q.active .recp-q__tr{color:#fff}.recp-q.active .recp-q__ar,.recp-q.active .recp-q__count{color:#ffffffd9}.recp-rgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recp-r{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:12px 10px;border-radius:14px;background:var(--recp-white);border:1px solid var(--border);border-top:3px solid var(--accent)}.recp-r__ar{font-size:20px;font-weight:700;color:var(--arabic);line-height:1.3}.recp-r__tr{font-size:13.5px;font-weight:800;color:var(--text)}.recp-r__count{font-size:11px;font-weight:700;color:var(--text-muted)}.recp-r.active{background:var(--primary-soft);border-color:var(--primary);border-top-color:var(--accent);box-shadow:0 0 0 1px var(--primary)}.recp-r.active .recp-r__tr{color:var(--primary)}.recp-q__body{align-items:flex-start;text-align:start}.recp-q__ar{white-space:nowrap;max-width:100%}.recp-q__ar{direction:rtl}.rs{padding:0;overflow:hidden}.rs__toggle{width:100%;background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-align:start}.rs__current{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.rs__chev{transition:transform .2s ease}.rs__chev.open{transform:rotate(180deg)}.rs__list{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border)}.rs__intro{font-size:12.5px;color:var(--text-secondary);margin:10px 0 0;line-height:1.5}.rs__group{display:flex;flex-direction:column;gap:4px}.rs__imam{font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.rs__item{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:start;cursor:pointer}.rs__item.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.rs__item:disabled{cursor:not-allowed;color:var(--text-muted);background:transparent}.rs__item em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--text-muted)}.rs__more{font-size:13px;font-weight:700;color:var(--primary)}.lessons__progress{height:4px;background:var(--border);margin:0}.lessons__progress-fill{height:100%;background:var(--primary);transition:width .25s ease}.lesson-paper{padding:22px}.lesson-title{font-size:22px;font-weight:800;text-align:center;color:var(--primary)}.lesson-underline{width:50px;height:3px;border-radius:2px;background:var(--accent);margin:8px auto 20px}.lesson-heading{font-size:18px;font-weight:700;color:var(--primary);margin:6px 0 10px}.lesson-paragraph{font-size:16px;line-height:1.65;margin-bottom:14px;color:var(--text)}.lesson-arabic{border:1px solid var(--accent-soft);background:var(--primary-soft);color:var(--accent);font-size:30px;text-align:center;border-radius:14px;padding:16px;margin-bottom:14px}.lesson-highlight{border-inline-start:4px solid var(--accent);background:var(--accent-soft);border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:15px;font-style:italic;color:var(--text)}.lessons__bar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);display:flex;align-items:center;justify-content:space-between;gap:10px;margin:var(--space-4);padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.lessons__prev{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:600;padding:8px}.lessons__prev:disabled{opacity:.3}.lessons__next{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:#fff;font-weight:700;padding:10px 20px;border-radius:22px}.lessons__next:disabled{opacity:.6}.qv-back{display:inline-flex;align-items:center;gap:2px;font-weight:700;font-size:14px;color:var(--primary);margin-bottom:10px}.qv-admin{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);background:var(--surface);border:1px dashed #c62828;border-radius:10px;padding:8px 10px;margin-bottom:12px}.qv-badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:#c62828;border-radius:999px;padding:1px 8px;vertical-align:middle;white-space:nowrap}.qv-scope{font-size:12.5px;color:var(--text-secondary);margin:0 0 10px}.qv-intro{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.qv-pending{font-size:13.5px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;line-height:1.55;margin:0 0 12px}.qv-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.qv-hub__item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;text-align:start;color:var(--text)}.card.qv-hub__item{border-top:4px solid var(--c, var(--primary));background:linear-gradient(180deg,color-mix(in srgb,var(--c, var(--primary)) 9%,var(--card)),var(--card) 70%)}.qv-hub__item svg{color:#fff;background:var(--c, var(--primary));border-radius:10px;padding:6px;width:32px;height:32px;box-shadow:0 4px 10px -4px var(--c, var(--primary))}.qv-hub__t{font-weight:800;font-size:15px}.qv-hub__d{font-size:12.5px;color:var(--text-secondary);line-height:1.45}.qv-chapters{display:flex;flex-direction:column;gap:8px}.qv-chapter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;text-align:start;color:var(--text);font-weight:600;font-size:14px}.qv-chapter svg{color:var(--primary);flex-shrink:0}.qv-turuq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0}.qv-turuq__label{font-size:13px;font-weight:700;color:var(--text-secondary)}.qv-chip{font-size:13px;font-weight:700;border:1px solid var(--border);border-radius:999px;padding:5px 12px;color:var(--text);background:var(--surface)}.qv-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.qv-hafs-course{padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.qv-chapter-link{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--primary);text-align:start}.qv-chapter-link__why{flex-basis:100%;font-weight:400;font-size:12.5px;color:var(--text-secondary);padding-inline-start:19px}.qv-reciters{padding:10px 14px}.qv-reciters__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:14px}.qv-reciters__row:last-child{border-bottom:0}.qv-reciters__basis{font-size:11.5px;color:var(--text-muted)}.qv-h2{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:var(--primary);margin:22px 0 10px}.qv-h2__count{font-size:12px;font-weight:800;color:#fff;background:var(--primary);border-radius:999px;padding:1px 9px}.qv-tree{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.card.qv-tree__qiraa{padding:12px 14px;border-top:4px solid var(--c);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 9%,var(--card)),var(--card) 70%)}.qv-tree__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qv-tree__num{width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px -3px var(--c)}.qv-tree__name{font-weight:800;font-size:14.5px;flex:1;min-width:0;color:var(--text)}.qv-tree__ar{font-size:17px;color:var(--c)}.qv-tree__riwayat{display:flex;flex-wrap:wrap;gap:6px;padding-inline-start:36px}.qv-tree__riwaya{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);border-radius:999px;padding:6px 12px}.qv-tree__riwaya:hover{background:color-mix(in srgb,var(--c) 20%,transparent)}.qv-tree__riwaya.hafs{background:var(--c);border-color:var(--c);color:#fff}.card.qv-fiche{padding:16px;border-inline-start:5px solid var(--c);background:linear-gradient(135deg,color-mix(in srgb,var(--c) 13%,var(--card)),var(--card) 65%)}.qv-fiche__path{font-weight:800;color:var(--c);font-size:15px}.qv-fiche__ar{font-size:21px;color:var(--c);margin:4px 0}.qv-fiche__meta{font-size:13px;color:var(--text-secondary);margin:0 0 10px}.qv-fiche__bio p{font-size:14px;line-height:1.6;margin:6px 0}.qv-catnav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.qv-catnav__chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);border-radius:999px;padding:5px 10px}.qv-catnav__chip:hover{background:color-mix(in srgb,var(--c) 20%,transparent)}.qv-catnav__n{font-size:11px;color:#fff;background:var(--c);border-radius:999px;padding:0 6px;min-width:18px;text-align:center}.qv-cat{margin-bottom:18px;scroll-margin-top:80px}.qv-cat__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15.5px;font-weight:800;margin:0 0 10px;color:var(--text)}.qv-cat__icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--c);box-shadow:0 4px 10px -4px var(--c);flex-shrink:0}.qv-cat__label{color:var(--c)}.qv-cat__family{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.qv-rule,.qv-compare{padding:14px 14px 12px;margin-bottom:10px}.card.qv-rule{border-inline-start:4px solid var(--c)}.qv-rule__title{font-weight:800;font-size:15px;margin-bottom:6px;color:var(--text)}.qv-rule__exp,.qv-compare__exp{font-size:14px;line-height:1.65;margin:6px 0}.qv-rule__hafs{font-size:13px;color:var(--text);display:flex;gap:6px;align-items:flex-start;background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:10px;padding:8px 10px;margin:8px 0}.qv-rule__hafs svg{color:var(--primary);flex-shrink:0;margin-top:2px}.qv-tariq-tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--accent-strong, var(--accent));background:var(--accent-soft);border-radius:999px;padding:2px 9px;margin:2px 0 4px}.qv-examples{list-style:none;padding:0;margin:10px 0 4px;display:flex;flex-direction:column;gap:6px}.qv-ex{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--c) 7%,transparent);border:1px solid color-mix(in srgb,var(--c) 20%,transparent)}.qv-ex__ref{flex-shrink:0;font-size:11.5px;font-weight:800;color:#fff;background:var(--c);border-radius:8px;padding:2px 7px;margin-top:4px;font-variant-numeric:tabular-nums}.qv-ex__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.qv-ex__reading{font-size:20px;line-height:1.7;color:var(--c)}.qv-ex__hafs{font-size:15px;color:var(--text-secondary);line-height:1.6}.qv-ex__hafs small{font-size:10.5px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-inline-end:4px}.qv-ex__note{font-size:12.5px;color:var(--text-secondary);font-style:italic}.qv-sources{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:11.5px;color:var(--text-muted);margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}:root[data-theme=dark] :is(.qv-catnav__chip,.qv-cat__label,.qv-ex__reading,.qv-tree__riwaya:not(.hafs),.qv-tree__ar,.qv-fiche__path,.qv-fiche__ar){color:color-mix(in srgb,var(--c) 62%,#fff)}.qv-compare-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px}.card.qv-compare{padding:10px 12px;margin:0;border-inline-start:4px solid #c0392b}.qv-compare__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.qv-compare__ref{font-size:12px;font-weight:800;color:#fff;background:#c0392b;border-radius:8px;padding:2px 8px;font-variant-numeric:tabular-nums}.qv-compare__label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.qv-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.qv-compare__row{display:flex;flex-direction:column;align-items:flex-end;gap:0;padding:6px 10px;border-radius:10px;background:color-mix(in srgb,var(--primary) 10%,transparent)}.qv-compare__row small{align-self:flex-start;font-size:10.5px;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.4px}.qv-compare__row .arabic{font-size:19px;line-height:1.6;color:var(--text)}.qv-compare__row.other{background:color-mix(in srgb,#c0392b 10%,transparent)}.qv-compare__row.other small,.qv-compare__row.other .arabic{color:#c0392b}:root[data-theme=dark] .qv-compare__row.other .arabic,:root[data-theme=dark] .qv-compare__row.other small{color:#ef8b80}.qv-compare__exp{font-size:13px;line-height:1.55;margin:6px 0 0;color:var(--text-secondary)}.card.qv-compare .qv-sources{margin-top:6px;padding-top:6px}.rcourse-toc{margin:8px 0 14px;padding-inline-start:22px;display:grid;gap:4px}.rcourse-toc .qv-chapter-link{width:100%;text-align:start}:root,:root[data-theme=light]{--bg: #f3ead4;--surface: #fbf5e6;--card: #fdf9ee;--primary: #167c4a;--primary-dark: #0e5e37;--primary-soft: rgba(22, 124, 74, .1);--accent: #b98f22;--accent-strong: #9a7717;--accent-soft: rgba(185, 143, 34, .16);--text: #2a2418;--text-primary: #1c1c1c;--text-secondary: #6a604b;--text-muted: #a3987f;--border: #e6d9ba;--arabic: #241d10;--danger: #d8564a;--header-grad-1: #1a8a53;--header-grad-2: #0e5e37;--gold-grad-1: #d9b24c;--gold-grad-2: #b3891f;color-scheme:light}:root[data-theme=dark]{--bg: #0e1512;--surface: #15211b;--card: #15211b;--primary: #2fb56e;--primary-dark: #1f8a52;--primary-soft: rgba(47, 181, 110, .14);--accent: #d4b24c;--accent-strong: #e0c264;--accent-soft: rgba(212, 178, 76, .16);--text: #eaf2ed;--text-primary: #eaf2ed;--text-secondary: #9fb0a6;--text-muted: #74857b;--border: #22322a;--arabic: #eaf2ed;--danger: #f0776b;--header-grad-1: #13623b;--header-grad-2: #0c4127;--gold-grad-1: #c9a743;--gold-grad-2: #a5852f;color-scheme:dark}:root{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 56px;--shadow-xs: 0 1px 3px rgba(20, 40, 30, .05);--shadow-card: 0 6px 24px -12px rgba(20, 45, 34, .18);--shadow-float: 0 12px 40px -16px rgba(20, 45, 34, .28);--content-max: 1120px;--read-max: 760px;--sidebar-w: 264px;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Poppins", "Inter", system-ui, sans-serif;--font-arabic: "Scheherazade New", "Amiri", "Traditional Arabic", serif;--font-quran: "UthmanicHafs", "Amiri Quran", "Scheherazade New", "Amiri", "Traditional Arabic", serif}@font-face{font-family:qpc-basmala;src:url(/fonts/qpc-p1.woff2) format("woff2"),url(https://verses.quran.foundation/fonts/quran/hafs/v4/colrv1/woff2/p1.woff2) format("woff2");font-display:block}@font-palette-values --qpc-basmala-light{font-family:qpc-basmala;base-palette:0}@font-palette-values --qpc-basmala-dark{font-family:qpc-basmala;base-palette:1}@font-face{font-family:UthmanicHafs;src:url(/fonts/UthmanicHafs.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}ul{list-style:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.screen-header{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% -20%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 55%),linear-gradient(135deg,var(--header-grad-1),var(--header-grad-2));color:#fff;padding:calc(env(safe-area-inset-top,0px) + 28px) var(--space-6) 28px;border-radius:var(--radius-lg);text-align:center;margin:var(--space-4) var(--space-4) 0;box-shadow:var(--shadow-card)}.screen-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;background-image:radial-gradient(circle at 12% 22%,#fff 0 1.4px,transparent 2px),radial-gradient(circle at 82% 78%,#fff 0 1.4px,transparent 2px);background-size:28px 28px}.screen-header:after{content:"";position:absolute;left:50%;bottom:15px;transform:translate(-50%);width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold-grad-1),transparent)}.screen-header h1{position:relative;font-size:26px;font-weight:800;letter-spacing:.3px;text-shadow:0 1px 8px rgba(0,0,0,.18)}.screen-header .subtitle{position:relative;font-size:12px;margin-top:6px;color:var(--gold-grad-1);font-weight:700;letter-spacing:1px;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.section{padding:var(--space-6) var(--space-4) 0}.section-title{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;padding-inline-start:4px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-pill);padding:14px 22px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px -10px var(--primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px var(--primary)}.btn-gold{background:linear-gradient(135deg,var(--gold-grad-1),var(--gold-grad-2));color:#201700;border-radius:var(--radius-pill);padding:14px 24px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 26px -12px var(--accent-strong);transition:transform .15s ease,box-shadow .2s ease}.btn-gold:hover{transform:translateY(-1px)}.btn-ghost{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);padding:12px 18px;font-weight:700}.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:2;color:var(--arabic)}.spinner{width:34px;height:34px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:44px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}