@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--emerald-950:#052e1f;--emerald-900:#0a3d2a;--emerald-800:#0d4f36;--emerald-700:#164;--emerald-600:#168555;--emerald-500:#1a9e65;--emerald-400:#34c481;--emerald-300:#6edba6;--emerald-200:#a7ecc8;--emerald-100:#d1f5e0;--emerald-50:#ecfdf3;--gold-900:#6b4f1d;--gold-700:#92722b;--gold-600:#a8843a;--gold-500:#c8a45c;--gold-400:#d4b87a;--gold-300:#e0cc9e;--gold-200:#f0e8d4;--gold-100:#f7f1e4;--gold-50:#faf6ef;--parchment:#faf8f2;--parchment-dark:#f0ebe0;--ink:#1a1a17;--ink-light:#3d3b35;--ink-muted:#6b6860;--ink-faint:#9e9a90;--white:#fff;--red-muted:#a04040;--font-arabic:"Noto Naskh Arabic", "Amiri", serif;--font-arabic-ui:"Noto Naskh Arabic", "Amiri", serif;--font-urdu:"Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--font-display:"Playfair Display", "Georgia", serif;--font-body:"Crimson Pro", "Georgia", serif;--navbar-height:72px;--max-width:82%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shadow-sm:0 1px 3px #0a3d2a0f;--shadow-md:0 4px 16px #0a3d2a14;--shadow-lg:0 8px 32px #0a3d2a1a;--shadow-card:0 1px 4px #0a3d2a0d, 0 6px 20px #0a3d2a0a;--shadow-glow:0 0 40px #c8a45c26;transition:background-color .3s,color .3s}@media (width<=1366px){:root{--max-width:100%}}@media (width<=768px){:root{--navbar-height:56px}}[data-theme=dark]{--emerald-950:#0a1f15;--emerald-900:#0f2d1f;--emerald-800:#163d2a;--parchment:#1a1d1b;--parchment-dark:#141614;--ink:#e8e4dc;--ink-light:#ccc8be;--ink-muted:#9e9a90;--ink-faint:#6b6860;--white:#1e2120;--gold-50:#1e1d18;--gold-100:#2a2820;--gold-200:#3d3828;--red-muted:#cf6060;--emerald-700:#0d4a33;--emerald-600:#0f5e40;--emerald-500:#12724d;--emerald-400:#1a9e65;--emerald-300:#34c481;--emerald-200:#1a3d2a;--emerald-100:#152e22;--emerald-50:#111f19;--gold-700:#7a6230;--gold-600:#8a7238;--gold-500:#a08848;--gold-400:#b8a060;--gold-300:#3d3520;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #00000040;--shadow-lg:0 8px 32px #0000004d;--shadow-card:0 1px 4px #00000026, 0 6px 20px #0000001a;--shadow-glow:0 0 40px #c8a45c14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-contrast=high]{--ink:#000;--ink-light:#1a1a1a;--ink-muted:#333;--ink-faint:#555;--parchment:#fff;--parchment-dark:#f0f0f0;--white:#fff;--gold-100:#ccc;--gold-200:#aaa;--shadow-card:0 1px 4px #00000026, 0 6px 20px #0000001a}[data-contrast=high] .ayah-card{border:1px solid #33333329}[data-contrast=high] .ayah-arabic{font-weight:700}[data-contrast=high] .ayah-english,[data-contrast=high] .ayah-urdu{font-weight:600}[data-theme=dark][data-contrast=high]{--ink:#fff;--ink-light:#f0f0f0;--ink-muted:#ccc;--ink-faint:#aaa;--parchment:#000;--parchment-dark:#111;--white:#0a0a0a}body{font-family:var(--font-body);background-color:var(--parchment);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga" 1, "kern" 1;min-height:100vh;font-size:17px;font-weight:400;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.025;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0;transform:translateZ(0)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}::selection{background:var(--gold-300);color:var(--ink)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--parchment-dark)}::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kids-navbar{background:var(--ks1);border-top:1px solid var(--kborder);height:64px;padding-bottom:env(safe-area-inset-bottom,0);z-index:10;flex-shrink:0;align-items:stretch;margin-top:auto;display:flex;position:sticky;bottom:0}.kids-navbar__back{color:var(--ktext-3);cursor:pointer;white-space:nowrap;border:none;border-right:1px solid var(--kborder);background:0 0;align-items:center;padding:0 14px;font-size:13px;display:flex}.kids-navbar__back:hover{color:var(--ktext-2)}.kids-navbar__tab{color:var(--ktext-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .2s;display:flex}.kids-navbar__tab--active{color:var(--kgold)}.kids-navbar__icon{font-size:18px;line-height:1}.kids-navbar__label{font-size:9px;font-weight:600}.noor-avatar{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.noor-text{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 8px #f8fafc66)}.noor-ring{transition:stroke .4s}.noor-ring--rotate{transform-origin:70px 70px;animation:3s linear infinite noor-spin}.noor-pulse{border:2px solid #0000;border-radius:50%;animation:2.5s ease-in-out infinite noor-breathe;position:absolute;inset:-6px}@keyframes noor-spin{to{transform:rotate(360deg)}}@keyframes noor-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.noor-avatar--celebrating .noor-text{animation:.5s ease-in-out infinite alternate noor-celebrate}@keyframes noor-celebrate{0%{transform:scale(1)}to{transform:scale(1.08)}}:root{--kbg:#080615;--ks1:#100c2c;--ks2:#191540;--ks3:#231d52;--kprimary:#7c3aed;--kp-dark:#4c1d95;--kp-light:#a78bfa;--kgold:#f59e0b;--kg-dark:#92400e;--kg-light:#fcd34d;--kgreen:#10b981;--kgreen-d:#065f46;--kteal:#0d9488;--kt-light:#14b8a6;--kred:#ef4444;--kred-d:#991b1b;--ktext:#ede9ff;--ktext-2:#a89ec8;--ktext-3:#5c528a;--kborder:#a78bfa24;--kborder-g:#f59e0b42;--rr:4px;--rl:4px;--rm:4px;--rs:4px;--shadow-card:0 4px 28px #00000080, inset 0 1px 0 #ffffff0f;--shadow-btn-gold:none;--shadow-btn-violet:none;--shadow-btn-teal:none;--shadow-btn-red:none}.kids-screen{background:var(--kbg);color:var(--ktext);flex-direction:column;padding:0;font-family:Nunito,system-ui,sans-serif;display:flex}.kids-screen--center{text-align:center;justify-content:center;align-items:center;gap:20px;padding:40px 24px 88px}.kids-loading{color:var(--ktext-2);margin:0;font-size:15px}.kids-heading{color:var(--ktext);margin:0;font-family:"Baloo 2",sans-serif;font-size:26px;font-weight:800;line-height:1.2}.kids-subheading{color:var(--ktext-2);max-width:340px;margin:0;font-size:15px;line-height:1.6}.kids-error{color:#fca5a5;border-radius:var(--rm);box-sizing:border-box;text-align:left;background:#ef44441a;border:1.5px solid #ef44444d;width:100%;padding:12px 16px;font-size:14px}.kids-btn{cursor:pointer;border-radius:var(--rm);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 22px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s;display:inline-flex}.kids-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.kids-btn--gold{background:linear-gradient(160deg, var(--kg-light) 0%, var(--kgold) 100%);color:#1a0e00;border:2px solid var(--kg-light);box-shadow:var(--shadow-btn-gold)}.kids-btn--gold:not(:disabled):active{box-shadow:none;transform:scale(.97)}.kids-btn--outline{color:var(--ktext-2);border:1.5px solid var(--kborder);background:#ffffff0d}.kids-btn--outline:not(:disabled):active{opacity:.65}.kids-btn--large{border-radius:var(--rl);width:100%;min-height:48px;padding:12px 28px;font-size:16px}.kids-label{color:var(--ktext-2);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:8px;width:100%;font-size:12px;font-weight:700;display:flex}.kids-input{background:var(--ks1);border:2px solid var(--kborder);border-radius:var(--rm);color:var(--ktext);box-sizing:border-box;outline:none;width:100%;min-height:42px;padding:9px 14px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s}.kids-input:focus{border-color:var(--kgold);box-shadow:0 0 0 3px #f59e0b24}.kids-input::placeholder{color:var(--ktext-3)}.kids-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.kids-input--readonly{opacity:.6;cursor:default}.kids-input--readonly:focus{border-color:var(--kborder);box-shadow:none}.kids-home{gap:14px;padding:0 16px}.kids-home__header{justify-content:space-between;align-items:center;margin:0 -16px;padding:20px 20px 8px;display:flex}.kids-home__rank{border:1.5px solid var(--kborder-g);border-radius:var(--rr);background:#f59e0b17;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:flex}.kids-home__rank-ar{color:var(--kgold);font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:19px;line-height:1}.kids-home__rank-en{color:#f59e0b99;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;line-height:1}.kids-home__streak{color:#fb923c;border-radius:var(--rr);background:#f9731617;border:1.5px solid #f9731638;padding:6px 14px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:800;line-height:1.2}.kids-home__avatar-row{align-items:center;gap:16px;margin:0 -16px;padding:4px 20px;display:flex}.kids-home__greeting{flex:1;min-width:0}.kids-home__name{color:var(--ktext);margin:0 0 4px;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800;line-height:1.2}.kids-home__sub{color:var(--ktext-2);margin:0;font-size:14px;line-height:1.4}.kids-home__lesson-card{background:var(--ks2);border:2px solid var(--kborder);border-radius:var(--rl);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;padding:18px 20px 14px;display:flex;position:relative;overflow:hidden}.kids-home__lesson-card:before{content:"";background:linear-gradient(90deg, var(--kprimary), var(--kgold));height:3px;position:absolute;inset:0 0 auto}.kids-home__stage{text-transform:uppercase;letter-spacing:.14em;color:var(--kp-light);font-size:10px;font-weight:800}.kids-home__lesson-title{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:700;line-height:1.25}.kids-home__lesson-meta{color:var(--ktext-3);margin-top:2px;font-size:12px}.kids-home__lesson-footer{border-top:1px solid var(--kborder);align-items:flex-end;gap:12px;margin-top:10px;padding-top:10px;display:flex}.kids-home__placement-reason{color:var(--ktext-2);flex:1;margin:0;font-size:12px;font-style:italic;line-height:1.6}.kids-home__start-btn{white-space:nowrap;flex-shrink:0;min-height:32px;margin-left:auto;padding:6px 14px;font-size:13px}.kids-home__stats{gap:10px;display:flex}.kids-home__stat{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rm);flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 8px;display:flex;box-shadow:0 2px 16px #00000059,inset 0 1px #ffffff0d}.kids-home__stat-val{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800;line-height:1}.kids-home__stat-label{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.kids-home__advance{border-top:1px solid var(--kborder);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.kids-home__advance-header{justify-content:space-between;align-items:center;display:flex}.kids-home__advance-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ktext-3);font-size:10px;font-weight:700}.kids-home__advance-count{color:var(--ktext-2);font-size:11px;font-weight:700}.kids-home__advance-track{gap:5px;display:flex}.kids-home__advance-pip{background:var(--ks3);border-radius:3px;flex:1;height:6px;transition:background .3s}.kids-home__advance-pip--done{background:var(--kgreen);box-shadow:0 0 6px #10b98166}.kids-home__info{background:var(--ks1);border:1.5px solid var(--kborder);border-radius:var(--rl);overflow:hidden}.kids-home__info-toggle{cursor:pointer;width:100%;color:var(--ktext-2);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;justify-content:space-between;align-items:center;padding:13px 16px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700;display:flex}.kids-home__info-toggle:active{opacity:.7}.kids-home__info-chevron{color:var(--ktext-3);font-size:10px}.kids-home__info-body{border-top:1px solid var(--kborder);flex-direction:column;display:flex}.kids-home__info-row{border-bottom:1px solid #a78bfa12;align-items:flex-start;gap:10px;padding:8px 14px;display:flex}.kids-home__info-row:last-child{border-bottom:none}.kids-home__info-icon{text-align:center;flex-shrink:0;width:22px;margin-top:2px;font-size:15px}.kids-home__info-title{color:var(--ktext);margin-bottom:2px;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700}.kids-home__info-desc{color:var(--ktext-2);font-size:11px;line-height:1.5}.kids-home__info-desc strong{color:var(--ktext);font-weight:700}.kids-screen.kids-onboarding{justify-content:center;align-items:center;min-height:100dvh;padding:24px 20px;overflow-y:auto}.kids-onboarding__inner{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:380px;display:flex}.kids-onboarding__intro{color:var(--ktext-2);margin:0 0 4px;font-size:15px;line-height:1.6}.kids-onboarding__step{width:100%}.kids-onboarding__form{text-align:left;flex-direction:column;gap:18px;width:100%;display:flex}.ksp-screen{padding:24px 20px 40px}.ksp-form{text-align:left;flex-direction:column;gap:18px;width:100%;max-width:400px;margin:20px auto 0;display:flex}.ksp-name-row{gap:12px;display:flex}.ksp-name-row .ksp-field{flex:1;min-width:0}.ksp-field{flex-direction:column;gap:6px;display:flex}.ksp-label{color:var(--ktext-2,#a89ec8);text-align:left;font-size:.9rem;font-weight:600}.ksp-required{color:#ef4444}.ksp-input{border:2px solid var(--kborder,#a78bfa24);background:var(--ks1,#100c2c);width:100%;color:var(--ktext,#ede9ff);box-sizing:border-box;border-radius:4px;outline:none;padding:10px 14px;font-family:Nunito,sans-serif;font-size:1rem}.ksp-input:hover:not(.ksp-input--readonly){border-color:#a78bfa66}.ksp-input:focus{border-color:var(--kgold,#f59e0b);box-shadow:0 0 0 3px #f59e0b24}.ksp-input--readonly{opacity:.65;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;padding-top:10px;padding-bottom:10px;display:flex}.ksp-input--inline{color:var(--ktext,#ede9ff);justify-content:center;padding-top:11px;padding-bottom:11px;font-size:.95rem}.ksp-parent-name{color:var(--ktext,#ede9ff);font-size:.95rem;font-weight:700;line-height:1.3}.ksp-parent-email{color:var(--ktext-2,#a89ec8);font-size:.85rem;line-height:1.3}.ksp-input::placeholder{color:var(--ktext-3,#5c528a)}.ksp-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.ksp-hint{color:var(--ktext-3,#5c528a);font-size:.78rem}.ksp-error{color:#fca5a5;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:4px;margin:0;padding:10px 14px;font-size:.88rem}.ksp-submit{width:100%;margin-top:8px}.kp-screen{padding:0}.kp-header{background:var(--ks1);border-bottom:1px solid var(--kborder);flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.kp-back{color:var(--ktext-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:28px;padding:0;font-size:26px;line-height:1}.kp-steps{flex:1;align-items:center;gap:5px;display:flex}.kp-step{background:var(--ks3);border-radius:2px;flex:1;height:4px;transition:background .35s}.kp-step--done{background:var(--kgold)}.kp-step--active{background:linear-gradient(90deg, var(--kgold), var(--kg-light))}.kp-counter{color:var(--ktext-3);text-align:right;flex-shrink:0;width:28px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.kp-body{flex-direction:column;flex:1;gap:16px;padding:24px 20px 16px;animation:.22s ease-out kp-enter;display:flex;overflow-y:auto}@keyframes kp-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kp-teacher{align-items:flex-end;gap:12px;display:flex}.kp-bubble{background:var(--ks2);border:1px solid var(--kborder);color:var(--ktext);border-radius:4px 4px 4px 0;flex:1;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.5;position:relative}.kp-bubble:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-right:7px solid var(--ks2);width:0;height:0;position:absolute;bottom:8px;left:-7px}.kp-arabic-card{background:var(--ks2);border:1.5px solid var(--kborder-g);text-align:center;box-shadow:var(--shadow-card);border-radius:4px;padding:28px 20px}.kp-arabic{color:var(--ktext);direction:rtl;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:46px;line-height:1.6}.kp-hint{color:var(--ktext-2);background:#f59e0b0f;border:1px solid #f59e0b24;border-radius:4px;align-items:baseline;gap:8px;padding:10px 14px;font-size:13px;line-height:1.55;display:flex}.kp-hint-label{color:var(--kgold);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;font-family:"Baloo 2",sans-serif;font-size:10px;font-weight:800}.kp-actions{background:var(--ks1);border-top:1px solid var(--kborder);flex-shrink:0;gap:10px;padding:14px 20px 20px;display:flex}.kp-btn-no{flex:1}.kp-btn-yes{flex:2}.kp-saving{color:var(--ktext-2);text-align:center;width:100%;margin:0;padding:8px 0;font-size:14px}.kp-intro{gap:24px}.kp-checklist{text-align:left;flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.kp-check-row{color:var(--ktext-2);align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.kp-check-tick{width:22px;height:22px;color:var(--kgold);background:#f59e0b1f;border:1.5px solid #f59e0b4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.kp-intro-cta{width:100%;max-width:300px}.kp-result{background:var(--ks2);border:1.5px solid var(--kborder-g);text-align:center;width:100%;box-shadow:var(--shadow-card);border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:20px 24px;display:flex}.kp-result__eyebrow{color:var(--kgold);text-transform:uppercase;letter-spacing:.12em;font-family:"Baloo 2",sans-serif;font-size:10px;font-weight:800}.kp-result__stage{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.kp-result__lesson{color:var(--ktext);margin:6px 0 0;font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:800;line-height:1.25}.kp-result__reason{color:var(--ktext-2);border-top:1px solid var(--kborder);width:100%;margin:8px 0 0;padding-top:10px;font-size:13px;font-style:italic;line-height:1.65}.kids-placement__progress-bar,.kids-placement__progress-fill{display:none}.ks-screen{background:var(--kbg);color:var(--ktext);flex-direction:column;font-family:Nunito,system-ui,sans-serif;display:flex}.ks-header{flex-shrink:0;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.ks-back{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rs);width:44px;height:44px;color:var(--ktext-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;transition:background .15s;display:flex;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0f}.ks-back:active{background:var(--ks3);opacity:.8}.ks-zoom-ctrl{flex-shrink:0;align-items:center;gap:4px;display:flex}.ks-zoom-btn{background:var(--ks2);border:1.5px solid var(--kborder);width:36px;height:36px;color:var(--ktext);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:700;line-height:1;transition:background .12s,opacity .12s;display:flex}.ks-zoom-btn:disabled{opacity:.25;cursor:default}.ks-zoom-btn:active:not(:disabled){background:var(--ks3)}.ks-zoom-wrap{transform-origin:top;width:100%}.ks-header-phase{text-transform:uppercase;letter-spacing:.12em;color:var(--ktext-3);white-space:nowrap;flex-shrink:0;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:800}.ks-phase-bar{flex:1;gap:6px;display:flex}.ks-phase-dot{background:var(--ks3);border-radius:4px;flex:1;height:8px;transition:background .35s,box-shadow .35s}.ks-phase-dot--active{background:var(--kgold);box-shadow:0 0 8px #f59e0b80}.ks-phase-dot--done{background:var(--kgreen)}.ks-phase-label{display:none}.ks-content{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 18px 14px;display:flex;overflow-y:auto}.ks-content::-webkit-scrollbar{width:3px}.ks-content::-webkit-scrollbar-track{background:0 0}.ks-content::-webkit-scrollbar-thumb{background:var(--ks3);border-radius:2px}.ks-lesson-badge{color:var(--kp-light);border-radius:var(--rr);letter-spacing:.1em;text-transform:uppercase;background:#a78bfa1a;border:1.5px solid #a78bfa38;flex-direction:column;align-self:center;align-items:center;gap:2px;padding:5px 18px;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:800;display:flex}.ks-lesson-badge__rule{color:var(--ktext-3);letter-spacing:.03em;text-transform:none;font-size:10px;font-weight:600}.ks-dock{background:var(--ks1);border-top:1.5px solid #a78bfa1a;border-radius:4px 4px 0 0;flex-direction:column;flex-shrink:0;gap:14px;padding:14px 18px 28px;display:flex;box-shadow:0 -16px 48px #0000008c,inset 0 1px #ffffff0d}.ks-dock__teacher{align-items:flex-start;gap:12px;display:flex}.ks-dock__msg{color:var(--ktext-2);flex:1;margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.55}.ks-recitation{flex-direction:column;gap:12px;display:flex}.ks-listening-state{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.ks-listening-wave{flex-shrink:0;align-items:flex-end;gap:3px;height:28px;display:flex}.ks-listening-wave span{background:var(--kt-light);border-radius:2px;width:4px;animation:1s ease-in-out infinite ks-wave}.ks-listening-wave--purple span{background:var(--kp-light)}.ks-listening-wave span:first-child{height:10px;animation-delay:0s}.ks-listening-wave span:nth-child(2){height:20px;animation-delay:.12s}.ks-listening-wave span:nth-child(3){height:28px;animation-delay:.24s}.ks-listening-wave span:nth-child(4){height:20px;animation-delay:.36s}.ks-listening-wave span:nth-child(5){height:10px;animation-delay:.48s}@keyframes ks-wave{0%,to{opacity:.45;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.ks-listening-info{flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.ks-listening-label{color:var(--ktext-2);margin:0;font-size:13px;font-weight:600;line-height:1.4}.ks-skip-btn{border:1px solid var(--kborder);color:var(--ktext-3);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700;transition:color .12s,border-color .12s}.ks-skip-btn:active{color:var(--ktext);border-color:var(--ktext-3)}.ks-score-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ks-score-num{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800}.ks-feedback{color:var(--ktext-2);text-align:center;background:var(--ks2);border-radius:var(--rs);border:1px solid var(--kborder);width:100%;margin:0;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.55}.ks-heard-text{color:var(--ktext-2);background:var(--ks1);border-radius:var(--rs);border:1px solid var(--kborder);text-align:right;direction:rtl;width:100%;margin:0;padding:8px 12px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:16px}.ks-heard-label{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.08em;direction:ltr;margin-bottom:4px;font-family:Nunito,sans-serif;font-size:10px;font-weight:700;display:block}.ks-eval-error{border-radius:var(--rm);text-align:center;color:#fca5a5;background:#ef444414;border:1.5px solid #ef444440;flex-direction:column;align-items:center;gap:12px;width:100%;padding:16px;font-size:14px;font-weight:600;display:flex}.ks-repeat-prompt{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.ks-repeat-label{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.1em;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:800}.ks-chip-dots{justify-content:center;gap:4px;margin-top:4px;display:flex}.ks-chip-dot{background:var(--kp-light);opacity:.7;border-radius:50%;flex-shrink:0;width:5px;height:5px}.ks-noorani-chip--glow{border-color:#7c3aed66;box-shadow:0 3px #0006,0 0 12px #7c3aed33,inset 0 1px #ffffff0d}.ks-noorani-chip--active{border-color:var(--kgold);color:var(--kgold);background:#eab3082e;transition:background .12s,border-color .12s,color .12s,transform .12s;transform:scale(1.06);box-shadow:0 3px #0006,0 0 18px #eab30859,inset 0 1px #ffffff14}.ks-letter-tile--active{transition:all .12s;transform:translateY(-3px)scale(1.06);border-color:var(--kgold)!important;color:var(--kgold)!important;background:#eab3082e!important;box-shadow:0 6px #0006,0 0 20px #eab30866,inset 0 1px #ffffff1a!important}.ks-recitation__controls{justify-content:center;display:flex}.ks-mic-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.ks-mic-btn{background:linear-gradient(160deg, var(--kg-light) 0%, var(--kgold) 100%);color:#1a0e00;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:3px solid #fcd34d80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:86px;height:86px;transition:transform .12s cubic-bezier(.34,1.56,.64,1);animation:2.8s ease-in-out infinite ks-mic-idle;display:flex;position:relative;box-shadow:0 6px 28px #f59e0b66,0 0 #f59e0b40}.ks-mic-btn:active{animation:none;transform:scale(.93)}@keyframes ks-mic-idle{0%,to{box-shadow:0 6px 28px #f59e0b66,0 0 #f59e0b40}55%{box-shadow:0 6px 36px #f59e0b8c,0 0 0 12px #f59e0b00}}.ks-mic-btn__icon{display:flex}.ks-mic-btn__timer{color:#fff;letter-spacing:.04em;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:800}.ks-mic-btn--listen{color:#f0fdfa;background:linear-gradient(160deg,#14b8a6 0%,#0d9488 100%);border-color:#14b8a680;animation:2.8s ease-in-out infinite ks-mic-listen}.ks-mic-btn--listen:active{animation:none;transform:scale(.93)}@keyframes ks-mic-listen{0%,to{box-shadow:0 6px 28px #0d948866,0 0 #14b8a640}55%{box-shadow:0 6px 36px #0d94888c,0 0 0 12px #14b8a600}}.ks-mic-btn--recording{color:#fff;background:linear-gradient(160deg,#ff6b6b 0%,#dc2626 100%);border-color:#ff6b6b80;animation:1.1s ease-in-out infinite ks-mic-recording}@keyframes ks-mic-recording{0%,to{transform:scale(1);box-shadow:0 6px 28px #dc262680,0 0 #dc262659}50%{transform:scale(1.04);box-shadow:0 6px 36px #dc2626b3,0 0 0 14px #dc262600}}.ks-mic-hint{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.09em;text-align:center;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:700}.ks-mic-nav-warn{color:#f59e0b99;text-align:center;white-space:nowrap;margin-top:2px;font-size:11px}.ks-submit-btn{min-width:160px;min-height:50px;font-size:16px}.ks-noorani{flex-direction:column;align-items:center;gap:18px;padding:4px 0;display:flex}.ks-letter-grid{direction:rtl;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ks-letter-tile{background:var(--ks2);border:3px solid var(--kborder-g);width:88px;height:auto;min-height:88px;color:var(--ktext);direction:rtl;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:44px;transition:transform .15s;display:flex;box-shadow:0 6px #00000073,0 8px 28px #f59e0b1a,inset 0 1px #ffffff12}.ks-letter-tile:hover{transform:translateY(-2px)}.ks-letter-tile--sm{border-radius:4px;width:58px;height:auto;min-height:58px;font-size:28px}.ks-tile-name{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-family:Nunito,sans-serif;font-size:9px;font-weight:700;line-height:1;display:block}.ks-noon-feature{border-radius:var(--rm);background:linear-gradient(135deg,#7c3aed26,#f59e0b1a);border:2px solid #7c3aed4d;flex-direction:column;align-items:center;gap:6px;padding:14px 24px;display:flex;box-shadow:0 4px 20px #7c3aed26}.ks-noon-char{color:var(--kgold);filter:drop-shadow(0 0 12px #f59e0b80);direction:rtl;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:56px;line-height:1.4}.ks-noon-label{color:var(--kp-light);text-transform:uppercase;letter-spacing:.12em;font-family:"Baloo 2",sans-serif;font-size:11px;font-weight:800}.ks-rule-tip{border-radius:var(--rm);color:var(--kgold);background:#f59e0b12;border:1.5px solid #f59e0b38;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.55;display:flex}.ks-rule-tip__icon{flex-shrink:0;margin-top:1px;font-size:16px}.ks-noorani-info{background:var(--ks2);border-left:3px solid var(--kgold);border-radius:0 var(--rs) var(--rs) 0;width:100%;color:var(--ktext-2);box-shadow:var(--shadow-card);padding:12px 16px;font-size:13px;font-weight:600;line-height:1.6}.ks-info-badge{color:var(--kgold);border-radius:var(--rr);text-transform:uppercase;letter-spacing:.08em;background:#f59e0b26;margin-right:8px;padding:2px 8px;font-size:9px;font-weight:800;display:inline-block}.ks-noorani-chips{direction:rtl;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ks-noorani-chip{color:var(--ktext);background:var(--ks2);border:2px solid var(--kborder);border-radius:var(--rs);direction:rtl;flex-direction:column;align-items:center;gap:2px;padding:8px 18px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:22px;transition:background .12s,border-color .12s,color .12s,transform .12s,box-shadow .12s;display:flex;box-shadow:0 3px #0006,inset 0 1px #ffffff0d}.ks-chip-en{color:var(--ktext-3);letter-spacing:.02em;direction:ltr;font-family:Nunito,system-ui,sans-serif;font-size:10px;font-weight:600;transition:color .12s}.ks-noorani-chip--active .ks-chip-en{color:var(--kgold);opacity:.85}.ks-vowel-showcase{flex-direction:column;align-items:center;gap:8px;display:flex}.ks-vowel-demo{color:var(--kgold);filter:drop-shadow(0 0 16px #f59e0b59);direction:rtl;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:76px;line-height:1.4}.ks-vowel-sound{color:var(--ktext-2);font-size:15px;font-style:italic;font-weight:600}.ks-vowel-trio{justify-content:center;gap:24px;display:flex}.ks-vowel-trio .ks-vowel-demo{font-size:54px}.ks-makhraj-zone{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rs);box-sizing:border-box;width:100%;box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:12px 18px;font-size:22px;display:flex}.ks-zone-label{color:var(--kgold);text-transform:capitalize;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.ks-phrase-item{color:var(--ktext);text-align:right;background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rm);box-sizing:border-box;width:100%;box-shadow:var(--shadow-card);direction:rtl;padding:14px 18px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:26px;line-height:2}.ks-surah-display{flex-direction:column;gap:12px;display:flex}.ks-surah-header{border-bottom:1px solid var(--kborder);flex-direction:column;align-items:center;gap:6px;padding-bottom:14px;display:flex}.ks-surah-name-ar{color:var(--kgold);filter:drop-shadow(0 0 12px #f59e0b4d);direction:rtl;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:32px;line-height:1.4}.ks-surah-name-en{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.ks-translation-toggle{border:1.5px solid var(--kborder);border-radius:var(--rr);color:var(--ktext-3);cursor:pointer;background:#ffffff0a;margin-top:2px;padding:5px 16px;font-size:11px;font-weight:600;transition:border-color .2s,color .2s}.ks-translation-toggle:hover{border-color:var(--kborder-g);color:var(--kgold)}.ks-surah-bismillah{color:var(--ktext-3);text-align:center;direction:rtl;padding:8px 0;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:22px}.ks-ayahs-scroll{flex-direction:column;gap:12px;display:flex}.ks-ayah-row{border-radius:var(--rs);flex-direction:column;gap:4px;padding:8px 10px;transition:background .3s,outline .3s;display:flex}.ks-ayah-row--playing{border-radius:var(--rs);background:#0d94881f;outline:1.5px solid #14b8a64d}.ks-ayah-arabic{color:var(--ktext);text-align:right;direction:rtl;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:24px;line-height:2;transition:color .3s}.ks-ayah-row--playing .ks-ayah-arabic{color:#ccfbf1}.ks-ayah-number{color:var(--kgold);margin-right:6px;font-size:14px}.ks-ayah-english{color:var(--ktext-3);padding-left:4px;font-size:12px;line-height:1.5}.ks-surah-loading{text-align:center;color:var(--ktext-3);padding:32px 0;font-size:13px}.ks-summary{justify-content:flex-start;gap:20px;padding-top:32px;padding-bottom:40px;overflow-y:auto}.ks-summary__stars{gap:4px;display:flex}.ks-summary__stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ks-stat-chip{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rr);color:var(--ktext-2);padding:8px 18px;font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0000004d}.ks-stat-chip--gold{border-color:var(--kborder-g);color:var(--kgold);background:#f59e0b14}.ks-summary__badges{text-align:center}.ks-badge-chip{border-radius:var(--rr);color:var(--kp-light);background:#a78bfa1a;border:1.5px solid #a78bfa38;margin:4px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.ks-badges-label{color:var(--kgold);margin:0 0 8px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700}.ks-summary__lesson-desc{color:var(--ktext-3);text-align:center;margin:0;font-size:14px}.ks-summary__tagline{color:var(--ktext-3);margin:0;font-size:14px;font-style:italic}.ks-stat-chip--miss{color:#fca5a5;background:#ef444414;border-color:#ef44444d}.ks-summary__actions{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.ks-advance-inline{align-items:center;gap:6px;display:flex}.ks-advance-dot{background:var(--ks3);border-radius:2px;width:22px;height:6px;transition:background .3s}.ks-advance-dot--done{background:var(--kgold)}.ks-advance-inline__label{color:var(--ktext-3);margin-left:4px;font-size:11px}.ks-info-btn{font-family:Georgia,serif;font-size:16px;font-style:italic;font-weight:900}.ks-info-backdrop{z-index:90;background:#00000073;animation:.18s ks-fade-in;position:fixed;inset:0}@keyframes ks-fade-in{0%{opacity:0}to{opacity:1}}.ks-info-panel{background:var(--ks1);border-left:1.5px solid var(--kborder);z-index:100;flex-direction:column;width:min(340px,92vw);transition:transform .25s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #0009}.ks-info-panel--open{transform:translate(0)}.ks-info-panel__header{border-bottom:1px solid var(--kborder);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 16px 16px;display:flex}.ks-info-panel__stage{text-transform:uppercase;letter-spacing:.14em;color:var(--kp-light);margin-bottom:4px;font-size:10px;font-weight:800}.ks-info-panel__title{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:800;line-height:1.2}.ks-info-close{background:var(--ks3);width:32px;height:32px;color:var(--ktext-3);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;margin-left:12px;font-size:13px;transition:background .12s,color .12s;display:flex}.ks-info-close:hover{background:var(--ks2);color:var(--ktext)}.ks-info-panel__body{flex-direction:column;flex:1;gap:20px;padding:14px 16px 32px;display:flex;overflow-y:auto}.ks-info-panel__body::-webkit-scrollbar{width:3px}.ks-info-panel__body::-webkit-scrollbar-track{background:0 0}.ks-info-panel__body::-webkit-scrollbar-thumb{background:var(--ks3);border-radius:2px}.ks-info-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:4px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block}.ks-info-tag--revision{color:var(--kgold);background:#f59e0b1f;border:1px solid #f59e0b4d}.ks-info-section{flex-direction:column;gap:1px;display:flex}.ks-info-section__label{text-transform:uppercase;letter-spacing:.12em;color:var(--ktext-3);margin-bottom:8px;font-size:10px;font-weight:800}.ks-info-row{background:var(--ks2);border-radius:6px;gap:10px;margin-bottom:3px;padding:9px 12px;display:flex}.ks-info-row:last-child{margin-bottom:0}.ks-info-row__key{color:var(--ktext-3);flex-shrink:0;min-width:90px;padding-top:1px;font-size:11px;font-weight:700}.ks-info-row__val{color:var(--ktext-2);font-size:13px;line-height:1.5}.ks-info-phase-list{flex-direction:column;gap:10px;display:flex}.ks-info-phase{color:var(--ktext-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.ks-info-phase strong{color:var(--ktext)}.ks-info-phase__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.ks-info-phase__dot--revision{background:var(--kgold)}.ks-info-phase__dot--new{background:var(--kprimary)}.ks-info-phase__dot--manzil{background:var(--kteal)}.ks-tts-error{color:var(--kgold);text-align:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;margin:8px 0;padding:10px 14px;font-size:.88rem}.ks-mic-gate{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;display:flex}.ks-mic-gate__msg{color:var(--ktext-2);max-width:300px;margin:0;font-size:1rem}.ks-mic-gate__denied{color:#fca5a5;max-width:300px;margin:0;font-size:.88rem}.ka-screen{gap:14px;padding:0 16px}.ka-rank-card{background:var(--ks2);border:1.5px solid var(--kborder-g);border-radius:var(--rl);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.ka-rank-card:before{content:"";background:linear-gradient(90deg, var(--kgold), var(--kprimary));height:3px;position:absolute;inset:0 0 auto}.ka-rank-ar{color:var(--kgold);flex-shrink:0;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:48px;line-height:1}.ka-rank-title{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:800}.ka-rank-desc{color:var(--ktext-2);margin:2px 0;font-size:13px}.ka-rank-xp{color:var(--ktext-3);margin-top:2px;font-size:11px}.ka-xp-chip{border:1.5px solid var(--kborder-g);border-radius:var(--rm);color:var(--kgold);white-space:nowrap;background:#f59e0b1a;flex-shrink:0;margin-left:auto;padding:6px 14px;font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:800}.ka-stats-row{gap:10px;display:flex}.ka-stat{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rm);flex-direction:column;flex:1;align-items:center;gap:5px;padding:14px 8px;display:flex;box-shadow:0 2px 16px #00000059,inset 0 1px #ffffff0d}.ka-stat-val{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800;line-height:1}.ka-stat-lbl{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700}.ka-section-title{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:10px;font-weight:700}.ka-badge-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.badge-card{border-radius:var(--rm);text-align:center;border:1.5px solid;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:opacity .2s;display:flex}.badge-emoji{font-size:30px;line-height:1}.badge-label{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700;line-height:1.3}.badge-date{color:var(--ktext-3);font-size:10px}.badge-locked{color:var(--ktext-3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.kc-header{border-bottom:1px solid var(--kborder);flex-shrink:0;padding:20px 16px 12px}.kc-title{color:var(--ktext);margin:0 0 2px;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800}.kc-subtitle{color:var(--ktext-2);margin:0;font-size:13px}.kc-stages{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.kc-stage{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rl);overflow:hidden}.kc-stage--active{border-color:#7c3aed66}.kc-stage__header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.kc-stage__header:active{opacity:.75}.kc-stage__info{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;display:flex}.kc-stage__title{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:700}.kc-stage__meta{color:var(--ktext-3);font-size:11px}.kc-stage__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.kc-stage__badge{text-transform:uppercase;letter-spacing:.08em;color:var(--kprimary);background:#7c3aed1f;border:1px solid #7c3aed4d;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.kc-stage__chevron{color:var(--ktext-3);font-size:10px}.kc-stage__progress-bar{background:var(--ks3);height:3px}.kc-stage__progress-fill{background:linear-gradient(90deg, var(--kprimary), var(--kgold));height:100%;transition:width .4s}.kc-grid{border-top:1px solid var(--kborder);grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.kc-tile{background:var(--ks1);border:1.5px solid var(--kborder);border-radius:var(--rm);flex-direction:column;gap:4px;min-width:0;padding:8px 9px;display:flex}.kc-tile--current{background:#7c3aed14;border-color:#7c3aed8c}.kc-tile--done{background:#10b9810d;border-color:#10b9814d}.kc-tile--locked{opacity:.38}.kc-tile__top{justify-content:space-between;align-items:center;display:flex}.kc-tile__num{color:var(--ktext-3);font-size:10px;font-weight:700;line-height:1}.kc-tile__status{font-size:11px;line-height:1}.kc-tile--done .kc-tile__status{color:var(--kgreen);font-weight:700}.kc-tile--current .kc-tile__status{color:var(--kgold)}.kc-tile__title{color:var(--ktext);word-break:break-word;font-size:12px;font-weight:700;line-height:1.3}.kc-tile--done .kc-tile__title{color:var(--ktext-2)}.kc-tile__ar{color:var(--kgold);text-align:right;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:15px;line-height:1.3}.kc-tile__foot{justify-content:space-between;align-items:center;gap:4px;margin-top:auto;display:flex}.kc-tile__type{text-transform:uppercase;letter-spacing:.06em;color:var(--ktext-3);background:var(--ks3);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:60%;padding:1px 4px;font-size:9px;font-weight:700;overflow:hidden}.kc-tile__passes{color:var(--kp-light);white-space:nowrap;font-size:10px;font-weight:700}.kc-tile__score{color:var(--kgreen);white-space:nowrap;font-size:10px;font-weight:700}button.kc-tile{cursor:pointer;text-align:left;border:none;width:100%;font-family:inherit}.kc-sheet-backdrop{z-index:200;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.kc-sheet{background:var(--ks2,#191540);border-radius:18px 18px 0 0;width:100%;max-width:480px;padding:24px 20px 40px;animation:.25s kc-slideUp;position:relative}@keyframes kc-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.kc-sheet__close{color:var(--ktext-3);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:14px;right:18px}.kc-sheet__title{color:var(--ktext);margin-bottom:4px;font-size:1.15rem;font-weight:700}.kc-sheet__title-ar{color:var(--kgold);direction:rtl;margin-bottom:12px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:1.4rem}.kc-sheet__meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.kc-sheet__tag{color:var(--ktext-2);background:#a78bfa1a;border-radius:20px;padding:3px 10px;font-size:.8rem}.kc-sheet__status{margin-bottom:10px}.kc-sheet__badge{background:var(--ks3);color:var(--ktext-2);border-radius:20px;padding:4px 12px;font-size:.82rem;font-weight:600;display:inline-block}.kc-sheet__badge--done{color:var(--kgreen);background:#10b98126}.kc-sheet__badge--current{color:var(--kgold);background:#f59e0b26}.kc-sheet__badge--locked{background:var(--ks3);color:var(--ktext-3)}.kc-sheet__progress{color:var(--ktext-2);margin:4px 0 0;font-size:.88rem}.kg-header{border-bottom:1px solid var(--kborder);flex-shrink:0;padding:20px 16px 12px}.kg-sections{flex-direction:column;flex:1;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.kg-section{background:var(--ks2);border:1.5px solid var(--kborder);border-radius:var(--rl);overflow:hidden}.kg-section--open{border-color:#7c3aed59}.kg-section__toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;display:flex}.kg-section__toggle:active{opacity:.75}.kg-section__icon{text-align:center;flex-shrink:0;width:22px;font-size:16px}.kg-section__title{color:var(--ktext);flex:1;font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:700}.kg-section__chevron{color:var(--ktext-3);flex-shrink:0;font-size:10px}.kg-section__body{border-top:1px solid var(--kborder);flex-direction:column;gap:12px;padding:14px;display:flex}.kg-para{color:var(--ktext-2);margin:0;font-size:13px;line-height:1.7}.kg-note{color:#f59e0bd9;border:1px solid #f59e0b33;border-left:3px solid var(--kgold);border-radius:var(--rr);background:#f59e0b12;padding:10px 12px;font-size:12px;line-height:1.6}.kg-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.kg-list__item{color:var(--ktext-2);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.kg-list__item:before{content:"•";color:var(--kprimary);position:absolute;left:4px}.kg-list__item--tip:before{content:""}.kg-tips{border-radius:var(--rm);background:#7c3aed0f;border:1px solid #7c3aed2e;flex-direction:column;gap:8px;padding:12px;display:flex}.kg-tips__title{color:var(--kp-light);text-transform:uppercase;letter-spacing:.08em;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700}.kg-steps{flex-direction:column;gap:0;display:flex}.kg-step{border-bottom:1px solid #a78bfa14;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.kg-step:last-child{border-bottom:none;padding-bottom:0}.kg-step:first-child{padding-top:0}.kg-step__num{background:linear-gradient(160deg, var(--kprimary), var(--kp-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:800;display:flex}.kg-step__label{color:var(--ktext);margin-bottom:3px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.kg-step__desc{color:var(--ktext-2);font-size:12px;line-height:1.5}.kg-table{border:1px solid var(--kborder);border-radius:var(--rm);flex-direction:column;gap:0;display:flex;overflow:hidden}.kg-table__row{border-bottom:1px solid #a78bfa12;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.kg-table__row:last-child{border-bottom:none}.kg-table__row:nth-child(odd){background:#ffffff05}.kg-table__key{color:var(--kgold);flex-shrink:0;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.kg-table__val{color:var(--ktext-2);text-align:right;font-size:12px}.kg-ranks{border:1px solid var(--kborder);border-radius:var(--rm);flex-direction:column;gap:0;display:flex;overflow:hidden}.kg-rank{border-bottom:1px solid #a78bfa12;align-items:center;gap:12px;padding:9px 12px;display:flex}.kg-rank:last-child{border-bottom:none}.kg-rank:nth-child(odd){background:#ffffff05}.kg-rank__ar{color:var(--kgold);text-align:center;flex-shrink:0;width:40px;font-family:Noto Naskh Arabic,Scheherazade New,serif;font-size:22px;line-height:1}.kg-rank__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.kg-rank__en{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.kg-rank__meaning{color:var(--ktext-3);font-size:11px}.kg-rank__xp{color:var(--kp-light);text-align:right;flex-shrink:0;font-size:11px;font-weight:700}.kg-badges{border:1px solid var(--kborder);border-radius:var(--rm);flex-direction:column;gap:0;display:flex;overflow:hidden}.kg-badge{border-bottom:1px solid #a78bfa12;align-items:center;gap:12px;padding:8px 12px;display:flex}.kg-badge:last-child{border-bottom:none}.kg-badge:nth-child(odd){background:#ffffff05}.kg-badge__emoji{text-align:center;flex-shrink:0;width:28px;font-size:20px}.kg-badge__body{flex-direction:column;gap:1px;min-width:0;display:flex}.kg-badge__label{color:var(--ktext);font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:700}.kg-badge__how{color:var(--ktext-3);font-size:11px;line-height:1.4}.kg-stages-list{flex-direction:column;gap:10px;display:flex}.kg-stage-item{background:var(--ks1);border:1px solid var(--kborder);border-radius:var(--rm);align-items:flex-start;gap:12px;padding:12px;display:flex}.kg-stage-item__num{background:linear-gradient(160deg, var(--kgold), var(--kg-dark));color:#1a0e00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-family:"Baloo 2",sans-serif;font-size:12px;font-weight:800;display:flex}.kg-stage-item__title{color:var(--ktext);margin-bottom:4px;font-family:"Baloo 2",sans-serif;font-size:13px;font-weight:700}.kg-stage-item__desc{color:var(--ktext-2);font-size:12px;line-height:1.6}.pd-screen{gap:16px;padding:24px 16px 16px}.pd-reset-btn{width:100%;color:var(--kred);border-color:#ef444440;min-height:38px;font-size:13px}.pd-student-card{background:#0f172a;border:1px solid #1e293b;border-radius:18px;flex-direction:column;gap:14px;padding:18px 16px;display:flex}.pd-student-header{justify-content:space-between;align-items:center;display:flex}.pd-student-name{color:#f8fafc;font-size:17px;font-weight:700}.pd-student-meta{color:#64748b;margin-top:2px;font-size:12px}.pd-streak{color:#f97316;font-size:15px;font-weight:600}.pd-current-lesson{background:#020617;border-radius:10px;flex-direction:column;gap:3px;padding:10px 14px;display:flex}.pd-label{text-transform:uppercase;letter-spacing:.07em;color:#475569;font-size:11px}.pd-lesson-name{color:#94a3b8;font-size:14px}.pd-stats-row{gap:10px;display:flex}.pd-stat{background:#020617;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:10px 6px;display:flex}.pd-stat-val{color:#f8fafc;font-size:18px;font-weight:700}.pd-stat-lbl{color:#475569;font-size:11px}.pd-sessions{flex-direction:column;gap:6px;display:flex}.pd-session-row{align-items:center;gap:10px;font-size:13px;display:flex}.pd-session-date{color:#475569;min-width:80px}.pd-session-score{color:#94a3b8;margin-left:auto}.pd-advanced-chip{color:#4ade80;background:#16a34a22;border:1px solid #16a34a44;border-radius:10px;padding:2px 8px;font-size:11px}.pd-edit-btn{min-height:30px;margin-top:8px;padding:6px 14px;font-size:.82rem}.pd-sessions-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pd-toggle-btn{color:var(--kp-light,#a78bfa);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.pd-modal-backdrop{z-index:300;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pd-modal{background:var(--ks2,#191540);border:1.5px solid var(--kborder);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:24px 20px;display:flex}.pd-modal__title{color:var(--ktext);margin:0;font-family:"Baloo 2",sans-serif;font-size:1.1rem;font-weight:700}.pd-modal__label{color:var(--ktext-2);margin-bottom:-6px;font-size:.88rem;font-weight:600}.pd-modal__input{border:2px solid var(--kborder);background:var(--ks1);width:100%;color:var(--ktext);box-sizing:border-box;border-radius:8px;padding:9px 12px;font-family:Nunito,sans-serif;font-size:.95rem}.pd-modal__input:focus{border-color:var(--kgold);outline:none}.pd-modal__input::placeholder{color:var(--ktext-3)}.pd-modal__error{color:#fca5a5;margin:0;font-size:.85rem}.pd-modal__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.navbar{background:var(--emerald-900);height:var(--navbar-height);top:var(--sat);z-index:100;border-bottom:2px solid var(--gold-500);position:sticky}.navbar:after{content:"";background:linear-gradient(#c8a45c33,#0000);height:4px;position:absolute;bottom:-6px;left:0;right:0}.navbar-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 32px;display:flex}.navbar-brand{color:var(--gold-100);align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-quran-icon{filter:drop-shadow(0 2px 6px #c8a45c59);flex-shrink:0}@keyframes iconGlow{0%,to{filter:drop-shadow(0 2px 6px #c8a45c4d)}50%{filter:drop-shadow(0 2px 10px #c8a45c8c)}}@keyframes iconPulseRing{0%,to{opacity:1;r:6}50%{opacity:.6;r:7}}@keyframes iconLinesReveal{0%{opacity:.3;stroke-dasharray:0 20}to{opacity:.8;stroke-dasharray:20 0}}.navbar-brand-info{flex-direction:column;gap:1px;display:flex}.navbar-brand-text{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-200);font-size:20px;font-weight:600;line-height:1.2}.navbar-brand-sub{font-family:var(--font-body);color:var(--emerald-300);letter-spacing:.5px;opacity:.8;font-size:10px}.navbar-divider,.navbar-brand-arabic{display:none}.navbar-links{align-items:center;gap:4px;display:flex}.navbar-link{font-family:var(--font-display);color:var(--emerald-200);letter-spacing:.8px;text-transform:uppercase;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:11px;font-weight:500;transition:color .3s,background .3s;display:inline-flex;position:relative}.nav-icon{opacity:.6;flex-shrink:0;width:18px;height:18px;transition:opacity .25s,transform .25s}.navbar-link:after{content:"";background:var(--gold-400);height:2px;transition:left .3s,right .3s;position:absolute;bottom:0;left:50%;right:50%}.navbar-link:hover{color:var(--gold-300)}.navbar-link:hover:after{left:18px;right:18px}.navbar-link:hover .nav-icon{opacity:1;transform:translateY(-1px)scale(1.1)}.navbar-link.active{color:var(--gold-400)}.navbar-link.active .nav-icon{opacity:1}.navbar-link.active:after{background:var(--gold-500);left:18px;right:18px}@keyframes noor-glow-pulse{0%,to{box-shadow:0 0 8px 2px #c8a45c80,0 0 18px 4px #c8a45c33}50%{box-shadow:0 0 18px 8px #c8a45cbf,0 0 32px 12px #c8a45c59}}.ask-noor-btn{color:#c8a45c;background:#c8a45c1a;border:1px solid #c8a45c80;border-radius:20px;transition:color .3s,background .3s,transform .2s;animation:2s ease-in-out infinite noor-glow-pulse}.ask-noor-btn .nav-icon{opacity:1}.ask-noor-btn:after{display:none}.ask-noor-btn:hover{color:#d4b87a;background:#c8a45c2e;border-color:#c8a45ccc;animation:none;transform:scale(1.04);box-shadow:0 0 22px 10px #c8a45c66,0 0 40px 16px #c8a45c33}.ask-noor-btn:hover .nav-icon{opacity:1;transform:translateY(-1px)scale(1.1)}.ask-noor-wrapper{position:relative}.noor-dropdown{z-index:200;opacity:0;pointer-events:none;background:linear-gradient(160deg,#0f2d1f 0%,#0a1f15 55%,#071510 100%);border:1px solid #c8a45cb3;border-radius:6px;width:560px;padding:18px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)scale(.97);box-shadow:0 20px 60px #0009,0 0 40px #c8a45c0f}.noor-dropdown-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.noor-drop-badge{color:#c8a45c;letter-spacing:.5px;text-transform:uppercase;background:#c8a45c1f;border:1px solid #c8a45c4d;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.noor-drop-body{align-items:flex-start;gap:16px;display:flex}.noor-drop-left{flex:1;min-width:0}.noor-drop-title{color:#f5edd8;margin:0 0 6px;font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:1.2}.noor-drop-title em{color:#c8a45c;font-style:italic}.noor-drop-sub{color:#f5edd88c;margin:0 0 12px;font-size:12px;line-height:1.5}.noor-drop-feats{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.noor-drop-feat{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.noor-drop-feat-gold{background:#c8a45c0d;border-color:#c8a45c33}.noor-drop-feat-green{background:#10b9810d;border-color:#10b98133}.noor-drop-feat-rose{background:#f472b60d;border-color:#f472b633}.noor-drop-feat-blue{background:#63b3ed0d;border-color:#63b3ed33}.noor-drop-feat-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.noor-drop-feat-title{color:#f5edd8e6;margin:0 0 1px;font-size:11px;font-weight:700}.noor-drop-feat-desc{color:#f5edd866;margin:0;font-size:10px}.noor-drop-cta{color:#050e08;background:linear-gradient(135deg,#c8a45c,#d4b87a);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.noor-drop-cta:hover{opacity:.9;color:#050e08;transform:translate(2px)}.noor-drop-visual{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:180px;display:flex}.noor-drop-visual>svg{border-radius:10px;width:100%;height:auto}.navbar-hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:40px;height:40px;padding:8px;display:none}.navbar-hamburger span{background:var(--gold-400);border-radius:2px;height:2px;transition:transform .28s,opacity .2s,width .28s;display:block}.navbar-hamburger span:first-child{width:22px}.navbar-hamburger span:nth-child(2){width:16px}.navbar-hamburger span:nth-child(3){width:22px}.navbar-hamburger:hover span{background:var(--gold-300)}.navbar-hamburger:hover span:nth-child(2){width:22px}.navbar-hamburger.open{opacity:0;pointer-events:none}.navbar-overlay,.mobile-drawer-header,.mobile-drawer-close,.mobile-drawer-logo,.mobile-nav-group-label{display:none}.navbar-month-banner-wrap{display:contents}@media (width<=768px){.navbar{height:56px}.navbar-inner{flex-wrap:nowrap;justify-content:space-between;height:56px;padding:0 16px}.navbar-month-banner-wrap{display:none}.navbar-hamburger{display:flex}.navbar-brand-text{font-size:15px}.navbar-brand-sub{font-size:8px}.navbar-quran-icon{width:30px;height:30px}.navbar-links{background:var(--emerald-950);background-image:radial-gradient(ellipse 180% 30% at 50% 0%, var(--emerald-900) 0%, transparent 65%);border-left:2px solid var(--gold-500);z-index:101;flex-flow:column;align-items:stretch;gap:0;width:290px;max-width:88vw;height:auto;max-height:calc(100dvh - 56px);padding:0;transition:transform .3s cubic-bezier(.32,0,.15,1);display:flex;position:fixed;inset:56px 0 0 auto;overflow:hidden auto;transform:translate(110%);box-shadow:-12px 0 48px #0000008c}.navbar-links-open{transform:translate(0)}.navbar-overlay{-webkit-backdrop-filter:blur(2px);z-index:99;background:#0000008c;display:block;position:fixed;inset:0}.mobile-drawer-header{background:var(--emerald-900);border-bottom:1px solid var(--gold-500);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex;position:relative}.mobile-drawer-header:after{content:"";background:linear-gradient(#c8a45c26,#0000);height:3px;position:absolute;bottom:-4px;left:0;right:0}.mobile-drawer-logo{font-family:var(--font-display);letter-spacing:.3px;color:var(--gold-200);align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.mobile-drawer-close{width:36px;height:36px;color:var(--gold-500);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mobile-drawer-close:hover{background:var(--emerald-800);color:var(--gold-300)}.mobile-nav-group-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--gold-500);opacity:.55;flex-shrink:0;padding:16px 20px 6px;font-size:9.5px;font-weight:700;display:block}.navbar-link:after,.navbar-link.active:after{display:none}.navbar-link{width:100%;height:50px;font-family:var(--font-display);letter-spacing:.2px;text-transform:none;color:var(--emerald-200);border-bottom:1px solid #a7ecc80f;border-radius:0;flex-direction:row;align-items:center;gap:12px;padding:0 20px;font-size:13px;font-weight:400;transition:background .18s,color .18s,padding-left .2s;display:flex}.navbar-link .nav-icon{opacity:.55;flex-shrink:0;transition:opacity .18s,color .18s}.navbar-link:hover{background:var(--emerald-800);color:var(--gold-300);padding-left:26px}.navbar-link:hover .nav-icon{opacity:1;color:var(--gold-400)}.navbar-link.active{background:var(--emerald-800);color:var(--gold-400);box-shadow:inset 3px 0 0 var(--gold-500);padding-left:20px}.navbar-link.active .nav-icon{opacity:1;color:var(--gold-400)}.ask-noor-wrapper{border:none;flex-shrink:0;width:100%;padding:0}.ask-noor-btn{color:var(--emerald-200);letter-spacing:.2px;text-transform:none;box-shadow:none;background:0 0;border:none;border-bottom:1px solid #a7ecc80f;border-radius:0;gap:12px;height:52px;padding:0 20px;font-size:13px;font-weight:400;transition:background .18s,color .18s,padding-left .2s;animation:none;position:static;overflow:visible}.ask-noor-btn:before{display:none}.ask-noor-btn:hover{background:var(--emerald-800);color:var(--gold-300);border-color:#0000;padding-left:26px}.noor-dropdown{display:none!important}.navbar-actions{border-top:1px solid var(--gold-500);background:var(--emerald-900);flex-direction:row;flex-shrink:0;order:10;justify-content:center;align-items:center;gap:16px;margin-top:auto;margin-left:0;padding:12px 20px 28px;display:flex}.navbar-actions:before{display:none}.navbar-actions .dark-mode-toggle{width:auto;height:auto;font-family:var(--font-display);letter-spacing:.8px;color:var(--emerald-200);border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:500;transition:background .18s,color .18s;display:flex;position:static;overflow:visible}.navbar-actions .dark-mode-toggle:hover{background:var(--emerald-800);color:var(--gold-300);opacity:1}.navbar-actions .dark-mode-toggle svg{opacity:.7;flex-shrink:0;width:18px;height:18px}.navbar-actions .dark-mode-toggle:hover svg{opacity:1;color:var(--gold-400)}.navbar-actions .dark-mode-toggle .toggle-label{letter-spacing:1px;text-transform:uppercase;color:inherit;opacity:1;pointer-events:none;font-size:9.5px;font-weight:600;position:static;transform:none}}.main-content{max-width:var(--max-width);margin:0 auto;padding:20px 32px 80px;animation:.4s ease-out fadeIn}.main-content--kids{max-width:100%;margin:0;padding:0}.breadcrumb{margin-bottom:20px}.breadcrumb-list{background:linear-gradient(135deg, var(--gold-50), var(--parchment));border:none;border-left:3px solid var(--emerald-600);border-radius:0;align-items:center;gap:0;padding:8px 16px;list-style:none;display:flex;position:relative;overflow:hidden}.breadcrumb-item{align-items:center;gap:0;display:flex}.breadcrumb-link{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.5px;border-radius:2px;align-items:center;gap:5px;padding:3px 6px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.breadcrumb-link:hover{color:var(--gold-700);background:var(--gold-100)}.breadcrumb-home{opacity:.7}.breadcrumb-link:hover .breadcrumb-home{opacity:1}.breadcrumb-sep{color:var(--gold-400);flex-shrink:0;margin:0 4px}.breadcrumb-current{font-family:var(--font-display);color:var(--gold-700);letter-spacing:.5px;padding:3px 6px;font-size:12px;font-weight:600}@media (width<=768px){.breadcrumb{margin-bottom:14px}.breadcrumb-list{padding:6px 12px}.breadcrumb-link,.breadcrumb-current{font-size:11px}}.page-header{text-align:center;margin-bottom:48px;position:relative}.mobile-hero{display:none}@media (width<=768px){.mobile-hero{text-align:left;margin-bottom:16px;display:block}.mobile-hero h1{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:24px;font-weight:400}.mobile-hero p{font-family:var(--font-display);color:var(--ink-muted);font-size:14px;font-style:italic}}.page-header.page-header-dashboard{text-align:left;align-items:stretch;gap:32px;width:100%;margin-bottom:10px;display:flex}.page-header.page-header-dashboard:after{display:none}.page-header-left{border-right:none;flex-direction:column;flex:1;justify-content:flex-start;align-self:flex-start;min-width:0;padding-top:0;padding-right:24px;display:flex;position:relative}.live-transmission-box{background:var(--gold-50);border:1px solid var(--gold-100);border-radius:4px;flex:1;justify-content:center;align-items:center;min-height:190px;margin-top:10px;display:flex;position:relative;overflow:hidden}.live-transmission-trigger{cursor:pointer;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:600;transition:color .2s;display:inline-flex}.live-transmission-trigger:hover{color:var(--emerald-700)}.live-dot{background:#e53e3e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.live-panel{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.live-panel-tabs{background:var(--emerald-900);flex-shrink:0;align-items:center;display:flex}.live-panel-tab{font-family:var(--font-display);letter-spacing:.6px;text-transform:uppercase;color:var(--gold-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-size:9px;font-weight:600;transition:color .15s;display:flex}.live-panel-tab.active,.live-panel-tab:hover{color:var(--gold-200)}.live-panel-close{color:var(--gold-500);cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:12px;line-height:1;transition:color .15s}.live-panel-close:hover{color:var(--gold-200)}.prayer-times-widget{flex-direction:column;flex:1;justify-content:space-between;padding:12px 14px;display:flex;overflow:visible}.prayer-times-loading{font-family:var(--font-display);color:var(--ink-faint);flex:1;justify-content:center;align-items:center;padding:16px;font-size:11px;display:flex}.prayer-times-list{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid}.prayer-row{text-align:center;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding:3px 4px;transition:background .15s;display:flex}.prayer-name-vertical{font-family:var(--font-display);color:#fff;letter-spacing:1.5px;writing-mode:vertical-lr;text-transform:uppercase;border-radius:0;flex-shrink:0;padding:8px 3px;font-size:9px;font-weight:700;line-height:1;transform:rotate(180deg)}.prayer-row-body{flex-direction:column;flex:1;align-items:center;gap:1px;display:flex}.prayer-row-header{justify-content:center;align-items:center;gap:4px;display:flex}.prayer-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.prayer-name-ar{font-family:var(--font-arabic,"Amiri", serif);color:var(--ink-faint);direction:rtl;font-size:11px;line-height:1;display:block}.prayer-row:hover{background:var(--gold-50)}.prayer-next{border-left:3px solid var(--emerald-500);background:linear-gradient(90deg,#1a9e651f,#c8a45c14)}.prayer-name{font-family:var(--font-display);color:var(--ink-light);letter-spacing:.3px;font-size:11px;font-weight:600}.prayer-time{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.3px;background:linear-gradient(135deg,#1a9e651a,#1a9e650d);border:1px solid #1a9e6533;border-radius:0;padding:2px 6px;font-size:11px;font-weight:600}.prayer-next .prayer-name{color:var(--emerald-800);font-weight:700}.prayer-next .prayer-time{color:var(--gold-700);background:linear-gradient(135deg,#c8a45c2e,#c8a45c14);border:1px solid #c8a45c59;font-weight:700}.prayer-next .prayer-name-ar{color:var(--emerald-600)}.prayer-badge{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--white);background:var(--emerald-700);border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700}.prayer-location{font-family:var(--font-display);color:var(--ink-faint);border-top:1px solid var(--gold-100);letter-spacing:.3px;flex-shrink:0;padding:3px 14px;font-size:10px}@media (width<=768px){.live-transmission-box{flex:none;align-items:stretch;height:auto;min-height:0}.live-panel{width:100%;position:relative;inset:auto}.live-stream-area{min-height:200px}.prayer-times-list{grid-template-columns:repeat(3,1fr)}.prayer-row{gap:1px;padding:3px 4px}.prayer-name{font-size:12px}.prayer-time{font-size:13px}.prayer-badge{padding:2px 5px;font-size:8px}.prayer-location{padding:5px 12px;font-size:11px}.live-panel-tab{padding:9px 6px;font-size:11px}.live-panel-close{padding:9px 12px;font-size:14px}}@media (width<=480px){.prayer-times-list{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr)}.pt-chip-row{flex-wrap:wrap}.pt-chip{flex:0 0 calc(33.33% - 3px)}}.live-stream-area{flex:1;position:relative}.live-stream-area iframe{border:none;width:100%;height:100%;display:block}.live-yt-fallback{font-family:var(--font-display);letter-spacing:.5px;color:#fff9;z-index:10;font-size:9px;text-decoration:none;position:absolute;bottom:6px;right:8px}.live-yt-fallback:hover{color:#fff}.page-header-dashboard .page-header-left:after,.page-header-revelation:after{content:"";background:linear-gradient(to bottom, transparent, var(--gold-300) 20%, var(--gold-300) 80%, transparent);width:1px;position:absolute;top:10%;bottom:10%;right:0}.page-header-left h1{margin-top:0;padding-top:0;padding-bottom:8px;line-height:1;position:relative}.page-header-left h1:after{content:"";background:var(--gold-500);width:24px;height:1.5px;position:absolute;bottom:0;left:0}.page-header-dashboard .page-header-left .page-subtitle{margin-bottom:0}.header-quran-verse{flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-top:10px;margin-bottom:auto;display:flex}.header-quran-arabic{color:var(--emerald-700,#047857);font-family:Amiri,Scheherazade New,serif;font-size:14px;line-height:1.7}.header-quran-ref{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;white-space:nowrap;font-size:10px;font-style:italic}.page-header-stats{flex:3;min-width:0;display:flex}.page-header-overview{min-width:0;margin-top:10px}.page-header-overview .stats-overview-grid{grid-template-columns:1fr 1fr;gap:0 4px;display:grid}.page-header-overview .overview-stat{padding:4px 8px}.page-header-overview .overview-number{font-size:17px}.page-header-overview .overview-label{font-size:9px}.page-header-overview .stats-heading{text-align:left}.page-header-revelation{flex:1;min-width:0;padding-right:24px;position:relative}.page-header-revelation .stats-heading{text-align:left}.page-header-revelation .revelation-bars{flex-direction:column;gap:4px;display:flex}.page-header-juz{flex:1;min-width:0;padding-left:0;padding-right:16px;position:relative}.page-header-juz .stats-panel{max-height:none;animation:none;position:static}.page-header-juz .stats-panel-inner{background:0 0;border:none;padding:0}.page-header-juz:after{content:"";background:linear-gradient(to bottom, transparent, var(--gold-300) 20%, var(--gold-300) 80%, transparent);width:1px;position:absolute;top:10%;bottom:10%;right:0}.stats-tab-carousel{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.stats-tab-carousel:after{display:none}.stc-tabs{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;flex-shrink:0;gap:2px;margin-bottom:14px;padding:3px;display:flex;position:relative}.stc-tab{cursor:pointer;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-muted);background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 4px;font-size:10px;font-weight:700;transition:color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.stc-tab:after{content:"";background:linear-gradient(90deg, var(--gold-400), var(--emerald-500));border-radius:1px;width:76%;height:1.5px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:12%;transform:scaleX(0)}.stc-tab:hover:not(.active){color:var(--ink);background:#ffffff8c}.stc-tab:hover:not(.active):after{transform:scaleX(1)}.stc-tab.active{color:var(--emerald-700);background:#fff;box-shadow:0 1px 4px #0000001a,0 0 0 1px #0000000a}.stc-tab-icon{opacity:.55;align-items:center;transition:opacity .18s;display:flex}.stc-tab-icon svg{width:15px;height:15px}.stc-tab.active .stc-tab-icon{opacity:1;color:var(--emerald-600)}.stc-tab-badge{min-width:18px;height:14px;color:var(--ink-muted);letter-spacing:0;background:#00000014;border-radius:7px;justify-content:center;align-items:center;padding:0 4px;font-size:8px;font-style:normal;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.stc-tab.active .stc-tab-badge{background:var(--emerald-700);color:var(--gold-200)}.stc-indicator{display:none}.stc-panels-wrap{flex:1;height:315px;overflow:hidden}.stc-panels-track{width:600%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.stc-panel{flex-shrink:0;width:16.6667%;min-width:0;height:100%}.stc-panel .page-header-revelation{flex:none;width:100%;padding-right:0}.stc-panel .page-header-revelation:after{display:none}.stc-panel .page-header-juz{flex:none;width:100%;padding-right:0}.stc-panel .page-header-juz:after{display:none}.stc-panel-recent{scrollbar-width:thin;scrollbar-color:var(--gold-300) transparent;padding:10px 4px 10px 0;overflow-y:auto}.stc-panel-recent::-webkit-scrollbar{width:3px}.stc-panel-recent::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.stc-panel-recent .widget-section{margin:0 0 10px;padding:14px 18px}.stc-panel-recent .widget-section:last-child{margin-bottom:0}.stc-panel-recent .stats-heading{display:none}.stc-panel-continue{height:100%;overflow-y:auto}.stc-panel-continue::-webkit-scrollbar{width:4px}.stc-panel-continue::-webkit-scrollbar-track{background:0 0}.stc-panel-continue::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.stc-panel-continue .continue-reading-banner{box-shadow:none;border:none;border-radius:0;margin:0;padding:16px 20px}.stc-panel-tracker{height:100%;overflow-y:auto}.stc-panel-tracker::-webkit-scrollbar{width:4px}.stc-panel-tracker::-webkit-scrollbar-track{background:0 0}.stc-panel-tracker::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.stc-panel-tracker .ramadan-tracker{box-shadow:none;border:none;border-radius:0;margin:0}.stc-panel-tracker .ramadan-juz-grid{max-height:152px;padding-right:8px;overflow-y:scroll}.stc-panel-tracker .ramadan-juz-grid::-webkit-scrollbar{width:5px}.stc-panel-tracker .ramadan-juz-grid::-webkit-scrollbar-track{background:var(--gold-50);border-radius:4px}.stc-panel-tracker .ramadan-juz-grid::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:4px}.stc-panel-tracker .ramadan-juz-grid::-webkit-scrollbar-thumb:hover{background:var(--gold-600)}.stc-panel-verse{flex-direction:column;height:100%;display:flex;overflow-y:auto}.stc-panel-verse::-webkit-scrollbar{width:4px}.stc-panel-verse::-webkit-scrollbar-track{background:0 0}.stc-panel-verse::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.stc-panel-verse .daily-verse-card{border-radius:4px;flex-direction:column;flex:1;margin:0;padding:10px 16px;display:flex}.stc-panel-verse .daily-verse-header{flex-shrink:0;margin-bottom:0}.stc-panel-verse .daily-verse-heading{font-size:11px}.stc-panel-verse .daily-verse-arabic{text-align:center;margin-top:auto;margin-bottom:6px;font-size:17px;line-height:1.7}.stc-panel-verse .daily-verse-english{text-align:center;margin-bottom:4px;font-size:11px}.stc-panel-verse .daily-verse-urdu{text-align:center;margin-bottom:4px;font-size:12px}.stc-panel-verse .daily-verse-ref{text-align:center;margin-bottom:auto;padding-top:4px}.namaz-page{max-width:1020px;margin-left:auto;margin-right:auto}.namaz-lang-toggle{gap:4px;margin-top:12px;display:inline-flex}.namaz-lang-btn{font-family:var(--font-display);letter-spacing:.6px;border:1px solid var(--gold-300);color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:1px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.namaz-lang-btn.active{background:var(--emerald-900);color:var(--gold-300);border-color:var(--emerald-900)}.namaz-lang-btn:hover:not(.active){border-color:var(--emerald-600);color:var(--emerald-700)}.namaz-skybar{border-radius:6px;align-items:center;margin:24px 0 0;padding:5px;transition:background .55s cubic-bezier(.4,0,.2,1),box-shadow .55s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.namaz-tabs{z-index:1;scrollbar-width:none;flex:1;gap:3px;min-width:0;display:flex;position:relative;overflow-x:auto}.namaz-tabs::-webkit-scrollbar{display:none}.namaz-skybar-night:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 8% 20%,#ffffffe6 0 1px,#0000 1px),radial-gradient(circle at 22% 65%,#fff9 0 1px,#0000 1px),radial-gradient(circle at 38% 15%,#fffc 0 1px,#0000 1px),radial-gradient(circle at 52% 78%,#ffffff80 0 1px,#0000 1px),radial-gradient(circle at 66% 30%,#ffffffe6 0 1px,#0000 1px),radial-gradient(circle at 78% 58%,#ffffffb3 0 1px,#0000 1px),radial-gradient(circle at 88% 12%,#fffc 0 1px,#0000 1px),radial-gradient(circle at 94% 72%,#fff9 0 1px,#0000 1px),radial-gradient(circle at 14% 88%,#ffffffb3 0 1px,#0000 1px),radial-gradient(circle at 46%,#fff6 0 1px,#0000 1px);border-radius:6px;animation:4s ease-in-out infinite alternate namaz-twinkle;position:absolute;inset:0}.namaz-qibla-bar{background:var(--emerald-900);border:1px solid #c8a45c33;border-radius:4px;align-items:center;gap:16px;margin:6px 0 14px;padding:10px 16px;display:flex}.namaz-qibla-bar-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.namaz-qibla-bar-top{align-items:stretch;gap:8px;display:flex}.namaz-qibla-bar-label{font-family:var(--font-display);letter-spacing:.7px;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.namaz-qibla-bar-actions{flex-shrink:0;margin-left:auto}.namaz-qibla-bar-hint{font-family:var(--font-display);color:#ffffff73;font-size:11px;font-style:italic}.namaz-qibla-title{font-family:var(--font-arabic-ui);color:var(--gold-400,#d4a843);font-size:16px;line-height:1}.namaz-compass-svg{display:block}.namaz-qibla-reading{align-items:stretch;gap:8px;display:flex}.namaz-qibla-dir{font-family:var(--font-display);letter-spacing:.5px;color:#f0c840;text-transform:uppercase;font-size:13px;font-weight:800}.namaz-qibla-deg{font-family:var(--font-display);color:#fff9;font-size:13px;font-weight:600}.namaz-qibla-dist{font-family:var(--font-display);color:#ffffff73;letter-spacing:.2px;font-size:12px;font-weight:500}.namaz-makkah-row{display:contents}.namaz-makkah-time{border-left:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding-left:16px;display:flex}.namaz-makkah-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:#ffffff59;font-size:9px;font-weight:700}.namaz-makkah-clock{font-family:var(--font-display);color:#f0c840;letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.namaz-makkah-hijri{font-family:var(--font-display);color:#ffffff73;letter-spacing:.2px;text-align:right;font-size:10px}.namaz-makkah-next{border-left:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding-left:16px;display:flex}.namaz-makkah-next-row{align-items:center;gap:6px;display:flex}.namaz-makkah-next-arabic{font-family:var(--font-arabic-ui);color:var(--gold-300);font-size:14px;line-height:1}.namaz-makkah-next-name{font-family:var(--font-display);color:#ffffffe6;letter-spacing:.3px;font-size:13px;font-weight:700}.namaz-makkah-next-time{font-family:var(--font-display);color:#ffffff80;font-variant-numeric:tabular-nums;font-size:11px}.namaz-compass-live-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.5s ease-in-out infinite namaz-live-pulse;display:inline-block}@keyframes namaz-live-pulse{0%,to{opacity:1}50%{opacity:.25}}.namaz-compass-btn{color:#ffffffb3;cursor:pointer;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff38;border-radius:2px;align-items:center;gap:3px;padding:4px 10px;font-size:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.namaz-compass-btn:hover{color:#fffffff2;background:#fff3;border-color:#ffffff73}.namaz-qibla-denied{opacity:.6;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.namaz-qibla-spinner{margin:10px auto;animation:1s linear infinite namaz-spin;display:block}@keyframes namaz-spin{to{transform:rotate(360deg)}}@keyframes namaz-twinkle{0%{opacity:.25}40%{opacity:.65}70%{opacity:.35}to{opacity:.6}}.namaz-tab{z-index:1;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#00000038;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 22px 7px;transition:background .2s,border-color .2s,transform .15s;display:flex;position:relative}.namaz-tab:hover:not(.namaz-tab-active){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.namaz-tab-active{background:#ffffff2e;border-color:#ffffff73;box-shadow:0 2px 16px #00000040,inset 0 1px #fff3}.namaz-tab-icon{color:#ffffff8c;align-items:center;line-height:1;transition:color .2s;display:flex}.namaz-tab-active .namaz-tab-icon,.namaz-tab:hover .namaz-tab-icon{color:#fffc}.namaz-tab-arabic{font-family:var(--font-arabic-ui);color:#fff9;font-size:17px;line-height:1.35;transition:color .2s}.namaz-tab-active .namaz-tab-arabic{color:#fff;text-shadow:0 0 12px #fff6}.namaz-tab:hover:not(.namaz-tab-active) .namaz-tab-arabic{color:#ffffffd9}.namaz-tab-name{font-family:var(--font-display);letter-spacing:.7px;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:700;transition:color .2s}.namaz-tab-active .namaz-tab-name{color:#ffffffd9}.namaz-tab:hover:not(.namaz-tab-active) .namaz-tab-name{color:#ffffffa6}.namaz-panel{padding:10px 0 18px}.namaz-panel-header{border-bottom:1px solid var(--gold-100);margin-bottom:8px;padding-bottom:8px}.namaz-panel-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.namaz-card-pills{flex-wrap:wrap;gap:4px;display:flex}.namaz-pill{font-family:var(--font-display);letter-spacing:.3px;white-space:nowrap;border-radius:1px;padding:3px 8px;font-size:11px;font-weight:700}.namaz-pill-fard{background:var(--emerald-100);color:var(--emerald-900);border:1px solid var(--emerald-200)}.namaz-pill-sunnah-m{background:var(--gold-100,#faf3e0);color:var(--gold-700,#92700c);border:1px solid var(--gold-200)}.namaz-pill-sunnah-g{background:var(--parchment);color:var(--ink-muted);border:1px solid var(--gold-200)}.namaz-pill-nafl{background:var(--ink-faint-bg,#f5f5f5);color:var(--ink-muted);border:1px solid var(--gold-100)}.namaz-pill-witr{color:#7b3fa0;background:#8b44ad14;border:1px solid #8b44ad33}.namaz-detail{margin-bottom:0}.namaz-detail-header{margin-bottom:12px}.namaz-detail-title-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.namaz-detail-name{font-family:var(--font-display);color:var(--emerald-900);margin:0;font-size:24px;font-weight:700}.namaz-detail-arabic{font-family:var(--font-arabic-ui);color:var(--gold-600);font-size:28px;line-height:1.4}.namaz-detail-time{font-family:var(--font-body);color:var(--ink-muted);margin-top:4px;font-size:13px;font-style:italic}.namaz-detail-desc{font-family:var(--font-body);color:var(--ink);max-width:720px;margin:0 0 10px;font-size:15px;line-height:1.7}.namaz-rakat-table{border-collapse:collapse;width:100%;max-width:480px;font-family:var(--font-display);margin-bottom:20px;font-size:13px}.namaz-rakat-table th{background:var(--emerald-900);color:var(--gold-300);text-align:left;letter-spacing:.5px;text-transform:uppercase;padding:7px 14px;font-size:11px;font-weight:700}.namaz-rakat-table td{border-bottom:1px solid var(--gold-100);color:var(--ink);padding:7px 14px}.namaz-rakat-row-fard td{color:var(--emerald-800);font-weight:600}.namaz-rakat-row-sunnah-m td{color:var(--gold-700,#92700c)}.namaz-rakat-row-witr td{color:#7b3fa0}.namaz-rakat-total-row td{background:var(--gold-50,#fefce8);color:var(--emerald-900);border-top:2px solid var(--gold-300);font-weight:700}.namaz-notes{max-width:680px;margin:0 0 24px;padding-left:20px}.namaz-notes li{font-family:var(--font-body);color:var(--ink-light);margin-bottom:4px;font-size:14px;line-height:1.65}.namaz-special-block{background:var(--parchment,#fdf8f0);border:1px solid var(--gold-200);border-left:3px solid var(--gold-400);border-radius:2px;max-width:680px;margin-bottom:24px;padding:16px 20px}.namaz-special-title{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.3px;margin-bottom:12px;font-size:14px;font-weight:700}.namaz-steps-heading{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.8px;text-transform:uppercase;margin:0 0 12px;font-size:15px;font-weight:700}.namaz-accordion{border:1px solid var(--gold-200);border-radius:2px;max-width:900px;margin-bottom:8px;overflow:hidden}.namaz-accordion-trigger{background:var(--parchment,#fdf8f0);cursor:pointer;width:100%;font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.3px;text-align:left;border:none;justify-content:space-between;align-items:center;padding:13px 18px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.namaz-accordion-trigger:hover{background:var(--gold-50,#fefce8)}.namaz-accordion-open .namaz-accordion-trigger{background:var(--emerald-900);color:var(--gold-300)}.namaz-chevron{flex-shrink:0;transition:transform .2s}.namaz-accordion-open .namaz-chevron{transform:rotate(180deg)}.namaz-accordion-content{border-top:1px solid var(--gold-200)}.namaz-posture{border-bottom:1px solid var(--gold-100);padding:16px 20px}.namaz-posture:last-child{border-bottom:none}.namaz-posture-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.namaz-posture-name{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.2px;font-size:15px;font-weight:700}.namaz-posture-name-ur{font-family:var(--font-urdu,"Noto Nastaliq Urdu", serif);color:var(--gold-600);font-size:14px;line-height:1.8}.namaz-arabic{font-family:var(--font-arabic-ui);color:var(--emerald-900);text-align:right;margin-bottom:6px;font-size:22px;line-height:2}.namaz-transliteration{font-family:var(--font-body);color:var(--ink-light);margin-bottom:8px;font-size:14px;font-style:italic}.namaz-meaning{font-family:var(--font-body);color:var(--ink);margin-bottom:8px;font-size:15px;line-height:1.7}.namaz-posture-note{font-family:var(--font-display);color:var(--gold-700,#92700c);background:var(--gold-50,#fefce8);border:1px solid var(--gold-200);border-radius:1px;margin-bottom:8px;padding:5px 10px;font-size:12px;display:inline-block}.namaz-hadith{background:var(--parchment,#fdf8f0);border-left:2px solid var(--gold-300);font-family:var(--font-body);border-radius:0 2px 2px 0;align-items:flex-start;gap:6px;padding:10px 12px;font-size:13px;display:flex}.namaz-hadith-icon{color:var(--gold-500);flex-shrink:0;margin-top:2px}.namaz-hadith-text{color:var(--ink-light);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;line-height:1.65;display:-webkit-box;overflow:hidden}.namaz-hadith-source{color:var(--emerald-700);letter-spacing:.3px;text-transform:uppercase;padding-left:4px;font-size:11px;font-weight:700;display:inline}[data-theme=dark] .namaz-panel-header{border-bottom-color:#b8a06026}[data-theme=dark] .namaz-accordion-trigger{color:var(--gold-300);background:#ffffff0a}[data-theme=dark] .namaz-accordion-open .namaz-accordion-trigger{background:var(--emerald-900)}[data-theme=dark] .namaz-posture{border-bottom-color:#b8a0601a}[data-theme=dark] .namaz-hadith{background:#b8a0600f}[data-theme=dark] .namaz-special-block{background:#b8a0600f;border-color:#b8a06033}[data-theme=dark] .namaz-rakat-table th{background:var(--emerald-950,#0a1f12)}[data-theme=dark] .namaz-rakat-total-row td{background:#b8a06014}@media (width<=768px){.namaz-skybar{margin:16px 0 0;padding:4px}.namaz-tab{flex:1;padding:7px 6px 6px}.namaz-qibla-bar{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 14px}.namaz-qibla-bar-info{flex:none}.namaz-qibla-bar-label,.namaz-tab[data-prayer=jumuah],.namaz-tab[data-prayer=tarawih],.namaz-tab[data-prayer=eid]{display:none}.namaz-tab-arabic{font-size:14px}.namaz-tab-name{letter-spacing:.3px;font-size:9px}.namaz-qibla-dist{display:none}.namaz-makkah-row{border-top:1px solid #ffffff1f;flex:0 0 100%;margin-top:2px;padding-top:8px;display:flex}.namaz-makkah-row .namaz-makkah-time{border-left:none;flex:1;align-items:flex-start;padding-left:0}.namaz-makkah-row .namaz-makkah-next{flex:1;align-items:flex-end}.namaz-panel{padding:8px 0 14px}.namaz-accordion-trigger{padding:11px 14px;font-size:14px}.namaz-posture{padding:14px}.namaz-detail-name{font-size:20px}.namaz-detail-arabic{font-size:22px}.namaz-rakat-table th,.namaz-rakat-table td{padding:6px 10px}}@media (width<=480px){.namaz-tab{padding:6px 10px 5px}.namaz-tab-arabic{font-size:13px}.namaz-tab-name{letter-spacing:.3px;font-size:8px}.namaz-qibla-bar{padding:12px}.namaz-qibla-bar-actions{margin-left:0}.namaz-posture{padding:12px}.namaz-arabic{font-size:19px}.namaz-transliteration{font-size:13px}.namaz-meaning{font-size:14px}.namaz-detail-name{font-size:18px}.namaz-steps-heading{font-size:13px}.namaz-accordion-trigger{padding:10px 12px;font-size:13px}.namaz-special-block{padding:12px 14px}}[data-theme=dark] .stc-tabs{background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .stc-tab:hover:not(.active){background:#ffffff14}[data-theme=dark] .stc-tab.active{background:var(--emerald-900,#064e3b);color:var(--gold-300);box-shadow:0 1px 4px #0006}[data-theme=dark] .stc-tab-badge{color:var(--ink-muted);background:#ffffff1a}[data-theme=dark] .stc-tab.active .stc-tab-badge{background:var(--emerald-400);color:var(--emerald-950)}.page-header-user{flex-direction:column;flex:1;gap:10px;min-width:0;padding-left:0;display:flex;overflow:visible}.page-header-user .ramadan-tracker{margin:0}.page-header-user .continue-reading-banner{border-radius:6px;flex-shrink:0;max-height:220px;margin-bottom:0;padding:16px 18px;overflow-y:auto}.page-header-user .continue-reading-banner::-webkit-scrollbar{width:4px}.page-header-user .continue-reading-banner::-webkit-scrollbar-track{background:0 0}.page-header-user .continue-reading-banner::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.page-header-user .continue-reading-banner::-webkit-scrollbar-thumb:hover{background:var(--gold-500)}.page-header-user .rv-list{gap:4px;margin-top:4px}.page-header-user .rv-item{padding:3px 10px;font-size:12px}.page-header-user .bw-list{gap:4px}.page-header-user .bw-item{padding:3px 10px;font-size:12px}.page-header-user .widget-section{box-shadow:none;background:0 0;border:none;margin:0;padding:0}.page-header-user .widget-section:before,.page-header-juz .stats-panel-inner:before{display:none}@media (width<=768px){.page-header-dashboard{flex-direction:column;gap:16px;display:flex}.page-header-dashboard .page-header-left{white-space:normal;text-align:left;border-right:none;width:100%;padding-right:0;display:block}.page-header-dashboard .page-header-left h1,.page-header-dashboard .page-header-left .page-subtitle{display:none}.page-header-dashboard .page-header-left .page-subtitle{text-align:left;font-size:13px}.page-header-dashboard .page-header-left .header-btn-row{margin-top:8px}.page-header-dashboard .page-header-left .play-all-btn,.page-header-dashboard .page-header-left .start-tour-btn{flex:1;padding:8px 0;font-size:11px}.page-header-dashboard .page-header-left .btn-label{display:none}.page-header-dashboard .page-header-stats{flex-direction:column;gap:16px;width:100%}.page-header-dashboard .page-header-overview,.page-header-dashboard .page-header-revelation{width:100%;padding-left:0;padding-right:0}.page-header-dashboard .page-header-left:after,.page-header-revelation:after,.page-header-dashboard .page-header-juz{display:none}.page-header-dashboard .stc-panel .page-header-juz{display:block}.page-header-dashboard .stats-tab-carousel{flex:none;width:100%;padding-right:0}.stats-tab-carousel:after,.page-header-dashboard .page-header-user{display:none}.stc-tab{gap:0;padding:9px 4px;font-size:0}.stc-tab-icon{opacity:.6}.stc-tab-icon svg{width:18px;height:18px}.stc-tab.active .stc-tab-icon{opacity:1}.stc-tab-badge{display:none}.stc-panels-wrap{flex:none;height:auto;overflow:visible}.stc-panels-track{width:100%;height:auto;transition:none;display:block;transform:none!important}.stc-panel{width:100%;height:auto;display:none}.stc-panels-wrap[data-tab=revelation] .stc-panel-revelation,.stc-panels-wrap[data-tab=juz] .stc-panel-juz,.stc-panels-wrap[data-tab=verse] .stc-panel-verse,.stc-panels-wrap[data-tab=recent] .stc-panel-recent,.stc-panels-wrap[data-tab=continue] .stc-panel-continue,.stc-panels-wrap[data-tab=tracker] .stc-panel-tracker{height:auto;display:block;overflow-y:visible}.stc-panel-juz .page-header-juz{max-height:360px;padding-right:4px;overflow-y:auto}.stc-panel-juz .page-header-juz::-webkit-scrollbar{width:3px}.stc-panel-juz .page-header-juz::-webkit-scrollbar-thumb{background:var(--gold-400);border-radius:2px}.stc-panel-juz .page-header-juz::-webkit-scrollbar-track{background:0 0}}@media (width>=769px) and (width<=1366px){.page-header-left{flex:2}}.page-header h1{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:2px;text-transform:uppercase;margin-bottom:0;font-size:32px;font-weight:400}.page-subtitle{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;font-size:14px;font-style:italic;font-weight:400}.header-btn-row{flex-wrap:nowrap;align-items:center;gap:6px;margin-top:12px;display:flex}.play-all-btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;background:var(--emerald-900);color:var(--gold-400);border:1.5px solid var(--gold-500);cursor:pointer;border-radius:2px;flex-direction:row;justify-content:center;align-items:center;gap:5px;margin-top:0;padding:7px 10px;font-size:9px;font-weight:700;transition:all .25s;display:inline-flex}.play-all-btn:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.start-tour-btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--gold-500);border:1.5px solid var(--gold-300);cursor:pointer;background:0 0;border-radius:2px;flex-direction:row;justify-content:center;align-items:center;gap:5px;margin-top:0;padding:7px 10px;font-size:9px;font-weight:700;transition:all .25s;display:inline-flex}.start-tour-btn:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.page-header:after{content:"✦";color:var(--gold-500);letter-spacing:24px;margin-top:20px;font-size:14px;display:block}.page-header-dashboard:after{content:none;display:none}.juz-tabs-container{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;max-width:82%;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:20px}.jt-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.jt-title{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.5px;font-size:16px;font-weight:600}.jt-info{font-family:var(--font-display);color:var(--ink-faint);font-size:12px;font-style:italic}.jt-tabs-wrap{margin-bottom:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.jt-tabs{scrollbar-width:none;justify-content:center;gap:4px;padding:2px 8px;display:flex;overflow-x:auto}.jt-tabs::-webkit-scrollbar{display:none}.jt-tab{width:34px;height:34px;font-family:var(--font-display);color:var(--ink-muted);background:var(--gold-50);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.jt-tab:hover{background:var(--gold-100);color:var(--emerald-900);border-color:var(--gold-300);transform:scale(1.15);box-shadow:0 2px 8px #0000001f}.jt-tab-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);transform:scale(1.1)}.jt-slideshow{align-items:center;gap:12px;display:flex}.jt-slide{flex:1;min-width:0}.jt-slide .surah-card{max-width:90%;margin:0 auto;animation:.3s ease-out fadeIn}.jt-arrow{background:var(--gold-50);border:1px solid var(--gold-200);width:38px;height:38px;color:var(--emerald-800);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.jt-arrow:hover:not(:disabled){background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.jt-arrow:disabled{opacity:.3;cursor:not-allowed}.jt-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.jt-dot{background:var(--gold-200);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.jt-dot:hover{background:var(--gold-400)}.jt-dot-active{background:var(--emerald-600);transform:scale(1.3)}.jt-counter{text-align:center;font-family:var(--font-display);color:var(--ink-faint);letter-spacing:1px;margin-top:8px;font-size:11px}@media (width<=700px){.juz-tabs-container{margin-bottom:20px;padding:14px}.jt-tab{width:26px;height:26px;font-size:9px}.jt-arrow{width:32px;height:32px}.jt-title{font-size:14px}.jt-slide .surah-name-arabic{font-size:18px}.jt-slideshow{gap:4px}.jt-slide{flex:1;min-width:0}.jt-slide .surah-card{width:100%}.jt-arrow{width:28px;min-width:28px;height:28px}}.section-divider{align-items:center;gap:14px;margin:10px 0;display:flex}.section-divider-line{background:linear-gradient(90deg, transparent, var(--gold-300) 40%, var(--gold-400) 60%, transparent);flex:1;height:1px}.section-divider-ornament{background:radial-gradient(circle, var(--gold-50) 60%, transparent 100%);border:1px solid var(--gold-200);width:32px;height:32px;color:var(--gold-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #d4a84b33,inset 0 0 6px #d4a84b14}[data-theme=dark] .section-divider-line{background:linear-gradient(90deg, transparent, var(--gold-700) 40%, var(--gold-600) 60%, transparent)}[data-theme=dark] .section-divider-ornament{border-color:var(--gold-700);color:var(--gold-400);background:radial-gradient(circle,#d4a84b1f 60%,#0000 100%);box-shadow:0 0 10px #d4a84b1a}.filter-bar{max-width:640px;margin-bottom:36px;margin-left:auto;margin-right:auto}.filter-row{gap:10px;display:flex}.juz-select{font-family:var(--font-display);letter-spacing:.5px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;min-width:120px;padding:16px 18px;font-size:14px;transition:border-color .3s,box-shadow .3s}.juz-select:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c8a45c1f}.filter-input{width:100%;font-family:var(--font-body);border:1px solid var(--gold-300);background:var(--white);color:var(--ink);letter-spacing:.3px;border-radius:2px;outline:none;flex:1;padding:16px 24px;font-size:15px;transition:border-color .3s,box-shadow .3s}.filter-input::placeholder{color:var(--ink-faint);font-style:italic}.filter-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c8a45c1f}.surah-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1024px){.surah-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.surah-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}}.surah-card{background:linear-gradient(to right, var(--emerald-900) 90px, var(--white) 90px);border:1px solid var(--gold-200);cursor:pointer;border-radius:2px;flex-wrap:wrap;align-content:space-between;align-items:stretch;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.4s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.surah-card:before{content:"";background:var(--gold-500);opacity:0;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.surah-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--gold-400);transform:translateY(-3px)}.surah-card:hover:before{opacity:1}.surah-card-number{background:var(--emerald-900);width:90px;color:var(--gold-400);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:280px;padding:0;transition:background .2s;display:flex;position:relative}.surah-card-number:hover{background:var(--emerald-800)}.play-btn-circle{border:1.5px solid var(--gold-400);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,transform .2s;display:inline-flex;position:relative}.play-group{flex-direction:column;align-items:center;gap:6px;display:flex}.surah-card-number:hover .play-btn-circle{background:#d4af3726;transform:scale(1.1)}.surah-card-play-icon{opacity:1;color:var(--gold-400)}.surah-card-paused{color:#fbbf24;animation:1.5s ease-in-out infinite pulse}.card-column-ayah{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--emerald-900);text-align:center;background:var(--gold-300);flex-shrink:0;justify-content:center;align-items:center;width:90px;padding:3px 4px;font-size:10px;font-weight:700;display:flex}.surah-card-number .card-surah-label{font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;white-space:normal;text-align:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1.25}.surah-card-number:after{content:"";background:var(--emerald-900);z-index:1;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.surah-card-play{width:48px;color:var(--gold-400);border:none;border-left:1px solid var(--gold-200);cursor:pointer;opacity:.6;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.surah-card-play:hover{background:var(--emerald-900);color:var(--gold-400);opacity:1}.surah-card:hover .surah-card-play{opacity:1}.surah-card-body{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;padding:8px 24px 8px 12px;display:flex}.surah-card-bottom-row{border-top:1px solid var(--gold-200);background:var(--parchment-light,#fdf8f0);flex-direction:row;flex-basis:100%;align-items:stretch;height:24px;display:flex;overflow:hidden}.surah-card-names{flex-direction:column;gap:4px;padding-left:20px;display:flex}.surah-card-pills{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.surah-name-arabic{font-family:var(--font-arabic-ui);color:var(--emerald-900);direction:rtl;font-size:28px;line-height:1.5}.surah-name-row{direction:rtl;flex-direction:row;align-items:center;gap:10px;display:flex}.surah-body-number{border:1.5px solid var(--emerald-600);width:28px;height:28px;font-family:var(--font-display);letter-spacing:.3px;color:var(--emerald-700);direction:ltr;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.surah-name-sajdah{color:var(--emerald-600);direction:ltr;flex-shrink:0;align-self:center;font-size:16px;line-height:1}[data-theme=dark] .surah-name-sajdah{color:var(--emerald-300)}.surah-name-english{font-family:var(--font-display);letter-spacing:.3px;color:#2a5a46;white-space:nowrap;background:linear-gradient(135deg,#e8f0ec,#d4e6dc);border-radius:3px;width:fit-content;padding:3px 10px;font-size:13px;font-weight:600;display:inline;box-shadow:0 1px 2px #0000000f}.surah-name-desc{font-family:var(--font-body);color:var(--ink-soft);letter-spacing:.2px;text-align:left;flex-basis:100%;margin:6px 0 0;font-size:14.5px;line-height:1.7}.surah-name-desc-ur{text-align:right;letter-spacing:0;font-family:Noto Nastaliq Urdu,serif;font-size:15px;line-height:2.1}.surah-name-desc-ar{text-align:right;letter-spacing:0;font-family:Noto Naskh Arabic,serif;font-size:15px;line-height:1.9}.desc-lang-toggle{vertical-align:middle;direction:ltr;flex-direction:row;gap:2px;margin-inline-start:6px;display:inline-flex}.desc-lang-btn{font-family:var(--font-ui,sans-serif);letter-spacing:.6px;border:1px solid var(--gold-400,#b89060);color:var(--emerald-800,#1a5c3a);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.4;transition:background .15s,color .15s}.desc-lang-btn:hover{background:var(--gold-200,#f0e0b8)}.desc-lang-btn.active{background:var(--emerald-800,#1a5c3a);color:var(--gold-200,#f0e0b8);border-color:var(--emerald-800,#1a5c3a)}[data-theme=dark] .desc-lang-btn{color:var(--gold-300,#c8a45c);border-color:var(--gold-600,#8a6830)}[data-theme=dark] .desc-lang-btn:hover{background:#c8a45c26}[data-theme=dark] .desc-lang-btn.active{background:var(--gold-700,#6a4820);color:var(--gold-200,#f0e0b8);border-color:var(--gold-600,#8a6830)}.surah-alt-names{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.label-icon-tip{color:var(--ink-faint);cursor:default;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.label-icon-tip:after{content:attr(data-tooltip);background:var(--emerald-900);color:#fff;font-family:var(--font-display);letter-spacing:.3px;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;border-radius:4px;padding:3px 8px;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.label-icon-tip:hover:after{opacity:1}.alt-name-pill{font-family:var(--font-arabic-ui);color:var(--emerald-900);border:1px solid var(--gold-200);border-radius:12px;padding:3px 12px;font-size:13px}.surah-key-verse{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:auto;padding:8px 12px 8px 0;display:flex}.key-verse-content{flex-direction:row;flex-shrink:0;align-self:flex-end;align-items:baseline;gap:8px;display:flex}.key-verse-text{font-family:var(--font-arabic-ui);color:var(--emerald-900);font-size:18px;line-height:2}.key-verse-ref{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.5px;direction:ltr;margin-top:2px;font-size:10px}.key-verse-meta{flex-flow:row;flex:1;align-items:center;min-width:0;display:flex}.muqattaat-mobile{display:none}.kvm-primary,.kvm-secondary{display:contents}.surah-card-meta{align-items:center;gap:12px;margin-top:2px;display:flex}.surah-card-extra{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.surah-card-extra .extra-meaning,.key-verse-meta .extra-meaning{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.2px;font-size:12px;font-style:italic}.surah-card-extra .extra-pill,.key-verse-meta .extra-pill{font-family:var(--font-display);letter-spacing:.5px;white-space:nowrap;border-radius:1px;padding:3px 8px;font-size:10px;font-weight:700}.surah-card-extra .extra-revealed,.key-verse-meta .extra-revealed{background:var(--gold-100,#faf3e0);color:var(--gold-700,#92700c);border:1px solid var(--gold-200)}.surah-card-extra .extra-sajdah,.key-verse-meta .extra-sajdah{background:var(--emerald-100,#e0f2ec);color:var(--emerald-900);border:1px solid var(--emerald-200,#a7d7c5);padding:1px 7px;font-size:14px;line-height:1}.surah-card-extra .extra-ruku,.key-verse-meta .extra-ruku{background:var(--ink-faint-bg,#f5f5f5);color:var(--ink-muted);border:1px solid var(--gold-200)}.surah-card-extra .extra-time,.key-verse-meta .extra-time{background:var(--parchment-dark);color:var(--ink-muted)}.surah-card-extra .extra-theme,.key-verse-meta .extra-theme{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.surah-card-extra .extra-muqattaat,.key-verse-meta .extra-muqattaat{font-family:var(--font-arabic-ui);color:var(--gold-600);letter-spacing:1px;font-size:14px}.juz-pill-in-number{box-shadow:none;color:var(--gold-400);letter-spacing:.5px;text-align:center;white-space:normal;word-break:break-word;background:#00000026;border:none;padding:6px 4px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;top:0;left:0;right:0}@media (width<=768px){.surah-card-extra{display:none}.surah-card-number{width:72px}.surah-card{background:linear-gradient(to right, var(--emerald-900) 72px, var(--white) 72px)}.juz-pill-in-number{padding:5px 4px;font-size:9px}.card-column-ayah{flex-shrink:0;width:72px;font-size:9px}.revelation-badge{margin-left:-12px}.play-btn-circle{width:30px;height:30px}.surah-name-arabic{font-size:20px}.surah-name-row{gap:7px}.surah-body-number{width:24px;height:24px;font-size:9px}.surah-name-sajdah{font-size:14px}.surah-alt-names{flex-wrap:nowrap;gap:4px;overflow:hidden}.alt-name-pill{white-space:nowrap;padding:2px 6px;font-size:10px}.key-verse-content{flex-shrink:1;min-width:0;overflow:hidden}.key-verse-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.key-verse-ref{white-space:nowrap;flex-shrink:0;font-size:9px}.key-verse-meta{gap:4px}.key-verse-meta .extra-pill,.ayah-count{padding:5px 6px;font-size:9px}.key-verse-meta .extra-muqattaat{display:none}.muqattaat-mobile{display:inline}}.play-confirm-overlay{z-index:9000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.play-confirm-modal{background:var(--parchment);border:1px solid var(--gold-200);text-align:center;border-radius:4px;width:320px;padding:28px 32px;animation:.25s ease-out fadeInUp;box-shadow:0 12px 40px #0003}.play-confirm-icon{background:var(--emerald-900);width:48px;height:48px;color:var(--gold-400);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.play-confirm-title{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.3px;margin-bottom:6px;font-size:17px;font-weight:600}.play-confirm-text{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:20px;font-size:14px;line-height:1.5}.play-confirm-actions{justify-content:center;gap:10px;display:flex}.play-confirm-btn{font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border-radius:2px;padding:9px 24px;font-size:13px;font-weight:600;transition:all .2s}.play-confirm-yes{background:var(--emerald-900);color:var(--gold-400);border:1px solid var(--emerald-800)}.play-confirm-yes:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.play-confirm-no{color:var(--ink-muted);border:1px solid var(--gold-200);background:0 0}.play-confirm-no:hover{background:var(--gold-50);color:var(--ink-light)}.revelation-icon{flex-shrink:0;width:26px;height:26px;display:block}.revelation-text{display:none}.revelation-badge{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;background:0 0;border:none;border-radius:1px;justify-content:center;align-items:center;margin-left:-16px;padding:2px 4px;font-size:11px;font-weight:600;display:inline-flex}.revelation-badge.makki{color:var(--gold-700)}.revelation-badge.madani{color:var(--emerald-700)}.ayah-count{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;background:var(--emerald-50);color:var(--emerald-700);border:1px solid var(--emerald-200);border-radius:1px;padding:3px 8px;font-size:11px;font-weight:600}.surah-card-names-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.surah-names-rtl{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.juz-pill{font-family:var(--font-display);letter-spacing:.8px;background:linear-gradient(135deg, var(--emerald-50), var(--emerald-100));color:var(--emerald-800);border:1px solid var(--emerald-200);white-space:nowrap;padding:4px 12px;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0a3d2a1a}.juz-pill-span{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-800)}.stats-juz-pill-row{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.stats-juz-pill-note{font-family:var(--font-display);color:var(--ink-faint);font-size:10px;font-style:italic}.surah-detail-header{text-align:center;background:radial-gradient(ellipse 80% 55% at 50% 0%, #c8a45c17 0%, transparent 62%), linear-gradient(175deg, var(--emerald-950) 0%, #0d4a33 50%, var(--emerald-900) 100%);border:1px solid #c8a45c2e;border-bottom:2px solid var(--gold-500);border-radius:2px;margin-bottom:32px;padding:0;position:relative;overflow:hidden}.surah-detail-header:before{content:"";opacity:.035;pointer-events:none;background-image:repeating-linear-gradient(0deg, transparent, transparent 28px, var(--gold-400) 28px, var(--gold-400) 29px), repeating-linear-gradient(90deg, transparent, transparent 28px, var(--gold-400) 28px, var(--gold-400) 29px);position:absolute;inset:0}.surah-detail-header:after{content:"";pointer-events:none;background:radial-gradient(#c8a45c12 0%,#0000 70%);width:500px;height:280px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.surah-chapter-number{font-family:var(--font-display);color:var(--gold-300);letter-spacing:2.5px;text-transform:uppercase;background:#c8a45c12;border:1px solid #c8a45c59;border-radius:2px;margin-bottom:20px;padding:0 18px;font-size:10px;font-weight:600;line-height:1.1;display:inline-block;position:relative}.surah-title-arabic{font-family:var(--font-arabic);color:var(--gold-100);text-shadow:0 0 80px #c8a45c26,0 4px 24px #00000080;margin-bottom:14px;font-size:68px;line-height:1.4;position:relative}.surah-title-english{font-family:var(--font-display);color:var(--emerald-200);letter-spacing:5px;text-transform:uppercase;margin-bottom:4px;font-size:26px;font-weight:400;position:relative}.surah-title-urdu{font-family:var(--font-urdu);color:#a0dcb4d9;margin-bottom:8px;font-size:22px;line-height:2;position:relative}.surah-detail-meta{justify-content:center;align-items:center;gap:20px;display:flex;position:relative}.surah-detail-meta .revelation-badge{color:var(--gold-300);border-color:var(--gold-500);background:0 0}.surah-detail-meta .ayah-count{color:var(--emerald-300)}.surah-controls{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;flex-wrap:wrap;gap:14px;margin-bottom:32px;padding:6px 12px;transition:box-shadow .2s,border-color .2s;display:flex}.surah-controls--sticky{top:var(--navbar-height);z-index:50;border-color:var(--gold-400);position:sticky;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014}@media (width<=768px){.surah-controls--sticky{border-color:var(--gold-200);box-shadow:none;position:static}}.controls-left{flex-flow:wrap;flex:100%;align-items:stretch;gap:0;min-width:0;display:flex}.controls-left,.controls-left *{text-decoration:none}.ctrl-col{flex-direction:column;display:flex}.ctrl-inline-row{flex-direction:row;align-items:flex-start;display:flex}.ctrl-group{flex-direction:column;gap:5px;padding:6px 14px;display:flex}.ctrl-group-label{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--gold-300);text-decoration-color:var(--gold-300);font-size:10px;font-weight:700}.ctrl-divider{background:var(--gold-200);flex-shrink:0;align-self:stretch;width:1px;margin:4px 0;-webkit-mask-image:linear-gradient(#0000,#000 25% 75%,#0000);mask-image:linear-gradient(#0000,#000 25% 75%,#0000)}.ctrl-items{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.ctrl-items-col{flex-direction:column;align-items:flex-start;gap:3px}.ctrl-pill{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink-light);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.ctrl-pill input[type=checkbox],.ctrl-pill input[type=radio]{cursor:pointer;width:15px;height:15px;accent-color:var(--emerald-700);flex-shrink:0;margin:0}.ctrl-pill:hover{color:var(--ink)}.ctrl-pill-disabled{opacity:.35;pointer-events:none}.ctrl-seg{border:1px solid var(--gold-300);box-shadow:var(--shadow-sm);border-radius:3px;display:inline-flex;overflow:hidden}.ctrl-seg-btn{font-family:var(--font-display);letter-spacing:.5px;background:var(--white);color:var(--ink-muted);border:none;border-right:1px solid var(--gold-300);cursor:pointer;white-space:nowrap;padding:5px 11px;font-size:11px;font-weight:600;line-height:1;transition:background .15s,color .15s}.ctrl-seg-btn:last-child{border-right:none}.ctrl-seg-btn:hover{background:var(--gold-100);color:var(--ink-light)}.ctrl-seg-btn-on{background:var(--emerald-800);color:var(--gold-300)}.ctrl-seg-btn-on:hover{background:var(--emerald-700);color:var(--gold-200)}.ctrl-size-row{align-items:center;gap:10px;display:flex}.ctrl-size-lang{color:var(--ink-muted);text-align:center;flex-shrink:0;width:20px;font-size:16px;line-height:1}.ctrl-select-row{align-items:center;gap:10px;display:flex}.ctrl-field-label{font-family:var(--font-display);letter-spacing:.5px;color:var(--ink-muted);white-space:nowrap;min-width:40px;font-size:12px;font-weight:600}.ctrl-select{font-family:var(--font-display);letter-spacing:.5px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:3px;outline:none;padding:2px 8px;font-size:12px;font-weight:600;transition:border-color .15s}.ctrl-sleep-badge{border:1px solid var(--gold-300);color:var(--gold-500);font-variant-numeric:tabular-nums;letter-spacing:.5px;background:#c8a45c26;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.ctrl-select:hover,.ctrl-select:focus{border-color:var(--emerald-600);outline:none}.ctrl-select-wide{min-width:155px}.controls-waqf-below{border-top:1px solid var(--gold-200);flex:100%;padding-top:14px}.controls-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.surah-controls .controls-row .reading-mode-btn,.surah-controls .controls-row .toggle-waqf{letter-spacing:.8px;box-sizing:border-box;white-space:nowrap;justify-content:flex-start;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;line-height:1;display:inline-flex}.surah-controls .controls-row .reading-mode-btn svg,.surah-controls .controls-row .toggle-waqf svg{flex:none;width:16px;height:16px}.controls-row-waqf{display:none}.surah-controls.bottom-nav{justify-content:center;margin-top:40px;margin-bottom:0}.language-toggles{gap:8px;display:flex}.language-toggles label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:var(--parchment);color:var(--ink-muted);border:1px solid var(--gold-200);border-radius:2px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.language-toggles label input[type=checkbox]{display:none}.language-toggles label.toggle-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.zoom-control{align-items:center;gap:10px;display:flex}.zoom-control-multi{flex-flow:wrap;align-items:center;gap:16px}.controls-row-align-left{justify-content:flex-start}.zoom-row{align-items:center;gap:10px;display:flex}.zoom-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;min-width:56px;font-size:14px;font-weight:600}.translation-control{align-items:stretch;gap:8px;display:flex}.translation-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;min-width:88px;font-size:14px;font-weight:600}.translation-select{font-family:var(--font-display);letter-spacing:.3px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;max-width:220px;padding:8px 14px;font-size:13px;transition:border-color .3s}.translation-select:focus{border-color:var(--gold-500)}.translation-loading{font-family:var(--font-display);color:var(--gold-600);letter-spacing:.5px;font-size:11px;animation:1.2s ease-in-out infinite pulse}.zoom-buttons{border:1px solid var(--gold-300);border-radius:2px;gap:0;display:flex;overflow:hidden}.zoom-btn{font-family:var(--font-display);letter-spacing:.3px;background:var(--white);color:var(--ink-muted);border:none;border-right:1px solid var(--gold-200);cursor:pointer;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s}.zoom-btn:last-child{border-right:none}.zoom-btn:hover{background:var(--gold-50);color:var(--ink-light)}.zoom-btn.zoom-active{background:var(--emerald-900);color:var(--gold-400)}.surah-nav{gap:8px;display:flex}.surah-nav-center{justify-content:center;margin-bottom:24px}.nav-btn{font-family:var(--font-display);border:1px solid var(--gold-400);background:var(--white);color:var(--emerald-800);letter-spacing:1px;text-transform:uppercase;border-radius:2px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .25s}.nav-btn:hover:not(:disabled){background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.tour-nav-btn{border-color:var(--gold-300);color:var(--gold-600);align-items:center;gap:6px;display:inline-flex}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.surah-primary-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.surah-primary-actions .reading-mode-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-300);border:1px solid var(--emerald-600);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.surah-primary-actions .reading-mode-btn:hover{border-color:var(--gold-500);color:var(--gold-400)}.play-surah-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-300);border:1px solid var(--emerald-600);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;margin-top:0;padding:8px 20px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex;position:relative}.play-surah-btn:hover{border-color:var(--gold-500);color:var(--gold-400)}.now-playing-bar{background:var(--emerald-950);border:1px solid var(--emerald-800);border-radius:2px;margin-bottom:16px;animation:.3s ease-out fadeInUp;overflow:hidden}.now-playing-info{align-items:center;gap:10px;padding:12px 18px 8px;display:flex}.now-playing-icon{color:var(--gold-400);animation:1.5s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.now-playing-text{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--emerald-200);flex:1;font-size:13px;font-weight:500}.now-playing-stop{width:32px;height:32px;color:var(--emerald-300);border:1px solid var(--emerald-700);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;transition:all .2s;display:flex}.now-playing-stop:hover{background:var(--emerald-800);color:var(--gold-400);border-color:var(--gold-500)}.now-playing-progress{background:var(--emerald-800);height:3px}.now-playing-progress-fill{background:linear-gradient(90deg, var(--gold-500), var(--gold-400));height:100%;transition:width .2s linear}.repeat-btn{display:none}.ayah-repeat-btn,.ayah-loop-btn{background:var(--parchment);width:32px;height:32px;color:var(--emerald-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-repeat-btn:hover,.ayah-loop-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);transform:scale(1.1)}.ayah-repeat-btn.active{background:var(--gold-500);color:var(--white);border-color:var(--gold-500);box-shadow:0 0 8px #c8a45c66}.ayah-loop-btn.loop-start{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}.ayah-loop-btn.loop-end{background:var(--gold-500);color:var(--white);border-color:var(--gold-500)}.loop-badge{font-family:var(--font-display);letter-spacing:.6px;color:var(--gold-400);background:var(--emerald-800);border:1px solid var(--gold-500);border-radius:2px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.loop-badge-clear{width:18px;height:18px;color:var(--emerald-300);border:1px solid var(--emerald-600);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.loop-badge-clear:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.ayah-play-btn{background:var(--parchment);width:32px;height:32px;color:var(--emerald-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-play-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);transform:scale(1.1)}.ayah-play-btn.playing{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);animation:1.5s ease-in-out infinite pulse}.ayah-card.ayah-playing{background:var(--gold-50);border-color:var(--gold-400);box-shadow:inset 3px 0 0 var(--gold-500)}.word-active{color:#7c4a03;background:#fde68a;border-radius:50%;padding:4px 8px;transition:background .15s,color .15s,box-shadow .15s;box-shadow:0 0 10px #fbbf2480,0 4px 8px #0003}.word-done{color:var(--ink-faint);transition:color .3s}.bismillah-block{text-align:center;margin-bottom:8px}.bismillah{text-align:center;font-family:var(--font-arabic);color:var(--emerald-800);padding:32px 0 8px;font-size:36px;position:relative}.bismillah-english{font-family:var(--font-body);color:var(--ink-light);text-align:center;margin-bottom:4px;font-size:15px;font-style:italic;line-height:1.7}.bismillah-urdu{font-family:var(--font-urdu);color:var(--ink-muted);padding-bottom:24px;font-size:18px;line-height:2.2}.bismillah:before,.bismillah:after{content:"";background:var(--gold-400);width:60px;height:1px;position:absolute;top:50%}.bismillah:before{right:calc(50% + 200px)}.bismillah:after{left:calc(50% + 200px)}.ayah-list{flex-direction:column;gap:0;display:flex}.ayah-card{background:var(--white);border:1px solid var(--gold-200);border-top:none;flex-direction:row;gap:20px;padding:28px 32px 28px 0;transition:background .25s;display:flex;position:relative}.ayah-card:first-child{border-top:1px solid var(--gold-200);border-radius:2px 2px 0 0}.ayah-card:last-child{border-radius:0 0 2px 2px}.ayah-card:hover{background:var(--gold-50)}.ayah-side{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;padding:0 12px;display:flex}.ayah-number-group{flex-direction:column;align-items:center;gap:4px;display:flex}.ayah-actions-row{border-bottom:1px solid var(--gold-200);flex-direction:row;justify-content:center;align-items:center;gap:4px;margin-bottom:4px;padding-bottom:6px;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);mask-image:linear-gradient(90deg,#000 90%,#0000)}.ayah-actions-row::-webkit-scrollbar{display:none}@media (width<=768px){.ayah-card{flex-direction:row;gap:10px;padding-left:0}.ayah-side{justify-content:flex-start;padding-top:12px}.ayah-actions-row{justify-content:flex-start}}.ayah-juz{font-family:var(--font-display);color:var(--gold-700);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:var(--gold-50);border:1px solid var(--gold-200);border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}.ayah-number{width:36px;height:36px;color:var(--gold-400);font-family:var(--font-display);background:var(--emerald-900);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.ayah-number:before{content:"";border:1.5px solid var(--gold-500);border-radius:50%;position:absolute;inset:0}.ayah-number:after{content:"";border:1px solid var(--gold-300);border-radius:50%;position:absolute;inset:3px}.ayah-content{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.ayah-arabic{font-family:var(--font-arabic);font-size:calc(30px * var(--zoom-arabic,1));color:var(--ink);text-align:right;border-bottom:1px solid var(--gold-100);word-spacing:.08em;font-feature-settings:"liga" 1, "calt" 1;text-rendering:optimizelegibility;padding-bottom:12px;line-height:2}.ayah-english{font-family:var(--font-body);font-size:calc(15px * var(--zoom-english,1));color:var(--ink-light);line-height:1.85}.ayah-urdu{font-family:var(--font-urdu);font-size:calc(20px * var(--zoom-urdu,1));color:var(--ink-muted);text-align:right;border-top:1px solid var(--gold-100);font-feature-settings:"liga" 1, "calt" 1;text-rendering:optimizelegibility;padding-top:4px;line-height:2.2}.toggle-waqf{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:var(--parchment);color:var(--ink-muted);border:1px solid var(--gold-200);border-radius:2px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.toggle-waqf input[type=checkbox]{display:none}.toggle-waqf.toggle-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.waqf-mark{cursor:help;border-radius:2px;padding:0 2px;font-weight:700;transition:background .2s;position:relative}.waqf-mark:hover{background:#c8a45c26}.waqf-red{color:#c0392b}.waqf-red-dark{color:#922b21}.waqf-gold{color:var(--gold-600)}.waqf-green{color:var(--emerald-600)}.waqf-blue{color:#2980b9}.waqf-teal{color:#16a085}.waqf-purple{color:#8e44ad}.waqf-neutral{color:var(--ink-faint)}.waqf-emerald{color:var(--emerald-700)}.waqf-amber{color:#d4a017}[data-theme=dark] .waqf-red{color:#e74c3c}[data-theme=dark] .waqf-blue{color:#5dade2}[data-theme=dark] .waqf-teal{color:#1abc9c}[data-theme=dark] .waqf-purple{color:#a569bd}[data-theme=dark] .waqf-amber{color:#f1c40f}.waqf-legend{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;margin-bottom:24px;padding:20px 24px;animation:.3s ease-out fadeInUp}.controls-waqf-below .waqf-legend{border:none;border-radius:0;margin-bottom:0;padding:0}.controls-waqf-below .waqf-legend-grid{grid-template-columns:repeat(5,1fr);gap:6px}.controls-waqf-below .waqf-legend-symbol{width:34px;height:34px;font-size:14px}.controls-waqf-below .waqf-legend-item{gap:8px;padding:4px 6px}.controls-waqf-below .waqf-legend-title{margin-bottom:8px;padding-bottom:6px;font-size:11px}.controls-waqf-below .waqf-legend-name{font-size:11px}.controls-waqf-below .waqf-legend-desc{font-size:10px}.controls-row-intro .surah-intro-inline{background:0 0;border:none;border-radius:0;margin:0;padding:0 12px 0 18px;overflow:visible}.controls-row-intro .surah-intro-toggle{padding:10px 0}.controls-row-intro .surah-intro-body{padding:0 0 8px}.waqf-legend-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--emerald-800);border-bottom:1px solid var(--gold-200);margin-bottom:16px;padding-bottom:10px;font-size:13px;font-weight:700}.waqf-legend-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.waqf-legend-item{border-radius:2px;align-items:center;gap:12px;padding:6px 8px;transition:background .2s;display:flex}.waqf-legend-item:hover{background:var(--gold-50)}.waqf-legend-symbol{font-family:var(--font-arabic-ui);text-align:center;border:1px solid var(--gold-200);background:#f7e8c9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;line-height:1;display:flex}.waqf-legend-info{flex-direction:column;gap:1px;display:flex}.waqf-legend-name{font-family:var(--font-display);color:var(--ink-light);font-size:13px;font-weight:600}.waqf-legend-desc{font-family:var(--font-body);color:var(--ink-faint);font-size:12px}.ayah-translated{flex-direction:column;gap:6px;display:flex}.translated-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:1px;align-self:flex-start;padding:2px 10px;font-size:10px;font-weight:600;display:inline-block}.search-form{max-width:680px;margin-bottom:40px;margin-left:auto;margin-right:auto}.search-input-group{gap:8px;display:flex}.search-input{font-family:var(--font-body);border:1px solid var(--gold-300);background:var(--white);color:var(--ink);border-radius:2px;outline:none;flex:1;padding:16px 24px;font-size:15px;transition:border-color .3s,box-shadow .3s}.search-input::placeholder{color:var(--ink-faint);font-style:italic}.search-input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c8a45c1f}.lang-select{font-family:var(--font-display);letter-spacing:.5px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;padding:16px 18px;font-size:14px}.lang-select:focus{border-color:var(--gold-500)}.search-btn{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;background:var(--emerald-900);color:var(--gold-400);border:1px solid var(--emerald-900);border-radius:2px;padding:16px 32px;font-size:13px;font-weight:600;transition:all .25s}.search-btn:hover:not(:disabled){background:var(--emerald-800)}.search-btn:disabled{opacity:.6}@media (width<=600px){.search-input-group{flex-direction:column}}.search-results{flex-direction:column;gap:16px;display:flex}.search-result-card{background:var(--white);border:1px solid var(--gold-200);cursor:pointer;border-radius:2px;padding:24px 28px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.search-result-card:before{content:"";background:var(--gold-500);opacity:0;width:3px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0}.search-result-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-400);transform:translateY(-2px)}.search-result-card:hover:before{opacity:1}.search-result-header{border-bottom:1px solid var(--gold-100);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.result-surah{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.5px;font-size:15px;font-weight:600}.result-ayah{font-family:var(--font-display);color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-200);letter-spacing:.5px;text-transform:uppercase;border-radius:1px;padding:4px 14px;font-size:12px}.search-result-body{flex-direction:column;gap:12px;display:flex}.loading{text-align:center;font-family:var(--font-display);color:var(--ink-muted);letter-spacing:1px;padding:80px 0;font-size:18px;animation:.5s ease-out fadeIn}.loading:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-500), transparent);background-size:200% 100%;width:40px;height:2px;margin:16px auto 0;animation:1.5s ease-in-out infinite shimmer;display:block}.skeleton-block{background:linear-gradient(90deg, var(--parchment-dark,#ece7d8) 25%, #ffffff8c 50%, var(--parchment-dark,#ece7d8) 75%);background-size:600px 100%;border-radius:4px;animation:1.4s linear infinite shimmer}[data-theme=dark] .skeleton-block{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1f 50%,#ffffff0d 75%) 0 0/600px 100%}.page-loader{max-width:1200px;margin:0 auto;padding:24px 16px;animation:.3s ease-out fadeIn}.page-loader-header{border-radius:6px;height:180px;margin-bottom:24px}.page-loader-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.page-loader-card{border-radius:3px;height:90px}.section-loader{flex-direction:column;gap:10px;padding:12px 0;display:flex}.section-loader-line{border-radius:3px;height:13px}@media (width<=768px){.page-loader-grid{grid-template-columns:1fr}.page-loader-card{height:72px}}.error{text-align:center;font-family:var(--font-body);color:var(--red-muted);background:#fef7f7;border:1px solid #f0d0d0;border-radius:2px;padding:40px 32px;font-size:15px}.results-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.results-bar-search{flex:1;gap:8px;max-width:420px;display:flex}.results-bar-search .filter-input{padding:8px 14px;font-size:13px}.results-bar-search .juz-select{min-width:90px;padding:8px 10px;font-size:13px}.results-bar-slideshow{max-width:82%;margin-left:auto;margin-right:auto}.pagination-info{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.5px;font-size:14px}.pagination-info-label,.pagination-info-count{display:inline}.pagination-info-label:after{content:" "}.view-toggle{background:var(--parchment-dark);border-radius:4px;gap:4px;padding:3px;display:flex}.view-toggle-btn{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-toggle-btn:hover{color:var(--ink-light)}.view-toggle-active{background:var(--emerald-900);color:var(--gold-400);box-shadow:var(--shadow-sm)}@media (width<=768px){.view-toggle{display:none}.results-bar{flex-direction:column;align-items:center;gap:8px}.results-bar-search{width:100%;max-width:100%}.pagination-info{font-size:13px}}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:36px;display:flex}.pagination-btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;background:var(--white);color:var(--emerald-800);border:1px solid var(--gold-300);cursor:pointer;border-radius:2px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .25s}.pagination-btn:hover:not(:disabled){background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{gap:4px;display:flex}.pagination-page{font-family:var(--font-display);background:var(--white);width:40px;height:40px;color:var(--ink-muted);border:1px solid var(--gold-200);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .25s;display:flex}.pagination-page:hover{border-color:var(--gold-400);color:var(--emerald-800)}.pagination-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.pagination-active:hover{background:var(--emerald-800);color:var(--gold-400)}@media (width<=768px){.pagination{gap:3px;margin-top:20px}.pagination-btn{padding:5px 8px;font-size:10px}.pagination-btn svg{width:13px;height:13px}.pagination-page{width:28px;height:28px;font-size:11px}}.no-results{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:48px 0;font-size:16px;font-style:italic}.page-with-sidebar{grid-template-columns:1fr 320px;align-items:start;gap:32px;display:grid}.page-main{min-width:0}.stats-panel{top:calc(var(--navbar-height) + 24px);max-height:calc(100vh - var(--navbar-height) - 48px);animation:.6s ease-out .2s both fadeIn;position:sticky;overflow-y:auto}.stats-panel::-webkit-scrollbar{width:3px}.stats-panel::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.stats-panel-inner{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;padding:28px 24px;position:relative}.stats-panel-inner:before{content:"";background:linear-gradient(90deg, var(--gold-500), var(--emerald-600), var(--gold-500));height:3px;position:absolute;top:0;left:0;right:0}.stats-loading{font-family:var(--font-display);color:var(--ink-faint);text-align:center;padding:40px 0;font-size:15px;font-style:italic}.stats-section{padding:4px 0}.stats-heading{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--emerald-800);margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:700;position:relative}.stats-heading:after{content:"";background:var(--gold-500);width:24px;height:1.5px;position:absolute;bottom:0;left:0}.stats-hint{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;margin-bottom:12px;font-size:13px;font-style:italic}.stats-divider{background:var(--gold-200);height:1px;margin:18px 0;position:relative}.stats-divider:after{content:"◆";background:var(--white);color:var(--gold-500);padding:0 8px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-overview-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stats-overview-grid.cols-2{grid-template-columns:1fr 1fr}.overview-stat{text-align:center;background:var(--gold-50);border:1px solid var(--gold-100);border-radius:2px;padding:14px 8px}.overview-number{font-family:var(--font-display);color:var(--emerald-900);font-size:26px;font-weight:600;line-height:1.2;display:block}.overview-label{font-family:var(--font-display);color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:12px;display:block}.revelation-bars{flex-direction:column;gap:8px;display:flex}.revelation-bar-row{grid-template-columns:98px 1fr 32px;align-items:center;gap:10px;display:grid}.rev-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.3px;font-size:12px}.rev-bar-track{background:var(--parchment-dark);border-radius:1px;height:7px;overflow:hidden}.rev-bar-fill{border-radius:1px;height:100%;transition:width .8s ease-out}.rev-makki{background:var(--gold-500)}.rev-madani{background:var(--emerald-600)}.rev-count{font-family:var(--font-display);color:var(--ink-light);text-align:right;font-size:13px;font-weight:600}.rev-timeline{border-top:1px solid var(--gold-200);margin-top:8px;padding-top:8px}.rev-timeline-label{font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:4px;font-size:10px;font-weight:600}.rev-timeline-bar{border-radius:2px;height:24px;display:flex;overflow:hidden}.rev-timeline-makki{background:linear-gradient(135deg, var(--emerald-800), var(--emerald-700));flex-direction:column;flex:13;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.rev-timeline-makki:after{content:"";background:var(--gold-400);width:1px;position:absolute;top:4px;bottom:4px;right:0}.rev-timeline-madani{background:linear-gradient(135deg, var(--gold-600), var(--gold-500));flex-direction:column;flex:10;justify-content:center;align-items:center;gap:1px;display:flex}.rev-tl-years{font-family:var(--font-display);color:var(--gold-300);letter-spacing:.5px;font-size:11px;font-weight:700;line-height:1}.rev-timeline-madani .rev-tl-years{color:var(--emerald-950)}.rev-tl-place{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--emerald-300);font-size:9px;line-height:1}.rev-timeline-madani .rev-tl-place{color:var(--emerald-900)}.rev-timeline-dates{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.sahabi-showcase{border-top:1px solid var(--gold-200);margin-top:8px;padding-top:6px}.sahabi-label{font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:4px;font-size:10px;font-weight:600}.sahabi-label-ar{font-family:var(--font-arabic-ui);letter-spacing:0;text-transform:none;color:var(--gold-500);font-size:13px}.sahabi-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.sahabi-scroll{gap:10px;width:max-content;animation:40s linear infinite sahabiScroll;display:flex}.sahabi-scroll:hover{animation-play-state:paused}@keyframes sahabiScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.sahabi-card{background:var(--gold-50);border:1px solid var(--gold-200);cursor:default;border-radius:2px;flex-direction:column;align-items:center;gap:1px;min-width:100px;padding:5px 12px 4px;transition:border-color .2s,box-shadow .2s;display:flex}.sahabi-card-clickable{cursor:pointer}.sahabi-card-clickable:hover{border-color:var(--gold-400);background:var(--gold-100);transform:translateY(-1px);box-shadow:0 2px 12px #c8a45c40}.sahabi-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sahabi-modal{background:var(--parchment,#fdf8ef);border:1px solid var(--gold-300);border-radius:12px;width:100%;max-width:560px;max-height:85vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0006}.sahabi-modal-close{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;border-radius:4px;padding:4px;line-height:0;position:absolute;top:14px;right:14px}.sahabi-modal-close:hover{color:var(--ink-body);background:var(--gold-100)}.sahabi-modal-header{background:linear-gradient(135deg, var(--emerald-900) 0%, #0d2a1a 100%);text-align:center;border-bottom:2px solid var(--gold-500);border-radius:11px 11px 0 0;padding:24px 20px 20px}.sahabi-modal-arabic{font-family:var(--font-arabic,"Amiri", serif);color:var(--gold-300);font-size:26px;line-height:1.3}.sahabi-modal-name{font-family:var(--font-display);color:var(--gold-100);letter-spacing:.5px;margin-top:4px;font-size:18px;font-weight:700}.sahabi-modal-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.sahabi-modal-badge{background:var(--gold-500);color:var(--emerald-900);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.sahabi-modal-role{color:var(--gold-300);font-size:12px;font-style:italic}.sahabi-modal-dates{color:#f0d89099;font-size:11px}.sahabi-modal-ra{font-family:var(--font-arabic,"Amiri", serif);color:var(--gold-400);opacity:.85;margin-top:6px;font-size:14px}.sahabi-modal-body{flex-direction:column;gap:18px;padding:20px;display:flex}.sahabi-modal-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--emerald-700);border-bottom:1px solid var(--gold-200);margin:0 0 8px;padding-bottom:4px;font-size:11px;font-weight:700}.sahabi-modal-list{flex-direction:column;gap:5px;margin:0;padding-left:18px;display:flex}.sahabi-modal-list li{color:var(--ink-body);font-size:13px;line-height:1.55}.sahabi-modal-list-deeds li::marker{color:var(--gold-500)}.sahabi-modal-quote{background:var(--gold-50);border-left:3px solid var(--gold-400);color:var(--ink-body);border-radius:0 6px 6px 0;margin:0;padding:12px 16px;font-size:13px;font-style:italic;line-height:1.6}@media (width<=768px){.sahabi-modal{max-height:90vh}.sahabi-modal-arabic{font-size:22px}.sahabi-modal-name{font-size:16px}}.sahabi-arabic{font-family:var(--font-arabic-ui);color:var(--emerald-900);font-size:14px;line-height:1.4}.sahabi-name{font-family:var(--font-display);color:var(--ink-light);letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:600}.sahabi-title{font-family:var(--font-display);color:var(--gold-600);text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:600}.sahabi-role{font-family:var(--font-body);color:var(--ink-faint);font-size:9px;font-style:italic}.sahabi-ra{font-family:var(--font-arabic-ui);color:var(--emerald-600);opacity:.7;font-size:10px}.stat-rows{flex-direction:column;gap:0;display:flex}.stat-row{border-bottom:1px dotted var(--gold-100);justify-content:space-between;align-items:baseline;padding:9px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.3px;font-size:14px}.stat-value{font-family:var(--font-display);color:var(--emerald-900);font-size:15px;font-weight:600}.stat-sub{color:var(--ink-faint);margin-left:4px;font-size:13px;font-weight:400}.juz-chart{flex-direction:column;gap:3px;width:100%;max-height:210px;display:flex;overflow-y:auto}.juz-chart.compact{gap:6px}.juz-chart-row{cursor:pointer;border-radius:2px;grid-template-columns:24px 1fr 36px;align-items:center;gap:8px;padding:4px 6px;transition:background .2s;display:grid}.juz-chart.compact .juz-chart-row{cursor:default;grid-template-columns:48px 1fr 36px}.juz-chart-row:hover{background:var(--gold-50)}.juz-chart-row.juz-active{background:var(--emerald-50)}.juz-chart-row.juz-active .juz-chart-label{color:var(--emerald-800);font-weight:700}.juz-chart-label,.juz-chart-count{font-family:var(--font-display);color:var(--ink-muted);text-align:right;font-size:13px}.mini-bar{background:var(--parchment-dark);border-radius:1px;height:8px;overflow:hidden}.mini-bar-fill{border-radius:1px;height:100%;transition:width .6s ease-out}.mini-bar-gold{background:linear-gradient(90deg, var(--gold-400), var(--gold-500))}.mini-bar-emerald{background:linear-gradient(90deg, var(--emerald-400), var(--emerald-600))}.juz-chart-enhanced{gap:1px;width:100%}.juz-chart-row-enhanced{cursor:pointer;border-radius:3px;flex-direction:column;gap:0;padding:0 6px;transition:background .2s;display:flex}.juz-chart-row-enhanced:hover{background:var(--gold-50)}.juz-chart-row-enhanced.juz-active{background:var(--emerald-50)}.juz-chart-row-enhanced.juz-active .juz-row-label{color:var(--emerald-800);font-weight:700}.juz-row-main{grid-template-columns:28px 1fr 32px auto auto;align-items:center;gap:5px;display:grid}.juz-row-label{font-family:var(--font-display);color:var(--ink-muted);text-align:right;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.juz-sajdah-icon{color:var(--gold-600);font-size:11px;line-height:1}.juz-row-bars{flex-direction:column;gap:2px;min-width:0;display:flex}.juz-listened-bar{background:var(--parchment-dark);border-radius:1px;height:3px;overflow:hidden}.juz-listened-bar-fill{background:linear-gradient(90deg, var(--emerald-400), var(--emerald-500));border-radius:1px;height:100%;transition:width .6s ease-out}.juz-row-count{font-family:var(--font-display);color:var(--ink-muted);text-align:right;font-size:11px}.juz-row-badge{color:#5a7a9e;white-space:nowrap;background:#5a7a9e1a;border:1px solid #5a7a9e40;border-radius:3px;padding:0 4px;font-size:10px;line-height:16px}.juz-row-star{color:var(--gold-500);cursor:default;font-size:10px;line-height:1}.juz-row-meta{align-items:center;gap:6px;padding-left:33px;display:flex}.juz-row-surah-range{color:var(--ink-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10px;overflow:hidden}.juz-row-dots{align-items:center;gap:3px;display:flex}.juz-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.juz-dot-makki{background:var(--gold-500)}.juz-dot-madani{background:var(--emerald-500)}.juz-row-hizb{color:var(--ink-muted);opacity:.6;white-space:nowrap;margin-left:auto;font-size:10px}.juz-row-listened-text{color:var(--emerald-600);opacity:.8;padding-left:33px;font-size:10px}.juz-single-card{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;align-items:center;gap:14px;padding:14px;display:flex}.juz-single-badge{background:var(--emerald-900);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.juz-single-num{font-family:var(--font-display);color:var(--gold-400);font-size:18px;font-weight:700;line-height:1}.juz-single-of{font-family:var(--font-display);color:var(--emerald-300);letter-spacing:.5px;font-size:9px}.juz-single-detail{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.juz-single-title{font-family:var(--font-display);color:var(--emerald-900);font-size:15px;font-weight:600}.juz-single-info{font-family:var(--font-display);color:var(--ink-faint);font-size:12px}.juz-single-sub{font-family:var(--font-display);color:var(--gold-600);font-size:11px;font-style:italic}.juz-position-track{gap:2px;margin-top:4px;display:flex}.juz-position-dot{background:var(--parchment-dark);border-radius:1px;flex:1;height:4px}.juz-position-active{background:var(--emerald-500)}.juz-position-multi{margin-top:10px}.juz-span-cards{flex-direction:column;gap:8px;display:flex}.juz-span-card{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;padding:10px 12px}.juz-span-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.juz-span-label{font-family:var(--font-display);color:var(--emerald-900);font-size:13px;font-weight:600}.juz-span-pct{font-family:var(--font-display);color:var(--gold-700);font-size:13px;font-weight:700}.juz-span-bar-wrap{background:var(--parchment-dark);border-radius:2px;height:6px;margin-bottom:4px;overflow:hidden}.juz-span-bar{background:linear-gradient(90deg, var(--emerald-500), var(--emerald-400));border-radius:2px;height:100%;transition:width .4s ease-out}.juz-span-count{font-family:var(--font-display);color:var(--ink-faint);font-size:11px}.juz-single{text-align:center;background:var(--gold-50);border:1px solid var(--gold-100);border-radius:2px;padding:12px}.juz-single-number{font-family:var(--font-display);color:var(--emerald-900);margin-bottom:4px;font-size:22px;font-weight:600;display:block}.juz-single-desc{font-family:var(--font-display);color:var(--ink-faint);font-size:13px;font-style:italic}.sparkline{align-items:flex-end;gap:1px;height:44px;padding:4px 0;display:flex}.spark-bar{background:var(--gold-400);opacity:.7;border-radius:1px 1px 0 0;flex:1;min-width:1px;max-width:6px;transition:background .2s}.spark-bar:hover{opacity:1;cursor:pointer;background:var(--emerald-600)!important}.spark-bar-longest{opacity:1;background:var(--emerald-600)!important}.spark-bar-shortest{opacity:1;background:var(--red-muted)!important}.vl-heatmap{flex-wrap:wrap;gap:2px;margin-bottom:4px;display:flex}.vl-heat-cell{cursor:pointer;border-radius:2px;width:14px;height:14px;transition:transform .15s,box-shadow .15s}.vl-heat-cell:hover{z-index:1;transform:scale(1.4);box-shadow:0 0 6px #0003}.vl-heat-longest{outline:2px solid var(--emerald-400);outline-offset:1px}.vl-heat-shortest{outline:2px solid var(--red-muted);outline-offset:1px}.vl-summary{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.vl-summary-item{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;display:flex}.vl-summary-item:first-child,.vl-summary-item:last-child{cursor:pointer;transition:border-color .2s}.vl-summary-item:first-child:hover,.vl-summary-item:last-child:hover{border-color:var(--gold-400)}.vl-summary-value{font-family:var(--font-display);color:var(--emerald-900);font-size:18px;font-weight:600;line-height:1}.vl-summary-label{font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.8px;font-size:10px}.vl-buckets{flex-direction:column;gap:5px;margin-top:12px;display:flex}.vl-bucket{grid-template-columns:40px 1fr 28px;align-items:center;gap:6px;display:grid}.vl-bucket-label{font-family:var(--font-display);color:var(--ink-muted);text-align:right;letter-spacing:.3px;font-size:11px}.vl-bucket-bar-wrap{background:var(--parchment-dark);border-radius:1px;height:10px;overflow:hidden}.vl-bucket-bar{background:linear-gradient(90deg, var(--gold-400), var(--emerald-500));border-radius:1px;height:100%;transition:width .4s ease-out}.vl-bucket-count{font-family:var(--font-display);color:var(--ink-muted);text-align:left;font-size:11px;font-weight:600}.statistics-page{max-width:900px;margin:0 auto}.sp-section{margin-bottom:48px;animation:.4s ease-out both fadeInUp}.sp-section-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--emerald-800);margin-bottom:10px;padding-bottom:10px;font-size:20px;font-weight:700;position:relative}.sp-section-title:after{content:"";background:var(--gold-500);width:24px;height:1.5px;position:absolute;bottom:0;left:0}.sp-section-desc{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.3px;margin-bottom:24px;font-size:16px;font-style:italic}.sp-section-note{font-family:var(--font-display);color:var(--ink-muted);text-align:center;margin-top:14px;font-size:15px;font-style:italic}.stats-section-loader{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:40px 0;font-size:15px;font-style:italic;animation:.3s ease-out fadeIn}.stats-section-loader:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-500), transparent);background-size:200% 100%;width:40px;height:2px;margin:12px auto 0;animation:1.5s ease-in-out infinite shimmer;display:block}.stats-section-error{text-align:center;font-family:var(--font-body);color:var(--red-muted);background:var(--parchment);border:1px solid var(--gold-200);border-radius:2px;margin-bottom:32px;padding:20px;font-size:14px}.sp-overview-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.sp-overview-card{text-align:center;background:var(--white);border:1px solid var(--gold-200);border-radius:2px;padding:24px 14px;transition:transform .2s,box-shadow .2s;animation:.4s ease-out both fadeInUp}.sp-overview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-clickable{cursor:pointer}.sp-clickable .sp-overview-label,.sp-clickable .sp-notable-name{text-decoration:underline;-webkit-text-decoration-color:var(--gold-300);text-decoration-color:var(--gold-300);text-underline-offset:3px;text-decoration-thickness:1.5px}.sp-clickable:hover .sp-overview-label,.sp-clickable:hover .sp-notable-name{-webkit-text-decoration-color:var(--emerald-600);text-decoration-color:var(--emerald-600)}.sp-clickable:hover{border-color:var(--gold-400)}.sp-clickable:focus-visible,.sp-sajdah-card:focus-visible,.sp-muqattaat-chip:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.sp-overview-value{font-family:var(--font-display);color:var(--emerald-900);font-size:32px;font-weight:600;line-height:1.2;display:block}.sp-overview-label{font-family:var(--font-display);color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-size:14px;display:block}.sp-notable-surahs{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.sp-notable-card{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:18px;display:flex}.sp-notable-tag{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-700);font-size:13px;font-weight:700}.sp-notable-name{font-family:var(--font-display);color:var(--emerald-900);font-size:22px;font-weight:600}.sp-notable-detail{font-family:var(--font-display);color:var(--ink-muted);font-size:15px}.sp-manzil-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.sp-manzil-card{background:var(--white);border:1px solid var(--gold-200);text-align:center;border-radius:2px;padding:20px;transition:transform .2s,box-shadow .2s;animation:.4s ease-out both fadeInUp}.sp-manzil-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-manzil-day{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-700);margin-bottom:10px;font-size:13px;font-weight:700}.sp-manzil-number{font-family:var(--font-display);color:var(--emerald-900);margin-bottom:6px;font-size:22px;font-weight:600}.sp-manzil-range{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:6px;font-size:15px}.sp-manzil-ayahs{font-family:var(--font-display);color:var(--ink-faint);font-size:14px;font-style:italic}.sp-sajdah-list{flex-direction:column;gap:8px;display:flex}.sp-sajdah-card{background:var(--white);border:1px solid var(--gold-200);cursor:pointer;border-radius:2px;padding:20px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.4s ease-out both fadeInUp;position:relative;overflow:hidden}.sp-sajdah-card:before{content:"";background:var(--gold-500);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.sp-sajdah-card:hover{box-shadow:var(--shadow-md);border-color:var(--gold-400);transform:translateY(-2px)}.sp-sajdah-card:hover:before{opacity:1}.sp-sajdah-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sp-sajdah-surah{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.3px;font-size:18px;font-weight:600}.sp-sajdah-ref{font-family:var(--font-display);color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-200);letter-spacing:.5px;text-transform:uppercase;border-radius:1px;padding:4px 14px;font-size:13px}.sp-sajdah-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:rtl;font-size:26px;line-height:1.8;overflow:hidden}.sp-muqattaat-grouped{flex-wrap:wrap;gap:16px;display:flex}.sp-muqattaat-group{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;padding:20px}.sp-muqattaat-group-header{border-bottom:1px solid var(--gold-100);justify-content:center;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:12px;display:flex}.sp-muqattaat-group-letters{font-family:var(--font-arabic);color:var(--emerald-900);direction:rtl;font-size:36px;line-height:1.2}.sp-muqattaat-group-count{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:1px;text-transform:uppercase;font-size:12px}.sp-muqattaat-tiles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sp-muqattaat-tile{background:var(--gold-50);border:1px solid var(--gold-200);cursor:pointer;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:120px;padding:16px 10px 12px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;animation:.4s ease-out both fadeInUp;display:flex}.sp-muqattaat-tile:hover{box-shadow:var(--shadow-md);background:var(--emerald-900);border-color:var(--emerald-900);transform:translateY(-2px)}.sp-muqattaat-tile:hover .sp-muqattaat-tile-name{color:var(--gold-400)}.sp-muqattaat-tile:hover .sp-muqattaat-tile-number{color:var(--emerald-300)}.sp-muqattaat-tile:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.sp-muqattaat-tile-name{font-family:var(--font-display);color:var(--ink-light);letter-spacing:.3px;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:600;transition:color .2s;overflow:hidden}.sp-muqattaat-tile-number{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.5px;font-size:12px;transition:color .2s}.sp-freq-bars{flex-direction:column;gap:6px;display:flex}.sp-freq-row{grid-template-columns:90px 1fr 70px;align-items:center;gap:12px;animation:.4s ease-out both fadeInUp;display:grid}.sp-freq-word{font-family:var(--font-arabic);color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:rtl;font-size:22px;overflow:hidden}.sp-recitation-name{font-family:var(--font-display);color:var(--ink-light);text-align:left;letter-spacing:.3px;direction:ltr;font-size:15px}.sp-freq-track{background:var(--parchment-dark);border-radius:1px;height:16px;overflow:hidden}.sp-freq-fill{border-radius:1px;height:100%;transition:width .6s ease-out}.sp-freq-fill-gold{background:linear-gradient(90deg, var(--gold-400), var(--gold-500))}.sp-freq-fill-emerald{background:linear-gradient(90deg, var(--emerald-400), var(--emerald-600))}.sp-freq-count{font-family:var(--font-display);color:var(--ink-muted);text-align:right;font-size:15px;font-weight:600}.sp-letter-chart{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;align-items:flex-end;gap:4px;height:260px;padding:20px 12px 8px;display:flex;overflow-x:auto}.sp-letter-col{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.sp-letter-bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.sp-letter-bar{background:linear-gradient(to top, var(--emerald-600), var(--emerald-400));border-radius:1px 1px 0 0;width:100%;min-height:2px;transition:height .6s ease-out}.sp-letter-col:hover .sp-letter-bar{background:linear-gradient(to top, var(--gold-500), var(--gold-400))}.sp-letter-label{font-family:var(--font-arabic);color:var(--ink-light);direction:rtl;margin-top:8px;font-size:16px}.sp-ranking-list{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;flex-direction:column;gap:2px;max-height:600px;padding:12px;display:flex;overflow-y:auto}.sp-ranking-list::-webkit-scrollbar{width:3px}.sp-ranking-list::-webkit-scrollbar-thumb{background:var(--gold-300);border-radius:2px}.sp-ranking-row{border-radius:2px;grid-template-columns:36px 140px 1fr 50px;align-items:center;gap:10px;padding:6px 8px;transition:background .15s;display:grid}.sp-ranking-row:hover{background:var(--gold-50)}.sp-ranking-pos{font-family:var(--font-display);color:var(--ink-muted);text-align:right;font-size:14px}.sp-ranking-name{font-family:var(--font-display);color:var(--ink-light);letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.sp-ranking-track{background:var(--parchment-dark);border-radius:1px;height:10px;overflow:hidden}.sp-ranking-fill{background:linear-gradient(90deg, var(--gold-400), var(--gold-500));border-radius:1px;height:100%;transition:width .6s ease-out}.sp-ranking-count{font-family:var(--font-display);color:var(--ink-muted);text-align:right;font-size:14px}.sp-recitation-total{background:var(--emerald-900);border-bottom:3px solid var(--gold-500);border-radius:2px;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;padding:28px;display:flex}.sp-recitation-total-value{font-family:var(--font-display);color:var(--gold-400);letter-spacing:1px;font-size:42px;font-weight:600}.sp-recitation-total-label{font-family:var(--font-display);color:var(--emerald-300);text-transform:uppercase;letter-spacing:1.5px;font-size:15px}.sp-recitation-list{flex-direction:column;gap:6px;display:flex}@media (width<=700px){.statistics-page{padding:0 4px}.sp-section{margin-bottom:36px}.sp-section-title{font-size:16px}.sp-section-desc{font-size:14px}.sp-overview-grid{grid-template-columns:repeat(3,1fr);gap:8px}.sp-overview-card{padding:16px 8px}.sp-overview-value{font-size:22px}.sp-overview-label{font-size:12px}.sp-notable-surahs{grid-template-columns:1fr}.sp-notable-name{font-size:18px}.sp-manzil-grid{grid-template-columns:1fr 1fr;gap:8px}.sp-manzil-card{padding:14px}.sp-manzil-number{font-size:16px}.sp-manzil-range{font-size:13px}.sp-sajdah-card{padding:14px 16px}.sp-sajdah-surah{font-size:15px}.sp-sajdah-arabic{font-size:20px}.sp-sajdah-header{flex-direction:column;align-items:flex-start;gap:6px}.sp-muqattaat-group{padding:14px}.sp-muqattaat-group-letters{font-size:28px}.sp-muqattaat-tiles{gap:8px}.sp-muqattaat-tile{width:100px;padding:12px 6px 10px}.sp-muqattaat-tile-name{font-size:12px}.sp-freq-row{grid-template-columns:60px 1fr 48px;gap:8px}.sp-freq-word{font-size:16px}.sp-freq-track{height:12px}.sp-freq-count{font-size:13px}.sp-letter-chart{height:160px;padding:16px 6px 6px;overflow-x:auto}.sp-letter-col{min-width:16px}.sp-letter-label{font-size:12px}.sp-ranking-list{max-height:400px;padding:8px}.sp-ranking-row{grid-template-columns:28px 100px 1fr 36px;gap:6px;padding:4px}.sp-ranking-name{font-size:13px}.sp-ranking-track{height:8px}.sp-recitation-total{padding:20px 16px}.sp-recitation-total-value{font-size:32px}.sp-recitation-total-label{font-size:12px}.sp-recitation-name{font-size:13px}}@media (width<=480px){.sp-overview-grid{grid-template-columns:repeat(2,1fr)}.sp-manzil-grid{grid-template-columns:1fr}.sp-ranking-row{grid-template-columns:24px 80px 1fr 30px}.sp-ranking-name{font-size:12px}.sp-freq-row{grid-template-columns:50px 1fr 40px}.sp-freq-word{font-size:14px}}.header-theme-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.surah-detail-header .theme-chip{color:#c8a45cd9;background:#c8a45c12;border-color:#c8a45c38}.surah-detail-header .theme-chip:hover{color:var(--gold-100);background:#c8a45c33;border-color:#c8a45c8c}.surah-header-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;padding-top:24px;display:flex;position:relative}.surah-header-actions:before{content:"";background:linear-gradient(90deg,#0000,#c8a45c73,#0000);width:280px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.header-action-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-300);border:1px solid var(--emerald-600);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:8px 20px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex;position:relative}.header-action-btn:hover{border-color:var(--gold-500);color:var(--gold-400)}.header-action-btn.active{color:var(--gold-400);border-color:var(--gold-500);background:#c8a45c1f}.ayah-bookmark-btn{background:var(--parchment);width:32px;height:32px;color:var(--gold-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-bookmark-btn:hover{background:var(--gold-500);color:var(--white);border-color:var(--gold-500);transform:scale(1.1)}.ayah-bookmark-btn.bookmarked{opacity:1;color:var(--gold-600);background:var(--gold-50);border-color:var(--gold-500)}.card-read-indicator{color:var(--gold-400);opacity:.85;display:flex;position:absolute;top:6px;right:6px}.card-fav-indicator{color:var(--gold-400);opacity:.85;display:flex;position:absolute;bottom:6px;right:6px}.continue-reading-banner{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;margin-bottom:28px;padding:24px 28px;position:relative;overflow:hidden}.continue-reading-banner:before{content:"";background:linear-gradient(90deg, var(--gold-500), var(--emerald-600), var(--gold-500));height:3px;position:absolute;top:0;left:0;right:0}.cr-last-read{border-bottom:1px solid var(--gold-100);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.cr-last-read:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cr-last-read-info{align-items:center;gap:10px;display:flex}.cr-icon{color:var(--emerald-700);flex-shrink:0;display:flex}.cr-text{font-family:var(--font-display);color:var(--ink-light);letter-spacing:.3px;font-size:15px}.cr-text strong{color:var(--emerald-900)}.cr-continue-btn{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:var(--emerald-900);color:var(--gold-400);border:1px solid var(--emerald-900);cursor:pointer;white-space:nowrap;border-radius:2px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .25s}.cr-continue-btn:hover{background:var(--emerald-800)}.cr-bookmarks{border-top:1px solid var(--gold-200);margin-top:14px;padding-top:14px}.cr-bookmarks-label{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold-700);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.cr-bookmarks-list{flex-wrap:wrap;gap:8px;display:flex}.cr-bookmark-chip{background:var(--white);border:1px solid var(--gold-200);border-radius:3px;align-items:center;gap:2px;transition:border-color .2s;display:flex;overflow:hidden}.cr-bookmark-chip:hover{border-color:var(--gold-400)}.cr-bookmark-link{font-family:var(--font-display);color:var(--emerald-800);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.cr-bookmark-link:hover{background:var(--emerald-900);color:var(--gold-400)}.cr-bookmark-remove{border:none;border-left:1px solid var(--gold-200);width:28px;height:100%;color:var(--ink-faint);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:6px 4px;transition:all .2s;display:flex}.cr-bookmark-remove:hover{background:var(--parchment);color:var(--red-muted)}.cr-stats-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.cr-stat{flex:1;min-width:160px}.cr-stat-label{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px;font-size:11px;font-weight:600}.cr-progress-bar{background:var(--parchment-dark);border-radius:1px;height:6px;margin-bottom:4px;overflow:hidden}.cr-progress-fill{background:linear-gradient(90deg, var(--emerald-600), var(--emerald-400));border-radius:1px;height:100%;transition:width .6s ease-out}.cr-progress-fill-goal{background:linear-gradient(90deg, var(--gold-500), var(--gold-400))}.cr-stat-detail{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;font-size:12px}.cr-streak{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;align-items:center;gap:6px;padding:6px 14px;display:flex}.cr-streak-icon{color:var(--emerald-700);display:flex}.cr-streak-text{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.5px;white-space:nowrap;font-size:13px;font-weight:600}.cr-listening-history{border-top:1px solid var(--gold-200);margin-top:14px;padding-top:14px}.cr-lh-tiles{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cr-lh-tile{background:var(--gold-50);border:1px solid var(--gold-200);cursor:pointer;text-align:center;border-radius:2px;flex-direction:column;align-items:center;gap:4px;width:110px;padding:10px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.cr-lh-tile:hover{box-shadow:var(--shadow-md);border-color:var(--gold-400);transform:translateY(-2px)}.cr-lh-play{color:var(--emerald-600);align-items:center;display:flex}.cr-lh-name{font-family:var(--font-display);color:var(--ink-light);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.cr-lh-ayah{font-family:var(--font-display);color:var(--ink-faint);font-size:10px}.cr-lh-time{font-family:var(--font-display);color:var(--ink-faint);font-size:10px;font-style:italic}.hadith-modal-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.hadith-modal{background:var(--white);border:1px solid var(--gold-200);width:100%;max-width:700px;max-height:80vh;box-shadow:var(--shadow-lg);border-radius:4px;flex-direction:column;animation:.3s ease-out fadeInUp;display:flex}.hadith-modal-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.hadith-modal-header h3{font-family:var(--font-display);letter-spacing:.8px;color:var(--gold-400);font-size:16px;font-weight:700}.hadith-modal-close{width:36px;height:36px;color:var(--emerald-300);cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.hadith-modal-close:hover{color:var(--gold-400);border-color:var(--gold-400);background:#ffffff1a}.hadith-modal-body{padding:4px;overflow-y:auto}.hadith-modal-body .hadith-references-section{border:none;margin:0;animation:none}.hadith-modal-body .hadith-section-header{display:none}.hadith-modal-body .hadith-section-body{padding:16px 20px}@media (width<=768px){.hadith-modal-overlay{padding:12px}.hadith-modal{max-height:85vh}.hadith-modal-header{padding:14px 16px}.hadith-modal-header h3{font-size:14px}}.hadith-references-section{border:1px solid var(--gold-200);background:var(--white);border-radius:2px;margin-top:40px;margin-bottom:8px;animation:.4s ease-out fadeInUp;overflow:hidden}.hadith-section-header{background:var(--emerald-900);cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 24px;transition:background .25s;display:flex}.hadith-section-header:hover{background:var(--emerald-800)}.hadith-section-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-400);font-size:14px;font-weight:700}.hadith-toggle-icon{font-family:var(--font-display);color:var(--gold-400);font-size:20px;line-height:1}.hadith-section-body{padding:20px 24px}.hadith-loading{text-align:center;font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;padding:32px 0;font-size:15px;animation:.3s ease-out fadeIn}.hadith-loading:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-500), transparent);background-size:200% 100%;width:40px;height:2px;margin:12px auto 0;animation:1.5s ease-in-out infinite shimmer;display:block}.hadith-error{text-align:center;font-family:var(--font-body);color:var(--red-muted);background:#fef7f7;border:1px solid #f0d0d0;border-radius:2px;padding:20px;font-size:15px}.hadith-empty{text-align:center;font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;padding:32px 0;font-size:15px;font-style:italic}.hadith-card:hover{border-color:var(--gold-400);box-shadow:var(--shadow-sm)}.hadith-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hadith-collection-badge{font-family:var(--font-display);letter-spacing:1.2px;background:var(--emerald-900);color:var(--gold-400);border-radius:1px;padding:5px 14px;font-size:12px;font-weight:700}.hadith-grade-badge{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:1px;padding:4px 12px;font-size:11px;font-weight:600}.hadith-grade-sahih{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.hadith-grade-hasan{background:var(--gold-50);color:var(--gold-700);border-color:var(--gold-300)}.hadith-topic{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.3px;margin-bottom:10px;font-size:16px;font-weight:600}.hadith-narrator{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:12px;font-size:15px;font-style:italic}.hadith-text-english{font-family:var(--font-body);color:var(--ink-light);margin-bottom:12px;font-size:15px;line-height:1.85}.hadith-text-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:right;border-top:1px solid var(--gold-100);word-spacing:.08em;direction:rtl;padding-top:12px;font-size:22px;line-height:2}@media (width<=600px){.main-content{padding:28px 6px 48px}.page-header h1{letter-spacing:1px;font-size:28px}.surah-detail-header{border-radius:6px;padding:0}.surah-title-arabic{font-size:48px}.surah-title-english{letter-spacing:3px;font-size:20px}.ayah-arabic{font-size:26px}.ayah-card{padding:20px 16px 20px 0}.language-toggles,.surah-nav{justify-content:center}.navbar-inner{padding:0 16px}.navbar-brand-text{letter-spacing:1px;font-size:16px}.navbar-brand-arabic{font-size:26px}.bismillah:before,.bismillah:after{display:none}.bismillah{padding:20px 0 6px;font-size:28px}.header-btn-row{flex-wrap:wrap}.error{padding:24px 16px}}@media (width<=480px){.surah-title-arabic{font-size:36px}.page-header h1{letter-spacing:.5px;font-size:22px}.play-confirm-modal{width:calc(100vw - 32px);padding:20px 16px}}@media (width<=1024px){.page-with-sidebar{grid-template-columns:1fr}.stats-panel{order:-1;max-height:none;position:static}.stats-panel-inner{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.stats-section-wide{grid-column:span 2}.stats-divider{display:none}.juz-chart{max-height:200px;overflow-y:auto}.sparkline{max-width:100%}}@media (width<=600px){.stats-panel-inner{grid-template-columns:1fr}.stats-section-wide{grid-column:span 1}}.floating-arrows{right:max(24px, env(safe-area-inset-right,24px));bottom:max(24px, env(safe-area-inset-bottom,24px));z-index:90;flex-direction:column;gap:8px;display:flex;position:fixed}.fab-btn{background:var(--white);width:44px;height:44px;color:var(--emerald-800);border:1px solid var(--gold-300);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.fab-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);transform:scale(1.1)}.fab-tabs-container{z-index:90;flex-direction:column;gap:4px;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.fab-tab{writing-mode:vertical-rl;background:var(--emerald-900);color:var(--gold-400);border:1px solid var(--gold-500);cursor:pointer;box-shadow:var(--shadow-md);border-right:none;border-radius:4px 0 0 4px;align-items:center;gap:8px;padding:16px 10px;transition:all .25s;display:flex}.fab-tab:hover{background:var(--gold-500);color:var(--emerald-950);padding-right:14px}.fab-tab.fab-active{background:var(--gold-500);color:var(--emerald-950)}.fab-tab svg{transform:rotate(90deg)}.fab-label{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:700}.feedback-overlay{z-index:95;background:#0000004d;position:fixed;inset:0}.feedback-panel{background:var(--white);border:1px solid var(--gold-200);width:min(360px,100vw - 48px);max-height:min(80vh,80dvh);box-shadow:var(--shadow-lg);z-index:100;border-radius:2px;animation:.3s ease-out panelSlideIn;position:fixed;top:50%;right:24px;overflow-y:auto;transform:translateY(-50%)}.feedback-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.feedback-title{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-400);font-size:14px;font-weight:700}.feedback-close{width:32px;height:32px;color:var(--emerald-300);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.feedback-close:hover{color:var(--gold-400);background:#ffffff1a}.feedback-form{flex-direction:column;gap:18px;padding:24px;display:flex}.feedback-field{flex-direction:column;gap:6px;display:flex}.feedback-label{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.feedback-select,.feedback-input{font-family:var(--font-body);border:1px solid var(--gold-300);background:var(--white);color:var(--ink);border-radius:2px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.feedback-select:focus,.feedback-input:focus{border-color:var(--gold-500)}.feedback-textarea{font-family:var(--font-body);border:1px solid var(--gold-300);background:var(--white);color:var(--ink);resize:vertical;border-radius:2px;outline:none;min-height:100px;padding:12px 16px;font-size:14px;transition:border-color .2s}.feedback-textarea:focus{border-color:var(--gold-500)}.feedback-textarea::placeholder{color:var(--ink-faint);font-style:italic}.feedback-submit{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:var(--emerald-900);color:var(--gold-400);border:1.5px solid var(--gold-500);cursor:pointer;border-radius:2px;padding:14px 24px;font-size:13px;font-weight:600;transition:all .25s}.feedback-submit:hover{background:var(--gold-500);color:var(--emerald-950)}.feedback-success{text-align:center;color:var(--emerald-700);flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.feedback-success p{font-family:var(--font-display);color:var(--ink-muted);font-size:15px}@media (width<=768px){.floating-arrows{right:max(12px, env(safe-area-inset-right,12px));bottom:max(16px, env(safe-area-inset-bottom,16px))}.fab-btn{width:40px;height:40px}.fab-label{display:none}.fab-tab{padding:12px 8px}.feedback-panel{width:auto;left:12px;right:12px}}.site-footer{background:var(--emerald-950);color:var(--emerald-200);border-top:3px solid var(--gold-500);margin-top:48px;position:relative}.site-footer:before{content:"";background:linear-gradient(#0000,#c8a45c26);height:4px;position:absolute;top:-4px;left:0;right:0}.footer-inner{max-width:1200px;margin:0 auto;padding:28px 40px 20px}.footer-bismillah{font-family:var(--font-arabic);color:var(--gold-400);text-align:center;margin-bottom:18px;font-size:24px;line-height:1.4}.footer-disclaimer{background:#c8a45c14;border:1px solid #c8a45c33;border-radius:2px;margin-bottom:18px;padding:16px 20px}.footer-disclaimer-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-400);margin-bottom:14px;font-size:13px;font-weight:700}.footer-disclaimer p{font-family:var(--font-body);color:var(--emerald-300);margin-bottom:6px;font-size:13px;line-height:1.6}.footer-disclaimer p:last-child{margin-bottom:0}.footer-disclaimer .footer-disclaimer-arabic{font-family:var(--font-arabic-ui);text-align:center;margin-top:8px;font-size:18px;line-height:1.6;color:var(--gold-400)!important}.footer-columns{grid-template-columns:1fr 1fr 1.4fr;gap:24px;margin-bottom:18px;display:grid}.footer-sitemap-links{grid-template-columns:repeat(3,1fr);gap:5px 12px;margin:0;padding:0;list-style:none;display:grid}.footer-sitemap-link{font-family:var(--font-display);color:var(--emerald-300);padding:1px 0;font-size:12px;text-decoration:none;transition:color .2s;display:block}.footer-sitemap-link:hover{color:var(--gold-400)}.footer-col-title{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-400);border-bottom:1px solid #c8a45c33;margin-bottom:14px;padding-bottom:8px;font-size:12px;font-weight:700}.footer-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-list li{font-family:var(--font-body);color:var(--emerald-300);padding-left:14px;font-size:13px;line-height:1.6;position:relative}.footer-list li:before{content:"◆";color:var(--gold-500);font-size:6px;position:absolute;top:5px;left:0}.footer-dua{font-family:var(--font-arabic);color:var(--gold-300);text-align:center;margin-bottom:4px;font-size:20px;line-height:1.6}.footer-dua-translation{font-family:var(--font-display);color:var(--emerald-400);text-align:center;letter-spacing:.3px;margin-bottom:16px;font-size:13px;font-style:italic}.footer-divider{border:none;border-top:1px solid #c8a45c40;margin-top:12px}.footer-bottom{font-family:var(--font-display);color:var(--emerald-400);letter-spacing:.5px;max-width:none;margin:0 -40px;padding:14px 40px 0;font-size:12px}.footer-bottom-row{justify-content:space-between;align-items:flex-start;display:flex}.footer-bottom-left{text-align:left}.footer-bottom-right{text-align:right}.footer-bottom-sub{margin-top:4px}@media (width<=860px){.footer-columns{grid-template-columns:1fr 1fr;gap:20px}.footer-col:last-child{grid-column:span 2}.footer-sitemap-links{grid-template-columns:repeat(5,1fr)}}@media (width<=600px){.footer-columns{grid-template-columns:1fr;gap:20px}.footer-col:last-child{grid-column:span 1}.footer-sitemap-links{grid-template-columns:1fr 1fr}.footer-bottom-row{flex-direction:column;gap:8px}.footer-bottom-right{text-align:left}}.footer-link{color:var(--gold-400);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--gold-300)}.footer-separator{color:var(--gold-500);margin:0 8px}.footer-forgiveness{text-align:center;font-family:var(--font-body);color:var(--emerald-400);opacity:.85;margin-top:20px;margin-bottom:28px;font-size:13px;font-style:italic;line-height:1.8}.footer-forgiveness span{font-family:var(--font-arabic-ui);color:var(--gold-300);font-size:14px;font-style:normal}.footer-prayer-note{text-align:center;margin-top:14px;padding-top:14px}.footer-prayer-note>p:first-child{font-family:var(--font-body);color:var(--emerald-300);margin-bottom:8px;font-size:13px;font-style:italic;line-height:1.6}.footer-prayer-arabic{font-family:var(--font-arabic-ui);color:var(--gold-400);margin-bottom:4px;font-size:18px;line-height:1.6}.footer-prayer-note strong{color:var(--gold-400);font-weight:600}.footer-prayer-meaning{font-family:var(--font-display);color:var(--emerald-400);letter-spacing:.3px;margin-bottom:4px;font-size:12px;font-style:italic}.footer-rahimahullah{font-family:var(--font-arabic-ui);color:var(--gold-300);font-size:14px}.footer-prayer-ameen{font-family:var(--font-display);color:var(--gold-400);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:14px;font-weight:700}@media (width<=600px){.footer-inner{padding:20px 14px 16px}.footer-columns{grid-template-columns:1fr;gap:20px}.footer-bismillah{font-size:22px}.footer-dua{font-size:20px}.footer-bottom{flex-direction:column;gap:4px;display:flex}.footer-separator{display:none}}.fab-chat{border:1.5px solid var(--gold-400);margin-top:4px}.fab-chat.fab-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.chatbot-bubble{box-shadow:var(--shadow-lg);transition:all .25s;display:none}.chatbot-bubble:hover{background:var(--gold-500);color:var(--emerald-950);box-shadow:var(--shadow-lg), 0 4px 16px #0a3d2a2e;transform:translateY(-2px)}.chatbot-bubble svg{flex-shrink:0}.chatbot-bubble-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:600}.chatbot-panel{z-index:95;background:var(--white);border:1px solid var(--gold-200);width:min(400px,100vw - 48px);max-height:min(500px,100dvh - 220px);box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;display:flex;position:fixed;bottom:180px;right:24px;overflow:hidden}.chatbot-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.chatbot-header-info{flex-direction:column;gap:0;display:flex}.chatbot-header-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold-200);font-size:15px;font-weight:600}.chatbot-header-sub{color:#ffffff73;letter-spacing:.04em;margin-top:1px;padding-left:16px;font-size:10.5px;line-height:1.2}.chatbot-online-dot{vertical-align:middle;background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s ease-in-out infinite chatbot-glow;display:inline-block}.chatbot-dot-offline{background:#ef4444;animation:none}.chatbot-dot-checking{background:#9ca3af;animation:none}.chatbot-offline-banner{color:#fca5a5;background:#ef44441f;border-bottom:1px solid #ef444440;align-items:center;gap:7px;padding:8px 14px;font-size:12px;line-height:1.4;display:flex}@keyframes chatbot-glow{0%,to{box-shadow:0 0 4px 1px #22c55e99}50%{box-shadow:0 0 10px 4px #22c55e26}}.chatbot-close{width:30px;height:30px;color:var(--gold-400);border:1px solid var(--emerald-700);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.chatbot-close:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.chatbot-messages{background:var(--parchment);flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.chatbot-msg{border-radius:6px;max-width:85%;padding:10px 14px;line-height:1.5}.chatbot-msg-bot{background:var(--white);border:1px solid var(--gold-200);color:var(--ink);align-self:flex-start}.chatbot-msg-user{background:var(--emerald-800);color:var(--white);border:none;align-self:flex-end}.chatbot-msg-text{font-family:var(--font-body);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:14px}.chatbot-msg-user .chatbot-msg-text{color:var(--white)}.chatbot-arabic{font-family:var(--font-arabic);text-align:right;color:var(--ink);border-top:1px solid var(--gold-100);border-bottom:1px solid var(--gold-100);direction:rtl;margin:8px 0;padding:8px 0;font-size:20px;line-height:1.9}.chatbot-translation{font-family:var(--font-body);color:var(--ink-light);margin:4px 0;font-size:13px;font-style:italic}.chatbot-urdu{font-family:var(--font-urdu);color:var(--ink-muted);text-align:right;margin:4px 0;font-size:14px;line-height:2}.chatbot-ref{font-family:var(--font-display);color:var(--gold-700);letter-spacing:.5px;text-transform:uppercase;font-size:11px}.chatbot-verse-block{border-bottom:1px solid var(--gold-100);margin:8px 0;padding-bottom:8px}.chatbot-verse-block:last-child{border-bottom:none;padding-bottom:0}.chatbot-surah-link{background:var(--emerald-900);color:var(--gold-400);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.chatbot-surah-link:hover{background:var(--gold-500);color:var(--emerald-950)}.chatbot-quick-actions{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.chatbot-quick-btn{background:var(--gold-50);color:var(--ink);border:1px solid var(--gold-300);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:16px;padding:6px 14px;font-size:13px;transition:all .2s}.chatbot-quick-btn:hover{background:var(--gold-200);border-color:var(--gold-500)}.chatbot-typing{gap:4px;padding:4px 0;display:flex}.chatbot-typing span{background:var(--gold-500);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chatbot-bounce}.chatbot-typing span:nth-child(2){animation-delay:.15s}.chatbot-typing span:nth-child(3){animation-delay:.3s}@keyframes chatbot-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-input-area{border-top:1px solid var(--gold-200);background:var(--white);gap:8px;padding:12px;display:flex}.chatbot-input{border:1px solid var(--gold-300);font-family:var(--font-body);color:var(--ink);background:var(--white);border-radius:4px;outline:none;flex:1;padding:9px 14px;font-size:14px;transition:border-color .2s}.chatbot-input:focus{border-color:var(--emerald-700)}.chatbot-input::placeholder{color:var(--ink-faint)}.chatbot-input:disabled{opacity:.6;cursor:not-allowed}.chatbot-send{background:var(--emerald-900);width:38px;height:38px;color:var(--gold-400);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.chatbot-send:hover:not(:disabled){background:var(--gold-500);color:var(--emerald-950)}.chatbot-send:disabled{opacity:.5;cursor:not-allowed}.chatbot-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite chatbot-spin}@keyframes chatbot-spin{to{transform:rotate(360deg)}}.chatbot-header-arabic{opacity:.65;margin-left:6px;font-family:Scheherazade New,serif;font-size:12px}@media (width<=480px){.chatbot-panel{width:auto;max-height:60vh;bottom:140px;left:20px;right:20px}}.ait-page{height:calc(100dvh - var(--navbar-height,60px));background:var(--parchment);display:flex;overflow:hidden}.ait-sidebar{background:var(--emerald-900);border-right:1px solid #c8a45c26;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden auto}.ait-sidebar-head{border-bottom:1px solid #ffffff0f;padding:18px 20px 10px}.ait-sidebar-title{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.ait-topics{flex-direction:column;gap:2px;padding:10px 10px 0;display:flex}.ait-topic-btn{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.ait-topic-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.ait-topic-active{color:var(--gold-500,#d4af37)!important;background:#d4af372e!important}.ait-topic-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.ait-sidebar-divider{background:#ffffff0f;height:1px;margin:14px 0 10px}.ait-suggestions{flex-direction:column;gap:4px;padding:0 10px 16px;display:flex}.ait-suggest-btn{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff14;border-radius:7px;padding:8px 10px;font-size:11.5px;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.ait-suggest-btn:hover:not(:disabled){color:#ffffffd9;background:#ffffff0f;border-color:#ffffff2e}.ait-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ait-header{background:var(--parchment);border-bottom:1px solid #00000012;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.ait-header-left{align-items:center;gap:12px;display:flex}.ait-header-avatar{background:linear-gradient(135deg, var(--emerald-900) 0%, #1a5c3a 100%);width:38px;height:38px;color:var(--gold-500,#d4af37);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ait-header-name{color:var(--ink);font-size:15px;font-weight:600}.ait-header-arabic{font-family:var(--font-arabic,"Scheherazade New", serif);color:var(--emerald-900);margin-left:6px;font-size:14px}.ait-header-status{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.ait-status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite ait-pulse}@keyframes ait-pulse{0%,to{opacity:1}50%{opacity:.45}}.ait-new-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s;display:flex}.ait-new-btn:hover{background:#f3f4f6;border-color:#0000002e}.ait-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.ait-msg-row{align-items:flex-start;gap:10px;display:flex}.ait-msg-bot-row{flex-direction:row}.ait-msg-user-row{flex-direction:row-reverse}.ait-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.ait-avatar-bot{background:linear-gradient(135deg, var(--emerald-900) 0%, #1a5c3a 100%);color:var(--gold-500,#d4af37)}.ait-avatar-user{color:#6b7280;background:#e5e7eb}.ait-bubble{word-break:break-word;border-radius:14px;max-width:72%;padding:12px 16px;font-size:14px;line-height:1.65}.ait-bubble-bot{color:var(--ink);background:#fff;border:1px solid #0000000f;border-top-left-radius:4px;box-shadow:0 1px 6px #0000000f}.ait-bubble-user{background:var(--emerald-900);color:#fff;border-top-right-radius:4px}.ait-bubble-text p{margin:0 0 8px}.ait-bubble-text p:last-child{margin-bottom:0}.ait-bubble-text strong{font-weight:600}.ait-bubble-text code{background:#0000000f;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:12.5px}.ait-typing{align-items:center;gap:5px;padding:4px 0;display:flex}.ait-typing span{background:#d1d5db;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite ait-bounce}.ait-typing span:nth-child(2){animation-delay:.2s}.ait-typing span:nth-child(3){animation-delay:.4s}@keyframes ait-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.ait-verse-card{background:linear-gradient(135deg,#f0fdf4,#fefce8);border:1px solid #22c55e33;border-radius:10px;margin-top:12px;padding:12px 14px}.ait-verse-ref{color:var(--emerald-900);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600}.ait-verse-arabic{font-family:var(--font-arabic,"Scheherazade New", serif);color:var(--ink);margin-bottom:6px;font-size:20px;line-height:2}.ait-verse-english{color:#4b5563;margin-bottom:10px;font-size:13px;font-style:italic;line-height:1.5}.ait-verse-btn{color:var(--emerald-900);cursor:pointer;background:0 0;border:1px solid #064e3b33;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.ait-verse-btn:hover{background:#064e3b0f}.ait-quick-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ait-quick-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #0000001a;border-radius:20px;padding:7px 14px;font-size:13px;transition:background .15s,border-color .15s}.ait-quick-chip:hover:not(:disabled){background:#f3f4f6;border-color:#0000002e}.ait-input-bar{background:var(--parchment);border-top:1px solid #00000012;flex-shrink:0;padding:14px 20px 16px}.ait-input-wrap{background:#fff;border:1px solid #0000001a;border-radius:12px;align-items:flex-end;gap:10px;padding:10px 10px 10px 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000f}.ait-input-wrap:focus-within{border-color:var(--emerald-900);box-shadow:0 0 0 3px #064e3b14,0 1px 4px #0000000f}.ait-textarea{resize:none;color:var(--ink);background:0 0;border:none;outline:none;flex:1;max-height:140px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.ait-textarea::placeholder{color:#9ca3af}.ait-send-btn{background:var(--emerald-900);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,opacity .15s;display:flex}.ait-send-btn:disabled{cursor:not-allowed;background:#d1d5db}.ait-send-btn:not(:disabled):hover{background:#065f46}.ait-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ait-spin}@keyframes ait-spin{to{transform:rotate(360deg)}}.ait-input-hint{color:#9ca3af;text-align:center;margin-top:8px;font-size:11px}@media (width<=768px){.ait-sidebar{display:none}.ait-bubble{max-width:88%}.ait-messages{padding:14px}.ait-header{padding:10px 14px}.ait-input-bar{padding:10px 14px 12px}}.navbar-right-group{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-user-menu-wrapper{position:relative}.nav-user-avatar-btn{cursor:pointer;background:0 0;border:none}.nav-user-dropdown{background:var(--parchment);border:1px solid var(--gold-300);z-index:1000;border-radius:6px;min-width:220px;animation:.2s forwards userDropdownIn;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a,0 0 0 1px #c8a45c14}.nav-user-dropdown:before{content:"";background:var(--emerald-900);border:1px solid var(--gold-300);z-index:2;border-bottom-color:#0000;border-right-color:#0000;width:13px;height:13px;position:absolute;top:-7px;right:10px;transform:rotate(45deg)}@keyframes userDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-user-dropdown-header{background:var(--emerald-900);align-items:center;gap:10px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.nav-user-dropdown-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8a45c2e 0%,#0000 65%);width:80px;height:80px;position:absolute;top:-24px;right:-24px}.nav-user-dropdown-avatar{background:linear-gradient(135deg, var(--gold-500,#c8a45c), #9a7020);width:38px;height:38px;color:var(--emerald-900,#0e1a15);border:1px solid #c8a45c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.nav-user-dropdown-info{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-user-dropdown-name{font-family:var(--font-display);color:var(--gold-300,#e2c97e);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;font-size:13px;font-weight:700;overflow:hidden}.nav-user-dropdown-email{color:#a6ecc8b3;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;font-size:10.5px;overflow:hidden}.nav-user-plan-badge{letter-spacing:.4px;text-transform:uppercase;border-radius:3px;margin-top:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-block}.nav-user-plan-badge--basic{color:#a0d2b9e6;background:#64967833;border:1px solid #64967859}.nav-user-plan-badge--professional{color:#e6c882;background:#c8a45c2e;border:1px solid #c8a45c66}.nav-user-dropdown-divider{background:var(--gold-300);opacity:.25;height:1px;margin:0}.nav-user-dropdown-item{width:100%;color:var(--emerald-900);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:10px 14px;font-size:13px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-user-dropdown-item:hover{color:var(--emerald-900);background:#c8a45c1a}.nav-user-dropdown-item--danger{color:#a03030}.nav-user-dropdown-item--danger:hover{color:#8b1a1a;background:#b43c3c14}.navbar-auth-btn{font-family:var(--font-display);letter-spacing:.5px;border:1px solid var(--gold-400);color:var(--gold-300);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:5px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.navbar-auth-btn:hover{background:var(--gold-400);color:var(--emerald-900)}.navbar-logout-btn{border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.nav-explore-wrapper{position:relative}.nav-explore-trigger{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.nav-explore-trigger:after{display:none}.nav-explore-label{align-items:center;gap:2px;transition:opacity .18s;display:flex}.nav-explore-icon-group{align-items:center;gap:3px;display:flex}.toggle-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:inherit;white-space:nowrap;pointer-events:none;opacity:0;padding-top:2px;font-size:11px;font-weight:500;transition:opacity .18s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.dark-mode-toggle:hover .toggle-label{opacity:1}@media (width>=769px){.navbar-link>span:not(.nav-explore-label):not(.nav-explore-icon-group),.nav-explore-label{white-space:nowrap;opacity:0;pointer-events:none;padding-top:2px;transition:opacity .18s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.navbar-link:hover>span:not(.nav-explore-label),.navbar-link.active>span:not(.nav-explore-label){opacity:1}.nav-explore-open .nav-explore-label,.nav-explore-trigger:hover .nav-explore-label{opacity:1;pointer-events:auto}.navbar-login-link.active>span:not(.nav-explore-label),.navbar-login-link>span:not(.nav-explore-label){opacity:0}.navbar-login-link:hover>span:not(.nav-explore-label){opacity:1}}.nav-chevron{opacity:.7;flex-shrink:0;transition:transform .2s}.nav-explore-open .nav-chevron,.nav-user-chevron--open{transform:rotate(180deg)}.nav-dropdown{background:var(--parchment);border:1px solid var(--gold-300);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;min-width:400px;padding:0;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 14px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-10px);box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a,0 0 0 1px #c8a45c14}.nav-dropdown:before{content:"";background:var(--emerald-900);border:1px solid var(--gold-300);z-index:2;border-bottom-color:#0000;border-right-color:#0000;width:13px;height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dropdown-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.nav-dropdown-header{background:linear-gradient(135deg, var(--emerald-900) 0%, var(--emerald-800) 60%, var(--emerald-700) 100%);align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.nav-dropdown-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8a45c2e 0%,#0000 65%);border-radius:50%;width:110px;height:110px;position:absolute;top:-24px;right:-24px}.nav-dropdown-header-ornament{width:38px;height:38px;color:var(--gold-400);background:#c8a45c2e;border:1px solid #c8a45c40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-dropdown-header-text{flex-direction:column;gap:2px;display:flex}.nav-dropdown-header-title{font-family:var(--font-display);color:var(--gold-300);letter-spacing:.3px;font-size:14px;font-weight:700;line-height:1.2}.nav-dropdown-header-sub{color:#a6ecc8b3;letter-spacing:.2px;font-size:10.5px;line-height:1.3}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:3px;padding:10px 10px 6px;display:grid}.nav-dropdown-item{color:var(--ink);border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:9px 11px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.nav-dropdown-item:hover{background:var(--emerald-50);border-color:var(--gold-200)}.nav-dropdown-item-active{background:var(--emerald-50);border-color:var(--emerald-200);box-shadow:inset 3px 0 0 var(--emerald-600)}.nav-dropdown-item-active .nav-dropdown-label{color:var(--emerald-700)}.nav-dropdown-icon{background:linear-gradient(135deg, var(--emerald-50) 0%, var(--gold-50) 100%);width:38px;height:38px;color:var(--emerald-700);border:1px solid var(--gold-200);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,transform .18s,border-color .18s;display:flex}.nav-dropdown-item:hover .nav-dropdown-icon,.nav-dropdown-item-active .nav-dropdown-icon{background:linear-gradient(135deg, var(--emerald-700) 0%, var(--emerald-600) 100%);color:#fff;border-color:#0000;transform:scale(1.06)}.nav-dropdown-text{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-dropdown-label{color:var(--ink);font-size:13px;font-weight:600;font-family:var(--font-display);letter-spacing:.2px;line-height:1.2}.nav-dropdown-desc{color:var(--ink-muted);font-size:10.5px;line-height:1.25}.nav-dropdown-footer{border-top:1px solid var(--gold-200);background:var(--gold-50);justify-content:flex-end;align-items:center;padding:8px 14px 10px;display:flex}.nav-dropdown-footer-tip{color:var(--ink-faint);align-items:center;gap:5px;font-size:10px;display:flex}.nav-dropdown-footer-tip kbd{background:var(--parchment);border:1px solid var(--gold-300);min-width:17px;height:15px;color:var(--ink-muted);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:9px;font-weight:600;display:inline-flex}@media (width<=768px){.nav-explore-wrapper{border-bottom:1px solid #a7ecc80f;flex-shrink:0;width:100%}.nav-explore-wrapper.nav-explore-open{background:var(--emerald-800)}.nav-explore-trigger{width:100%;height:50px;font-family:var(--font-display);letter-spacing:.2px;text-transform:none;color:var(--emerald-200);border-bottom:none;border-radius:0;justify-content:flex-start;gap:12px;padding:0 20px;font-size:13px;font-weight:400;transition:background .18s,color .18s,padding-left .2s}.nav-explore-trigger:hover{background:var(--emerald-800);color:var(--gold-300);padding-left:26px}.nav-explore-wrapper.nav-explore-open .nav-explore-trigger{color:var(--gold-400)}.nav-chevron{margin-left:auto;transition:transform .22s cubic-bezier(.4,0,.2,1)}.nav-explore-open .nav-chevron{transform:rotate(180deg)}.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;background:var(--parchment);width:100%;box-shadow:none;border:none;border-top:1px solid #c8a45c26;border-radius:0;min-width:0;margin:0;padding:8px 12px 12px;transition:none;display:none;position:static;overflow:visible;transform:none}.nav-dropdown:before{display:none}.nav-dropdown-visible{display:block}.nav-dropdown-header,.nav-dropdown-footer{display:none}.nav-dropdown-grid{grid-template-columns:1fr 1fr;gap:3px;padding:0}.nav-dropdown-item{color:var(--ink);background:0 0;border:none;border-radius:6px;gap:7px;padding:7px 6px;transition:background .14s}.nav-dropdown-item:hover,.nav-dropdown-item-active{background:var(--emerald-50)}.nav-dropdown-item-active .nav-dropdown-label{color:var(--emerald-700)}.nav-dropdown-icon{background:linear-gradient(135deg, var(--emerald-50) 0%, var(--gold-50) 100%);color:var(--emerald-700);border:1px solid var(--gold-200);border-radius:7px;flex-shrink:0;width:30px;height:30px}.nav-dropdown-item:hover .nav-dropdown-icon,.nav-dropdown-item-active .nav-dropdown-icon{background:linear-gradient(135deg, var(--emerald-700) 0%, var(--emerald-600) 100%);color:#fff;border-color:#0000;transform:none}.nav-dropdown-label{color:var(--ink);font-family:var(--font-display);letter-spacing:.1px;text-transform:none;font-size:12px;font-weight:600}.nav-dropdown-desc{display:none}}[data-theme=dark] .nav-dropdown-icon{color:var(--emerald-300);background:linear-gradient(135deg,#1a9d6526 0%,#c8a45c1a 100%);border-color:#c8a45c2e}[data-theme=dark] .nav-dropdown-item:hover .nav-dropdown-icon,[data-theme=dark] .nav-dropdown-item-active .nav-dropdown-icon{background:linear-gradient(135deg, var(--emerald-600) 0%, var(--emerald-500) 100%);color:#fff}[data-theme=dark] .nav-dropdown-item:hover{background:#1a9d6514;border-color:#c8a45c33}[data-theme=dark] .nav-dropdown-item-active{background:#1a9d651a;border-color:#c8a45c2e}[data-theme=dark] .nav-dropdown-footer{background:#ffffff08;border-top-color:#c8a45c26}[data-theme=dark] .nav-dropdown-footer-tip kbd{color:var(--ink-muted);background:#ffffff0f;border-color:#c8a45c40}.dark-mode-toggle{font-family:var(--font-display);color:var(--emerald-200);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;transition:color .3s,background .3s;display:inline-flex;position:relative;overflow:visible}.dark-mode-toggle:hover{color:var(--gold-300)}.dark-mode-toggle svg{opacity:.6;width:16px;height:16px;transition:opacity .25s,transform .25s}.dark-mode-toggle:hover svg{opacity:1;transform:translateY(-1px)scale(1.1)}.billing-page{min-height:calc(100vh - var(--navbar-height));background:var(--parchment);justify-content:center;padding:28px 24px 48px;display:flex}.billing-container{width:100%;max-width:520px}.billing-heading{font-family:var(--font-display);color:var(--emerald-900);margin:0 0 2px;font-size:22px;font-weight:700}.billing-subheading{color:var(--ink-muted);margin:0 0 20px;font-size:13px}.billing-card{border:1px solid var(--gold-300);background:#fff;border-radius:7px;margin-bottom:12px;overflow:hidden}.billing-card-header{border-bottom:1px solid var(--gold-200);background:linear-gradient(90deg,#1a3c2b08,#0000);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.billing-card-label{letter-spacing:.8px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:2px;font-size:10px;font-weight:600}.billing-card-plan{font-family:var(--font-display);color:var(--emerald-900);font-size:17px;font-weight:700}.billing-card-body{padding:10px 18px}.billing-card-footer{border-top:1px solid var(--gold-200);background:#00000005;padding:10px 18px}.billing-row{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.billing-row:last-child{border-bottom:none}.billing-row-label{color:var(--ink-muted)}.billing-row-value{color:var(--ink);font-weight:500}.billing-row-value--warn{color:#b45309}.billing-row--split{border-bottom:none;gap:0;display:flex}.billing-cell{flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;display:flex}.billing-cell+.billing-cell{border-left:1px solid #0000000d}.billing-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:99px;align-items:center;padding:4px 12px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.billing-badge--basic{color:#475569;background:#64748b14;border:1px solid #64748b40}.billing-badge--trial{color:#854d0e;background:#eab3081f;border:1px solid #eab3084d}.billing-badge--active{color:#15803d;background:#16a34a1a;border:1px solid #16a34a40}.billing-badge--cancelled{color:#475569;background:#64748b1a;border:1px solid #64748b33}.billing-badge--past-due{color:#b91c1c;background:#ef44441a;border:1px solid #ef444433}.billing-btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:5px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.billing-btn:disabled{opacity:.6;cursor:not-allowed}.billing-btn--primary{background:var(--emerald-900);color:var(--gold-400)}.billing-btn--primary:hover:not(:disabled){opacity:.88}.billing-btn--upgrade{background:linear-gradient(135deg, var(--emerald-800), var(--emerald-600));color:#fff}.billing-btn--upgrade:hover:not(:disabled){opacity:.9}.billing-feature{color:var(--ink);border-bottom:1px solid #0000000a;align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.billing-feature:last-child{border-bottom:none}.billing-feature svg{color:var(--emerald-600);flex-shrink:0}.billing-feature--dimmed{opacity:.45}.billing-feature--dimmed svg{color:var(--ink-muted)}.billing-link{color:var(--emerald-700);font-size:12px;font-weight:500;text-decoration:none}.billing-link:hover{text-decoration:underline}[data-theme=dark] .billing-page{background:var(--parchment)}[data-theme=dark] .billing-heading{color:var(--gold-300)}[data-theme=dark] .billing-card{background:#ffffff0a;border-color:#c8a45c33}[data-theme=dark] .billing-card-header{border-bottom-color:#c8a45c26}[data-theme=dark] .billing-card-footer{background:#ffffff05;border-top-color:#c8a45c26}[data-theme=dark] .billing-card-plan{color:var(--gold-300)}[data-theme=dark] .billing-row{border-bottom-color:#ffffff0f}[data-theme=dark] .billing-row-value{color:var(--parchment)}[data-theme=dark] .billing-feature{color:var(--parchment);border-bottom-color:#ffffff0d}[data-theme=dark] .billing-badge--basic{color:#94a3b8;background:#94a3b81f;border-color:#94a3b840}[data-theme=dark] .billing-badge--trial{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}[data-theme=dark] .billing-badge--active{color:#4ade80;background:#4ade801a;border-color:#4ade8040}[data-theme=dark] .billing-badge--cancelled{color:#94a3b8;background:#94a3b81a;border-color:#94a3b833}[data-theme=dark] .billing-badge--past-due{color:#f87171;background:#f871711a;border-color:#f8717133}.profile-header{background:var(--emerald-900);border:1px solid var(--gold-500);border-radius:8px;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.profile-avatar{background:var(--gold-500);width:64px;height:64px;color:var(--emerald-950);font-family:var(--font-display);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex}.profile-header-info{flex-direction:column;gap:4px;display:flex}.profile-name{font-family:var(--font-display);color:var(--gold-100);margin:0;font-size:20px;font-weight:600}.profile-email{color:#c8dcd2b3;margin:0;font-size:13px}.profile-badges{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.profile-verified{color:#4caf80;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:600;display:inline-flex}.profile-unverified{color:#e07050;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:600;display:inline-flex}.profile-select{background:var(--parchment);border:1px solid var(--gold-400);color:var(--emerald-900);cursor:pointer;border-radius:4px;outline:none;padding:5px 10px;font-size:13px}.profile-select:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #c8a45c33}.profile-btn-disabled{opacity:.45;cursor:not-allowed}.profile-save-success{color:#4caf80;margin-right:auto;font-size:12px;font-weight:600}.profile-save-error{color:#e06060;margin-right:auto;font-size:12px}.legal-page{max-width:800px;margin:0 auto}.legal-intro{text-align:center;margin-bottom:48px}.legal-intro p{font-family:var(--font-body);color:var(--ink-muted);max-width:700px;margin:0 auto;font-size:16px;font-style:italic;line-height:1.8}.legal-intro a{color:var(--emerald-700);text-underline-offset:2px;text-decoration:underline}.legal-intro a:hover{color:var(--gold-600)}.legal-section{margin-bottom:40px;animation:.4s ease-out both fadeInUp}.legal-section h2{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-800);border-bottom:2px solid var(--gold-400);margin-bottom:16px;padding-bottom:10px;font-size:18px;font-weight:700}.legal-section h3{font-family:var(--font-display);letter-spacing:.5px;color:var(--emerald-900);margin-top:20px;margin-bottom:8px;font-size:15px;font-weight:600}.legal-section p{font-family:var(--font-body);color:var(--ink-body);margin-bottom:12px;font-size:15px;line-height:1.85}.legal-section ul{margin:0 0 16px;padding:0;list-style:none}.legal-section ul li{font-family:var(--font-body);color:var(--ink-body);margin-bottom:8px;padding-left:20px;font-size:15px;line-height:1.85;position:relative}.legal-section ul li:before{content:"";background:var(--gold-500);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.legal-section a{color:var(--emerald-700);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.legal-section a:hover{color:var(--gold-600)}.legal-section code{background:var(--sand-100,#f5f0e8);color:var(--emerald-900);border:1px solid var(--gold-200);border-radius:3px;padding:2px 6px;font-family:Courier New,Courier,monospace;font-size:13px}.legal-important{background:var(--sand-100,#f5f0e8);border-left:4px solid var(--gold-500);border-radius:0 4px 4px 0;padding:16px 20px;font-style:italic}.legal-table-wrap{margin:16px 0;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:14px}.legal-table th{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.8px;color:var(--emerald-800);text-align:left;border-bottom:2px solid var(--gold-400);background:var(--sand-100,#f5f0e8);padding:10px 16px;font-size:13px;font-weight:600}.legal-table td{border-bottom:1px solid var(--gold-200);color:var(--ink-body);padding:10px 16px;line-height:1.6}.legal-table tr:hover td{background:var(--sand-50,#faf8f4)}.legal-contact{font-size:16px;font-weight:500}.legal-contact a{color:var(--emerald-700);text-underline-offset:2px;text-decoration:underline}.legal-contact a:hover{color:var(--gold-600)}.legal-footer-note{text-align:center;border-top:1px solid var(--gold-300);margin-top:56px;padding-top:32px}.legal-footer-note p{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:8px;font-size:14px}.legal-footer-note a{color:var(--emerald-700);text-underline-offset:2px;text-decoration:underline}.legal-footer-note a:hover{color:var(--gold-600)}.legal-updated{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-muted);font-size:13px;font-weight:600}.footer-legal-links{color:var(--emerald-400);opacity:.7;margin-top:4px;font-size:10px}@media (width<=768px){.legal-page{padding:0 8px}.legal-section h2{font-size:16px}.legal-table th,.legal-table td{padding:8px 10px;font-size:13px}}.sources-page{max-width:900px;margin:0 auto}.sources-intro{text-align:center;margin-bottom:48px}.sources-intro p{font-family:var(--font-body);color:var(--ink-muted);max-width:700px;margin:0 auto;font-size:16px;font-style:italic;line-height:1.8}.sources-section{margin-bottom:40px;animation:.4s ease-out both fadeInUp}.sources-category{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-800);border-bottom:2px solid var(--gold-400);margin-bottom:16px;padding-bottom:10px;font-size:18px;font-weight:700;position:relative}.sources-list{flex-direction:column;gap:10px;display:flex}.sources-item{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;padding:18px 24px;transition:border-color .2s,box-shadow .2s;animation:.4s ease-out both fadeInUp}.sources-item:hover{border-color:var(--gold-400);box-shadow:var(--shadow-sm)}.sources-item-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.sources-item-name{font-family:var(--font-display);color:var(--emerald-900);font-size:16px;font-weight:600}.sources-item-link{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--gold-600);border:1px solid var(--gold-300);white-space:nowrap;cursor:pointer;z-index:2;border-radius:2px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.sources-item-link:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.sources-item-desc{font-family:var(--font-body);color:var(--ink-muted);font-size:14px;line-height:1.7}.sources-footer-note{text-align:center;background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;margin-top:48px;padding:32px 24px}.sources-footer-note>p:first-child{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:16px;font-size:14px;font-style:italic;line-height:1.7}.sources-footer-arabic{font-family:var(--font-arabic-ui);color:var(--emerald-800);margin-bottom:6px;font-size:22px;line-height:1.8}.sources-footer-translation{font-family:var(--font-display);color:var(--ink-muted);font-size:14px;font-style:italic}.footer-sources-link{text-align:center;margin-bottom:24px}.footer-sources-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold-400);border:1px solid var(--gold-500);border-radius:2px;align-items:center;gap:10px;padding:10px 28px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.footer-sources-btn:hover{background:var(--gold-500);color:var(--emerald-950)}@media (width<=768px){.sources-item{padding:14px 16px}.sources-item-header{flex-direction:column;align-items:flex-start;gap:6px}.sources-category{font-size:15px}}.reading-mode-overlay{z-index:10000;color:#f0e8d8;background:#1a1510;flex-direction:column;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.reading-mode-header{background:#0003;border-bottom:1px solid #c8a45c26;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.reading-mode-surah{font-family:var(--font-display);color:var(--gold-400);letter-spacing:1px;text-transform:uppercase;font-size:14px}.reading-mode-ayah-num{font-family:var(--font-display);color:#9e9a90;letter-spacing:.5px;font-size:12px}.reading-mode-close:hover{color:var(--gold-400);border-color:var(--gold-400);background:#c8a45c14}.reading-mode-body{scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:20px 32px;display:flex;overflow-y:auto}.reading-mode-body::-webkit-scrollbar{display:none}.reading-mode-arabic{font-family:var(--font-arabic);color:#f0e8d8;text-align:center;word-spacing:.1em;font-feature-settings:"liga" 1, "calt" 1;text-rendering:optimizelegibility;font-size:44px;line-height:1.75}.reading-mode-nav{background:#0003;border-top:1px solid #c8a45c26;flex-shrink:0;justify-content:center;align-items:center;gap:24px;padding:12px 24px;display:flex}.reading-mode-nav-btn{width:44px;height:44px;color:var(--gold-400);cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .25s;display:inline-flex}.reading-mode-nav-btn:hover:not(:disabled){border-color:var(--gold-400);background:#c8a45c1a}@media (width<=768px){.reading-mode-arabic{font-size:32px}.reading-mode-english{font-size:16px}.reading-mode-urdu{font-size:20px}.reading-mode-body{gap:10px;padding:14px 16px}.reading-mode-header{padding:8px 16px}.reading-mode-nav{gap:12px;padding:10px 16px}}.reciter-control{align-items:stretch;gap:8px;display:flex}.reciter-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;min-width:88px;font-size:14px;font-weight:600}.reciter-select{font-family:var(--font-display);letter-spacing:.3px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;max-width:220px;padding:8px 14px;font-size:13px;transition:border-color .3s}.reciter-select:focus{border-color:var(--gold-500)}.share-popup{z-index:50;background:var(--white);border:1px solid var(--gold-300);box-shadow:var(--shadow-lg);border-radius:4px;min-width:200px;animation:.2s ease-out fadeInUp;position:absolute;top:28px;left:32px}.share-popup-header{border-bottom:1px solid var(--gold-200);font-family:var(--font-display);letter-spacing:.5px;color:var(--ink-light);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.share-popup-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.share-popup-close:hover{color:var(--ink)}.share-popup-actions{flex-direction:column;gap:4px;padding:8px;display:flex}.share-popup-btn{font-family:var(--font-display);letter-spacing:.3px;color:var(--ink-light);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.share-popup-btn:hover{background:var(--gold-50);color:var(--emerald-800)}.ayah-share-btn{background:var(--parchment);width:32px;height:32px;color:var(--emerald-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-share-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);transform:scale(1.1)}.ayah-hadith-btn{background:var(--parchment);width:32px;height:32px;color:var(--gold-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-hadith-btn:hover:not(:disabled){background:var(--gold-500);color:var(--white);border-color:var(--gold-500);transform:scale(1.1)}.ayah-hadith-btn.hadith-matched{background:var(--gold-500);color:var(--white);border-color:var(--gold-500);box-shadow:0 0 8px #c8a45c66}.ayah-hadith-btn.hadith-matched:hover{background:var(--gold-600);box-shadow:0 0 12px #c8a45c99}.ayah-hadith-btn.hadith-disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.ayah-tafsir-btn{background:var(--parchment);width:32px;height:32px;color:var(--emerald-700);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-tafsir-btn:hover{background:var(--emerald-700);color:var(--white);border-color:var(--emerald-700);transform:scale(1.1)}.tafsir-overlay{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.tafsir-popup{background:var(--white);border:1px solid var(--gold-200);width:100%;max-width:750px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:4px;flex-direction:column;animation:.3s ease-out fadeInUp;display:flex}.tafsir-popup-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tafsir-popup-header h4{font-family:var(--font-display);color:var(--gold-400);margin:0;font-size:16px;font-weight:700}.tafsir-popup-subtitle{font-family:var(--font-display);color:var(--emerald-300);letter-spacing:.8px;font-size:12px}.tafsir-popup-close{width:36px;height:36px;color:var(--emerald-300);cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.tafsir-popup-close:hover{color:var(--gold-400);background:#ffffff1a}.tafsir-source-bar{background:var(--parchment);border-bottom:1px solid var(--gold-200);padding:12px 24px}.tafsir-source-select{width:100%;font-family:var(--font-display);border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;padding:10px 14px;font-size:14px}.tafsir-source-select:focus{border-color:var(--gold-500)}.tafsir-popup-body{flex:1;padding:24px;overflow-y:auto}.tafsir-loading{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:40px 0;font-size:15px;font-style:italic}.tafsir-error{text-align:center;font-family:var(--font-body);color:var(--red-muted);background:#fef7f7;border:1px solid #f0d0d0;border-radius:2px;padding:20px;font-size:15px}.tafsir-text{font-family:var(--font-body);color:var(--ink-light);font-size:16px;line-height:1.9}.tafsir-text h2,.tafsir-text h3{font-family:var(--font-display);color:var(--emerald-800);margin:24px 0 12px;font-size:18px;font-weight:700}.tafsir-text p{margin-bottom:14px}.tafsir-rtl{font-family:var(--font-arabic-ui);text-align:right;font-size:18px;line-height:2}.tafsir-empty{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:40px 0;font-size:15px;font-style:italic}.tafsir-popup-footer{border-top:1px solid var(--gold-200);background:var(--parchment);border-radius:0 0 4px 4px;padding:12px 24px}.tafsir-disclaimer{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;font-size:12px;font-style:italic}@media (width<=768px){.tafsir-overlay{padding:12px}.tafsir-popup{max-height:85vh}.tafsir-popup-header{padding:14px 16px}.tafsir-popup-body{padding:16px}.tafsir-text{font-size:15px}}.ayah-hadith-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.ayah-hadith-popup{background:var(--white);border:1px solid var(--gold-200);width:100%;max-width:600px;max-height:75vh;box-shadow:var(--shadow-lg);border-radius:4px;flex-direction:column;animation:.3s ease-out fadeInUp;display:flex}.ayah-hadith-popup-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ayah-hadith-popup-header h4{font-family:var(--font-display);color:var(--gold-400);margin:0;font-size:16px;font-weight:700}.ayah-hadith-popup-subtitle{font-family:var(--font-display);color:var(--emerald-300);letter-spacing:.8px;font-size:12px}.ayah-hadith-popup-close{width:36px;height:36px;color:var(--emerald-300);cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-hadith-popup-close:hover{color:var(--gold-400);background:#ffffff1a}.ayah-hadith-lang-bar{background:var(--parchment);border-bottom:1px solid var(--gold-200);padding:12px 24px}.ayah-hadith-lang-select{width:100%;font-family:var(--font-display);border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;padding:10px 14px;font-size:14px}.ayah-hadith-lang-select:focus{border-color:var(--gold-500)}.ayah-hadith-popup-body{padding:20px 24px;overflow-y:auto}.ayah-hadith-popup-text-arabic{font-family:var(--font-arabic-ui);color:var(--ink);text-align:right;border-top:1px solid var(--gold-100);margin-top:12px;padding-top:12px;font-size:20px;line-height:2}.ayah-hadith-popup-text-urdu{font-family:var(--font-urdu);color:var(--ink-light);text-align:right;border-top:1px solid var(--gold-100);margin-top:12px;padding-top:12px;font-size:18px;line-height:2.2}.ayah-hadith-popup-text-note{font-family:var(--font-body);color:var(--ink-faint);margin-bottom:8px;font-size:13px;font-style:italic}.ayah-hadith-popup-loading{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:32px 0;font-size:15px;font-style:italic}.ayah-hadith-popup-message{font-family:var(--font-body);color:var(--ink-muted);background:var(--gold-50);border-left:3px solid var(--gold-400);border-radius:2px;margin-bottom:16px;padding:10px 14px;font-size:14px;font-style:italic}.ayah-hadith-popup-list{flex-direction:column;gap:16px;display:flex}.ayah-hadith-popup-card{border:1px solid var(--gold-200);background:var(--parchment);border-radius:2px;padding:16px}.ayah-hadith-popup-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.ayah-hadith-popup-collection{font-family:var(--font-display);letter-spacing:1px;background:var(--emerald-900);color:var(--gold-400);border-radius:2px;padding:4px 12px;font-size:11px;font-weight:700}.ayah-hadith-popup-grade{font-family:var(--font-display);letter-spacing:.8px;border:1px solid;border-radius:2px;padding:3px 10px;font-size:11px;font-weight:600}.grade-sahih{background:var(--emerald-50);color:var(--emerald-700);border-color:var(--emerald-200)}.grade-hasan{background:var(--gold-50);color:var(--gold-700);border-color:var(--gold-300)}.ayah-hadith-popup-topic{font-family:var(--font-display);color:var(--emerald-800);margin-bottom:6px;font-size:15px;font-weight:600}.ayah-hadith-popup-narrator{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:10px;font-size:14px;font-style:italic}.ayah-hadith-popup-text{font-family:var(--font-body);color:var(--ink-light);font-size:15px;line-height:1.8}.ayah-hadith-popup-empty{text-align:center;font-family:var(--font-display);color:var(--ink-faint);padding:32px 0;font-size:15px;font-style:italic}.ayah-hadith-popup-pagination{border-top:1px solid var(--gold-200);justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.ayah-hadith-page-btn{font-family:var(--font-display);letter-spacing:.8px;background:var(--white);color:var(--emerald-800);border:1px solid var(--gold-300);cursor:pointer;border-radius:2px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.ayah-hadith-page-btn:hover:not(:disabled){background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.ayah-hadith-page-btn:disabled{opacity:.3;cursor:not-allowed}.ayah-hadith-page-info{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;font-size:14px;font-weight:600}@media (width<=768px){.ayah-hadith-overlay{padding:12px}.ayah-hadith-popup{max-height:80vh}.ayah-hadith-popup-header{padding:14px 16px}.ayah-hadith-popup-body{padding:16px}}.load-more-container{justify-content:center;padding:24px 0;display:flex}.load-more-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:var(--white);color:var(--emerald-800);border:1.5px solid var(--gold-400);cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.load-more-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.reading-mode-overlay{z-index:200;background:#1a1510;flex-direction:column;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.reading-mode-header{background:#0000004d;border-bottom:1px solid #c8a45c33;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.reading-mode-info{flex-direction:column;gap:2px;display:flex}.reading-mode-surah{font-family:var(--font-display);color:#d4b87a;letter-spacing:1px;font-size:16px;font-weight:600}.reading-mode-ayah-num{font-family:var(--font-display);color:#f0e8d880;font-size:13px}.reading-mode-close{color:#d4b87a;cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.reading-mode-close:hover{background:#c8a45c26;border-color:#d4b87a}.reading-mode-body{scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:20px 48px;display:flex;overflow-y:auto}.reading-mode-arabic{font-family:var(--font-arabic);color:#f0e8d8;text-align:center;max-width:800px;font-size:42px;line-height:1.75}.reading-mode-english{font-family:var(--font-body);color:#f0e8d8b3;text-align:center;max-width:700px;font-size:17px;line-height:1.6}.reading-mode-urdu{font-family:var(--font-urdu);color:#f0e8d899;text-align:center;max-width:700px;font-size:21px;line-height:1.85}.reading-mode-nav{background:#0000004d;border-top:1px solid #c8a45c33;justify-content:center;align-items:center;gap:20px;padding:12px 24px;display:flex}.reading-mode-nav-btn{color:#d4b87a;cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:inline-flex}.reading-mode-nav-btn:hover:not(:disabled){background:#c8a45c26;border-color:#d4b87a}.reading-mode-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reading-mode-progress{font-family:var(--font-display);color:#f0e8d866;letter-spacing:1px;font-size:14px}.navbar-actions{align-items:center;gap:8px;display:flex}.reading-mode-btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;background:var(--parchment);color:var(--ink-muted);border:1px solid var(--gold-200);border-radius:2px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.reading-mode-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}@media (width<=600px){.reading-mode-body{gap:10px;padding:12px 16px}.reading-mode-arabic{font-size:30px}.reading-mode-english{font-size:15px}.reading-mode-urdu{font-size:18px}.reading-mode-nav{gap:12px;padding:10px 16px}}@media (width<=768px){.page-with-sidebar{flex-direction:column;display:flex}.page-main{width:100%;min-width:0}.stats-panel{order:-1;width:100%;max-height:none;margin-bottom:24px;position:static}.stats-panel-inner{width:100%;padding:24px 20px}.stats-overview-grid{grid-template-columns:1fr 1fr;gap:10px}.overview-stat{padding:16px 12px}.overview-number{font-size:24px}.overview-label{font-size:12px}.juz-chart{max-height:none}.juz-chart-row{padding:5px 6px}.juz-chart-label,.juz-chart-count{font-size:13px}.mini-bar{height:10px}.revelation-bar-row{grid-template-columns:98px 1fr 32px}.rev-label{font-size:14px}.rev-bar-track{height:12px}.rev-count,.stats-heading{font-size:14px}.stat-row{padding:9px 0}.stat-label{font-size:14px}.stat-value{font-size:15px}.sparkline{height:50px}.surah-controls{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.controls-left{flex-wrap:wrap;width:100%;min-width:0}.ctrl-group{padding:8px 12px}.ctrl-divider{align-self:auto;width:100%;height:1px}.ctrl-col-right{margin-left:0}.ctrl-select-wide{width:130px}.controls-waqf-below{padding-top:10px}.controls-waqf-below .waqf-legend-grid{grid-template-columns:repeat(2,1fr);gap:6px}.controls-row-intro .surah-intro-inline{padding:12px 0 0}.controls-row{width:100%}.surah-controls .controls-row .reading-mode-btn,.surah-controls .controls-row .toggle-waqf{border-radius:4px;flex:none;justify-content:center;gap:0;width:44px;min-width:44px;height:44px;padding:0}.surah-controls .controls-row .reading-mode-btn svg,.surah-controls .controls-row .toggle-waqf svg{width:18px;height:18px}.surah-controls .btn-label{display:none}.surah-controls .controls-row{justify-content:center;gap:8px}.surah-controls .translation-control,.surah-controls .reciter-control{flex:1;min-width:0}.surah-controls .translation-label,.surah-controls .reciter-label{min-width:auto;font-size:11px}.surah-controls .translation-select,.surah-controls .reciter-select,.surah-controls .gap-select,.surah-controls .speed-select{width:100%;max-width:none;font-size:12px}.surah-controls .zoom-control-multi{width:100%}.surah-controls .zoom-row{flex-wrap:wrap}.surah-controls .speed-control,.surah-controls .gap-control{flex:1;min-width:0}.surah-controls .nav-btn{text-align:center;flex:1;justify-content:center;padding:8px 10px;font-size:11px}.language-toggles{flex-wrap:wrap;justify-content:center;width:100%}.language-toggles label{text-align:center;flex:1;justify-content:center;padding:6px 8px;font-size:12px}.surah-nav,.zoom-control,.translation-control{justify-content:center}.translation-select,.reciter-select{width:100%;max-width:none}.reciter-control{width:100%}.surah-detail-header{padding:28px 16px 0}.surah-meta-band{border-left:none;border-right:none;border-radius:0;margin-left:-16px;margin-right:-16px}.surah-title-arabic{font-size:40px}.surah-title-english{letter-spacing:2px;font-size:17px}.ayah-card{gap:12px;padding:16px 12px 16px 0}.ayah-arabic{font-size:calc(24px * var(--zoom,1))}.surah-grid{grid-template-columns:1fr;gap:12px}.filter-bar{max-width:100%}.filter-row{flex-direction:column}.page-header h1{font-size:24px}.main-content{padding:20px 12px 48px}.hadith-card{padding:16px}.hadith-card-header{flex-direction:column;align-items:flex-start;gap:8px}.footer-columns{grid-template-columns:1fr}.floating-arrows{bottom:12px;right:12px}.fab-btn{width:38px;height:38px}.chatbot-panel{width:auto;max-height:60vh;bottom:120px;left:20px;right:20px}.surah-header-actions{flex-wrap:wrap;gap:6px}.header-action-btn{justify-content:center;width:30px;height:30px;padding:0}.header-action-btn span{display:none}.play-surah-btn{font-size:12px}.surah-primary-actions{flex-flow:row;gap:8px;margin-top:16px}.surah-primary-actions .play-surah-btn,.surah-primary-actions .reading-mode-btn{justify-content:center;width:30px!important;height:30px!important;font-family:var(--font-display)!important;letter-spacing:1px!important;text-transform:uppercase!important;color:var(--emerald-300)!important;border:1px solid var(--emerald-600)!important;box-shadow:none!important;background:0 0!important;border-radius:2px!important;align-items:center!important;gap:0!important;padding:0!important;font-size:12px!important;font-weight:600!important;transition:all .25s!important;display:inline-flex!important}.surah-primary-actions .play-surah-btn:hover,.surah-primary-actions .reading-mode-btn:hover{border-color:var(--gold-500)!important;color:var(--gold-400)!important;background:0 0!important}.surah-primary-actions .btn-label{display:none}.waqf-legend-grid{grid-template-columns:repeat(2,1fr);gap:8px}.waqf-legend-item{gap:8px;padding:6px}}.review-overlay{z-index:95;background:#0006;position:fixed;inset:0}.review-panel{background:var(--white);border:1px solid var(--gold-200);width:380px;max-height:80vh;box-shadow:var(--shadow-lg);z-index:100;border-radius:2px;animation:.3s ease-out panelSlideIn;position:fixed;top:50%;right:24px;overflow-y:auto;transform:translateY(-50%)}.review-header{background:var(--emerald-900);border-bottom:2px solid var(--gold-500);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.review-title{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-400);font-size:14px;font-weight:700}.review-close{width:32px;height:32px;color:var(--emerald-300);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.review-close:hover{color:var(--gold-400);background:#ffffff1a}.review-form{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.review-field{flex-direction:column;gap:4px;display:flex}.review-field label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:600}.review-field input,.review-field textarea{font-family:var(--font-body);border:1px solid var(--gold-300);background:var(--white);color:var(--ink);resize:vertical;border-radius:2px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.review-field input:focus,.review-field textarea:focus{border-color:var(--gold-500)}.review-stars-input{gap:4px;display:flex}.review-star-btn{color:var(--gold-200);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;transition:color .15s}.review-star-btn.active{color:var(--gold-500)}.review-star-btn:hover{color:var(--gold-400)}.review-error{color:var(--red-muted);font-size:13px}.review-submit{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:var(--emerald-900);color:var(--gold-400);border:1.5px solid var(--gold-500);cursor:pointer;border-radius:2px;padding:12px 24px;font-size:13px;font-weight:600;transition:all .25s}.review-submit:hover{background:var(--gold-500);color:var(--emerald-950)}.review-success{text-align:center;color:var(--emerald-700);flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.review-success p{font-family:var(--font-display);color:var(--ink-muted);font-size:15px}.cal-overlay{z-index:95;background:#00000059;position:fixed;inset:0}.cal-panel{background:var(--white);border:1px solid var(--gold-200);width:min(380px,100vw - 48px);max-height:min(85vh,85dvh);box-shadow:var(--shadow-lg);z-index:100;border-radius:2px;padding:20px;animation:.3s ease-out panelSlideIn;position:fixed;top:50%;right:24px;overflow-y:auto;transform:translateY(-50%)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(calc(16px - 50%))}to{opacity:1;transform:translateY(-50%)}}.cal-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.cal-panel-title{font-family:var(--font-display);color:var(--emerald-900);margin:0;font-size:18px;font-weight:700}.cal-panel-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-600);margin:2px 0 0;font-size:11px}.cal-panel-close{border:1px solid var(--gold-200);cursor:pointer;color:var(--gold-600);background:0 0;border-radius:6px;padding:4px;transition:all .2s;display:flex}.cal-panel-close:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--gold-500)}.cal-today-banner{background:var(--emerald-900);border:1px solid var(--gold-700);border-radius:8px;flex-direction:column;gap:2px;margin-bottom:16px;padding:10px 14px;display:flex}.cal-importance-wrap{position:relative}.cal-importance-wrap--tip .cal-importance-btn{animation:1.6s ease-in-out infinite cal-tip-pulse;box-shadow:0 0 0 3px #d4a84359,0 0 0 6px #d4a8432e}@keyframes cal-tip-pulse{0%,to{box-shadow:0 0 0 3px #d4a84359,0 0 0 6px #d4a8432e}50%{box-shadow:0 0 0 5px #d4a8438c,0 0 0 10px #d4a84340}}.cal-tip{background:var(--gold-500);color:#fff;z-index:50;border-radius:8px;width:min(360px,100% - 20px);padding:12px 38px 12px 14px;font-size:13px;line-height:1.5;animation:.28s ease-out cal-tip-pop;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}@keyframes cal-tip-pop{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cal-tip-arrow{background:var(--gold-500);width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.cal-tip-body{flex-direction:column;gap:3px;display:flex}.cal-tip-body strong{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:800}.cal-tip-dismiss{color:#ffffffd9;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.cal-tip-dismiss:hover{background:#ffffff2e}.mic-card{border:1px solid var(--gold-300);border-left:4px solid var(--gold-500);box-shadow:var(--shadow-sm);background:linear-gradient(120deg,#fdf8ee,#faf3e3);border-radius:6px;justify-content:space-between;align-items:center;gap:14px;margin:14px 16px;padding:14px 18px;text-decoration:none;transition:background .18s,border-color .18s,transform .1s;display:flex}.mic-card:hover{border-color:var(--gold-500);background:linear-gradient(120deg,#faf0d8,#f7e9c8)}.mic-card:active{transform:translateY(1px)}.mic-card-left{flex:1;min-width:0}.mic-card-eyebrow{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-700);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.mic-card-title{font-family:var(--font-display);color:var(--ink);margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.mic-card-title-ar{color:var(--gold-700);font-family:serif;font-size:17px;font-weight:500}.mic-card-sub{color:var(--ink-light);margin:0;font-size:13px;line-height:1.55}.mic-card-cta{background:var(--gold-500);color:#fff;font-family:var(--font-display);letter-spacing:.6px;text-transform:uppercase;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:700;transition:background .15s;display:inline-flex}.mic-card:hover .mic-card-cta{background:var(--gold-700)}@media (width<=600px){.mic-card{margin:12px;padding:12px 14px}.mic-card-title{font-size:17px}.mic-card-sub{font-size:12.5px}.mic-card-cta-text{display:none}.mic-card-cta{padding:7px 9px}}.cal-importance-btn{border:1px solid var(--gold-700);cursor:pointer;background:linear-gradient(135deg,#0d1f12d9,#08160ef2);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;text-decoration:none;transition:background .18s,border-color .18s,transform .12s;display:flex}.cal-importance-btn:hover{border-color:var(--gold-500);background:linear-gradient(135deg,#142c1af2,#0b1c12)}.cal-importance-btn:active{transform:translateY(1px)}.cal-importance-btn-text{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.cal-importance-btn-tag{font-family:var(--font-display);letter-spacing:1.4px;text-transform:uppercase;color:#d4a843b3;font-size:9px;font-weight:700}.cal-importance-btn-label{font-family:var(--font-display);color:var(--gold-300);font-size:14px;font-weight:700}.cal-importance-btn-ar{color:#d4a843b3;font-weight:500}.cal-importance-btn-icon{color:var(--gold-500);flex-shrink:0}.imp-shell{max-width:1180px;color:var(--ink);margin-left:auto;margin-right:auto}@media (width<=768px){.imp-shell{max-width:100%}}.imp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.imp-topbar-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.imp-btn-label{display:none}.imp-back,.imp-icon-btn{justify-content:center;min-width:36px;padding:8px 10px}.imp-play{border-radius:20px;gap:4px;min-width:36px;padding:8px 10px}.imp-month-counter{display:none}}.imp-icon-btn{background:var(--white,#fff);border:1px solid var(--gold-300);color:var(--ink-light);font-family:var(--font-display);letter-spacing:.4px;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:4px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.imp-icon-btn:hover{border-color:var(--gold-500);color:var(--ink);background:#fdf8ee}.imp-today{border:1px solid var(--gold-300);border-left:4px solid var(--gold-500);color:var(--ink-light);background:linear-gradient(90deg,#d4a84326,#d4a8430d);border-radius:4px;align-items:center;gap:10px;margin-bottom:22px;padding:10px 14px;font-size:13.5px;display:flex}.imp-today strong{color:var(--ink);font-weight:700}.imp-today-icon{color:var(--gold-700);flex-shrink:0}.imp-h2-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.imp-progress{font-family:var(--font-display);letter-spacing:.8px;color:var(--gold-700);border:1px solid var(--gold-300);background:#fdf8ee;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.imp-checklist{grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=768px){.imp-checklist{grid-template-columns:1fr}}.imp-checklist li{margin:0}.imp-check{background:var(--white,#fff);border:1px solid var(--gold-300);cursor:pointer;border-radius:4px;align-items:flex-start;gap:11px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex}.imp-check:hover{border-color:var(--gold-500);background:#fdf8ee}.imp-check input{display:none}.imp-check-box{border:1.5px solid var(--gold-500);color:#fff;background:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:background .12s;display:flex}.imp-check--done .imp-check-box{background:var(--gold-500)}.imp-check-text{color:var(--ink-light);font-size:14px;line-height:1.5}.imp-check--done .imp-check-text{color:var(--ink-faint);text-decoration:line-through}.imp-verse-link{border:1px solid var(--gold-300);color:var(--gold-700);font:inherit;cursor:pointer;vertical-align:baseline;background:#fdf8ee;border-radius:4px;align-items:center;gap:5px;margin:0 2px;padding:1px 7px 2px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.imp-verse-link:hover{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.imp-verse-link--playing{background:var(--gold-500);border-color:var(--gold-500);color:#fff;animation:1.5s ease-in-out infinite imp-verse-pulse}@keyframes imp-verse-pulse{0%,to{box-shadow:0 0 #c8a45c8c}50%{box-shadow:0 0 0 6px #c8a45c00}}.imp-duas{flex-direction:column;gap:14px;display:flex}.imp-dua{background:var(--white,#fff);border:1px solid var(--gold-300);border-left:4px solid var(--gold-500);box-shadow:var(--shadow-sm);border-radius:4px;padding:18px 22px}.imp-dua-arabic{color:var(--ink);text-align:right;margin:0 0 12px;font-family:serif;font-size:24px;line-height:1.95}.imp-dua-translit{color:var(--gold-700);margin:0 0 10px;font-size:14px;font-style:italic;line-height:1.65}.imp-dua-english{color:var(--ink-light);margin:0 0 8px;font-size:14.5px;line-height:1.7}.imp-dua-source{color:var(--ink-faint);margin:0;font-size:12px;font-style:italic}@media print{.navbar,.navbar-month-banner-wrap,.footer,.floating-actions,.breadcrumb,.imp-topbar,.imp-month-nav,.imp-today,.imp-play,.imp-verse-link svg{display:none!important}.page-main{background:#fff!important}.imp-shell{max-width:100%!important;padding:0!important}.imp-hero{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.imp-event,.imp-dua,.imp-check,.imp-refs,.imp-nav-btn{break-inside:avoid;box-shadow:none!important}.imp-verse-link{-webkit-text-decoration:underline #ccc;text-decoration:underline #ccc;color:var(--ink)!important;background:0 0!important;border:none!important;padding:0!important}.imp-title{color:#000!important}}.imp-back{background:var(--white,#fff);border:1px solid var(--gold-300);color:var(--ink-light);font-family:var(--font-display);letter-spacing:.4px;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:4px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.imp-back:hover{background:var(--gold-50,#fdf8ee);border-color:var(--gold-500);color:var(--ink)}.imp-month-counter{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.imp-play{border:1px solid var(--gold-500);background:var(--gold-500);color:#fff;font-family:var(--font-display);letter-spacing:.6px;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex;position:relative}.imp-play:hover{background:var(--gold-700);border-color:var(--gold-700)}.imp-play:active{transform:translateY(1px)}.imp-play--on{background:#c75252;border-color:#c75252}.imp-play--on:hover{background:#a93d3d;border-color:#a93d3d}.imp-play-dot{background:#fff;border-radius:50%;width:7px;height:7px;margin-left:2px;animation:1.1s ease-in-out infinite imp-pulse}@keyframes imp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.imp-hero{text-align:center;border:1px solid var(--gold-300);box-shadow:var(--shadow-sm);background:linear-gradient(#fdf8ee,#faf3e3);border-radius:4px;margin-bottom:28px;padding:36px 20px 28px}.imp-eyebrow{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--gold-700);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.imp-title{font-family:var(--font-display);color:var(--ink);letter-spacing:.5px;margin:0 0 8px;font-size:40px;font-weight:700;line-height:1.1}.imp-title-ar{color:var(--gold-700);margin:0;font-family:serif;font-size:28px;line-height:1.2}.imp-section{margin-bottom:32px}.imp-h2{font-family:var(--font-display);letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-700);border-bottom:1px solid var(--gold-300);margin:0 0 14px;padding-bottom:8px;font-size:11px;font-weight:700}.imp-importance{color:var(--ink-light);text-align:justify;margin:0;font-size:16px;line-height:1.78}.imp-events{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.imp-event{background:var(--white,#fff);border:1px solid var(--gold-300);border-left:4px solid var(--gold-500);box-shadow:var(--shadow-sm);border-radius:4px;padding:18px 20px}.imp-event-head{align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.imp-event-num{background:var(--gold-500);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.imp-event-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.imp-event-day{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--gold-700);font-size:10px;font-weight:700}.imp-event-name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:17px;font-weight:700;line-height:1.35}.imp-event-detail{color:var(--ink-light);text-align:justify;margin:0;font-size:14.5px;line-height:1.72}.imp-refs{border:1px solid var(--gold-300);background:#fdf8ee;border-radius:4px;grid-template-columns:1fr 1fr;gap:6px 18px;margin:0;padding:14px 18px;list-style:none;display:grid}.imp-refs li{color:var(--ink-light);padding-left:14px;font-size:12.5px;font-style:italic;line-height:1.55;position:relative}.imp-refs li:before{content:"◆";color:var(--gold-500);font-size:7px;position:absolute;top:2px;left:0}.imp-disclaimer{color:var(--ink-faint);margin-top:14px;font-size:12px;font-style:italic;line-height:1.6}.imp-month-nav{border-top:1px solid var(--gold-300);grid-template-columns:1fr 1fr;gap:12px;margin-top:36px;padding-top:24px;display:grid}.imp-nav-btn{background:var(--white,#fff);border:1px solid var(--gold-300);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:4px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.imp-nav-btn:hover{border-color:var(--gold-500);background:#fdf8ee}.imp-nav-btn--end{text-align:right;justify-content:flex-end}.imp-nav-btn span{flex-direction:column;gap:1px;display:flex}.imp-nav-tag{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-700);font-size:9px;font-weight:700}.imp-nav-name{font-family:var(--font-display);color:var(--ink);font-size:13px;font-weight:700}.imp-empty{text-align:center;color:var(--ink-faint);padding:60px 20px}@media (width<=600px){.imp-title{font-size:30px}.imp-title-ar{font-size:22px}.imp-refs{grid-template-columns:1fr}.imp-importance{font-size:14.5px}.imp-event-name{font-size:15px}.imp-event-detail{font-size:13.5px}}.ic-month-info{border:1px solid var(--gold-700);background:linear-gradient(#0d1f128c,#08160ed9);border-radius:10px;margin-bottom:14px;overflow:hidden}.ic-month-info-toggle{cursor:pointer;width:100%;color:var(--gold-400);font-family:var(--font-display);background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ic-month-info-toggle-left{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ic-month-info-tag{letter-spacing:1.3px;text-transform:uppercase;color:#d4a843b3;font-size:9px;font-weight:700}.ic-month-info-month{color:var(--gold-300);font-size:14px;font-weight:700}.ic-month-info-ar{color:#d4a843bf;font-weight:500}.ic-month-info-chevron{color:var(--gold-500);border:1px solid #c8a45c59;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;line-height:1;display:flex}.ic-month-info-body{border-top:1px solid #c8a45c26;padding:0 14px 14px}.ic-month-info-importance{color:#ffffffc7;margin:10px 0 12px;font-size:12.5px;line-height:1.65}.ic-month-info-heading{font-family:var(--font-display);letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-400);margin:8px 0 6px;font-size:10px;font-weight:700}.ic-month-info-events ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ic-month-info-event{border-left:2px solid var(--gold-500);background:#0000002e;border-radius:4px;gap:10px;padding:8px 10px;display:flex}.ic-event-day{min-width:72px;font-family:var(--font-display);letter-spacing:.5px;color:var(--gold-300);text-align:center;background:#c8a45c1f;border-radius:4px;flex-shrink:0;height:fit-content;padding:2px 6px;font-size:10px;font-weight:700}.ic-event-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ic-event-name{color:var(--gold-200);font-size:12px;font-weight:600}.ic-event-detail{color:#ffffffb3;font-size:11.5px;line-height:1.55}.ic-month-info-refs{color:#ffffff8c;border-top:1px dashed #c8a45c2e;margin-top:12px;padding-top:10px;font-size:10.5px;line-height:1.55}.ic-refs-label{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--gold-400);margin-right:6px;font-size:9px;font-weight:700}.ic-refs-list{font-style:italic}.ic-month-info-disclaimer{color:#ffffff59;margin:8px 0 0;font-size:9.5px;font-style:italic}.cal-today-en{font-family:var(--font-display);color:var(--gold-400);font-size:14px;font-weight:600}.cal-today-ar{color:var(--gold-300);font-family:serif;font-size:15px}.cal-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.cal-nav-btn{background:var(--gold-50,#fdf8ee);border:1px solid var(--gold-200);cursor:pointer;width:32px;height:32px;color:var(--emerald-900);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .2s;display:flex}.cal-nav-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--gold-600)}.cal-nav-center{flex-direction:column;flex:1;align-items:center;gap:1px;display:flex}.cal-nav-month{font-family:var(--font-display);color:var(--emerald-900);font-size:15px;font-weight:700}.cal-nav-year{letter-spacing:1px;color:var(--gold-600);text-transform:uppercase;font-size:11px}.cal-nav-ar{color:var(--gold-500);font-family:serif;font-size:13px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-cell{text-align:center;border-radius:6px;padding:4px 2px}.cal-wh{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);padding-bottom:6px;font-size:10px;font-weight:600}.cal-friday{color:var(--gold-500)}.cal-day{cursor:default;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:1px;transition:border-color .15s,background .15s;display:flex}.cal-day:hover{border-color:var(--gold-200);background:var(--gold-50,#fdf8ee)}.cal-hd{font-family:var(--font-display);color:var(--emerald-900);font-size:15px;font-weight:600;line-height:1.2}.cal-gd{color:var(--gold-600);letter-spacing:.3px;font-size:9px}.cal-fri-day .cal-hd{color:var(--gold-500)}.cal-today{background:var(--emerald-700)!important;border-color:var(--emerald-600)!important}.cal-today .cal-hd{color:#fff}.cal-today .cal-gd{color:#ffffffa6}.cal-go-today{border:1px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:8px;font-size:12px;transition:all .2s}.cal-go-today:hover{border-color:var(--gold-600);color:var(--gold-500)}.review-marquee-section{text-align:center;margin-top:56px;position:relative;overflow:hidden}.review-section-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.review-section-quote-icon{color:var(--gold-500);opacity:.5;margin-bottom:4px}.review-marquee-heading{font-family:var(--font-display);letter-spacing:.3px;color:var(--emerald-800);margin:0;font-size:28px;font-weight:700;line-height:1.2}.review-marquee-subtitle{font-family:var(--font-body);color:var(--ink-muted);letter-spacing:.2px;margin:0;font-size:14px}.review-aggregate{align-items:center;gap:6px;margin-top:4px;display:flex}.review-aggregate-stars{align-items:center;gap:2px;display:flex}.review-aggregate-stars .marquee-star-svg{color:var(--gold-300)}.review-aggregate-stars .marquee-star-svg.filled{color:var(--gold-500)}.review-aggregate-score{font-family:var(--font-display);color:var(--gold-600);font-size:13px;font-weight:700}.review-aggregate-divider{color:var(--ink-faint);font-size:12px}.review-aggregate-count{font-family:var(--font-body);color:var(--ink-faint);font-size:12.5px}.review-marquee-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.review-static-track{overflow:visible}.review-static-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (width>=769px){.review-static-grid .review-marquee-card.is-duplicate{display:none}}@media (width<=768px){.review-static-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.review-static-grid{flex-wrap:nowrap;width:max-content;padding:12px 0;animation:22s linear infinite marqueeScroll}.review-static-grid:hover{animation-play-state:paused}.review-static-grid .review-marquee-card{width:280px}}.review-marquee-scroll{will-change:transform;gap:20px;width:max-content;padding:16px 0 20px;animation:38s linear infinite marqueeScroll;display:flex}.review-marquee-scroll:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.review-marquee-card{background:var(--white);border:1px solid var(--gold-200);border-top:2px solid var(--gold-400);text-align:left;border-radius:4px;flex-direction:column;flex-shrink:0;width:340px;padding:24px 24px 20px;transition:box-shadow .25s,border-top-color .25s,transform .2s;display:flex}.review-marquee-card:hover{border-top-color:var(--gold-600);transform:translateY(-2px);box-shadow:0 6px 24px #0000001a,0 2px 6px #c8a45c1f}.marquee-card-body{flex:1;margin-bottom:16px}.marquee-card-open-quote{color:var(--gold-400);-webkit-user-select:none;user-select:none;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:52px;line-height:.7}.marquee-card-comment{font-family:var(--font-body);color:var(--ink);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14.5px;font-style:italic;line-height:1.75;display:-webkit-box;overflow:hidden}.marquee-card-more{font-family:var(--font-display);color:var(--emerald-700);letter-spacing:.4px;cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin:0;padding:0;font-size:11.5px;font-weight:600;transition:color .2s}.marquee-card-more:hover{color:var(--gold-600)}.marquee-card-meta{flex-direction:column;gap:12px;display:flex}.marquee-card-stars{align-items:center;gap:2px;display:flex}.marquee-star-svg{color:var(--gold-300)}.marquee-star-svg.filled{color:var(--gold-500)}.marquee-card-divider{background:var(--gold-100);height:1px}.marquee-card-footer{align-items:center;gap:10px;display:flex}.marquee-card-avatar{background:var(--emerald-700);width:36px;height:36px;color:var(--gold-200);font-family:var(--font-display);letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.marquee-card-info{flex-direction:column;gap:1px;min-width:0;display:flex}.marquee-card-name-row{align-items:center;gap:6px;display:flex}.marquee-card-name{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.marquee-card-linkedin{color:#0a66c2;flex-shrink:0;align-items:center;transition:opacity .2s;display:flex}.marquee-card-linkedin:hover{opacity:.7}.marquee-card-date{font-family:var(--font-body);color:var(--ink-faint);font-size:11.5px}.review-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.review-modal{background:var(--white);border:1px solid var(--gold-200);border-top:2px solid var(--gold-400);border-radius:6px;width:100%;max-width:560px;max-height:80vh;padding:32px;animation:.25s ease-out modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 48px #0000002e}.review-modal-close{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:14px;right:14px}.review-modal-close:hover{color:var(--ink);background:var(--gold-50)}.review-modal-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.review-modal-avatar{width:48px!important;height:48px!important;font-size:16px!important}.review-modal-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.2px;font-size:17px;font-weight:700}.review-modal-stars{align-items:center;gap:3px;margin-bottom:16px;display:flex}.review-modal-comment{font-family:var(--font-body);color:var(--ink);margin:0;font-size:15.5px;font-style:italic;line-height:1.8}@media (width<=768px){.review-panel{width:auto;left:12px;right:12px}.review-marquee-heading{font-size:22px}.review-marquee-card{width:280px;padding:18px 18px 16px}.marquee-card-open-quote{font-size:40px}.review-marquee-scroll{animation-duration:24s}.fab-tab{padding:12px 8px}}.cookie-banner{z-index:500;background:var(--emerald-950);border-top:2px solid var(--gold-500);animation:.5s ease-out cookieSlideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0000004d}@keyframes cookieSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-inner{max-width:1200px;margin:0 auto;padding:24px 32px}.cookie-banner-content{align-items:flex-start;gap:16px;display:flex}.cookie-banner-icon{color:var(--gold-400);flex-shrink:0;margin-top:2px}.cookie-banner-text h4{font-family:var(--font-display);color:var(--gold-400);letter-spacing:.5px;margin-bottom:8px;font-size:16px;font-weight:700}.cookie-banner-text>p{font-family:var(--font-body);color:var(--emerald-200);font-size:14px;line-height:1.7}.cookie-banner-text strong{color:var(--gold-300)}.cookie-banner-details{border-top:1px solid #c8a45c33;margin-top:16px;padding-top:16px;animation:.3s ease-out fadeIn}.cookie-banner-details h5{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--gold-400);margin:16px 0 8px;font-size:13px;font-weight:700}.cookie-banner-details h5:first-child{margin-top:0}.cookie-banner-details ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cookie-banner-details li{font-family:var(--font-body);color:var(--emerald-300);padding-left:16px;font-size:13px;line-height:1.6;position:relative}.cookie-banner-details li:before{content:"•";color:var(--gold-500);position:absolute;left:0}.cookie-banner-details li strong{color:var(--gold-300)}.cookie-banner-note{color:var(--emerald-400);margin-top:12px;font-size:12px;font-style:italic}.cookie-banner-actions{border-top:1px solid #c8a45c26;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.cookie-btn-details{font-family:var(--font-display);letter-spacing:.5px;color:var(--gold-400);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline;transition:color .2s}.cookie-btn-details:hover{color:var(--gold-300)}.cookie-btn-group{gap:12px;display:flex}.cookie-btn-decline{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-300);border:1px solid var(--emerald-600);cursor:pointer;background:0 0;border-radius:2px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .25s}.cookie-btn-decline:hover{border-color:var(--emerald-400);color:var(--emerald-200)}.cookie-btn-accept{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:var(--gold-500);color:var(--emerald-950);border:1px solid var(--gold-500);cursor:pointer;border-radius:2px;padding:10px 28px;font-size:13px;font-weight:600;transition:all .25s}.cookie-btn-accept:hover{background:var(--gold-400)}@media (width<=768px){.cookie-banner-inner{padding:20px 16px}.cookie-banner-content{flex-direction:column;gap:8px}.cookie-banner-icon{display:none}.cookie-banner-actions{flex-direction:column;align-items:stretch;gap:12px}.cookie-btn-group{flex-direction:column;gap:8px}.cookie-btn-accept,.cookie-btn-decline{text-align:center;padding:12px}}.ayah-now-playing{border-top:1px solid var(--gold-100);margin-top:12px;padding-top:10px;animation:.3s ease-out fadeIn}.ayah-np-info{align-items:center;gap:10px;margin-bottom:6px;display:flex}.ayah-np-text{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:var(--emerald-700);font-size:11px;font-weight:600}.ayah-np-counter{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;padding:2px 8px;font-size:10px;font-weight:600}.ayah-np-stop{width:24px;height:24px;color:var(--ink-faint);border:1px solid var(--gold-200);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:flex}.ayah-np-stop:hover{background:var(--red-muted);color:var(--white);border-color:var(--red-muted)}.ayah-np-progress{background:var(--parchment-dark);border-radius:2px;height:3px;overflow:hidden}.ayah-np-progress-fill{background:linear-gradient(90deg, var(--gold-500), var(--gold-400));border-radius:2px;height:100%;transition:width .2s linear}.sajdah-badge{color:#451a03;font-family:var(--font-display,sans-serif);letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 1px 3px #d977064d}.sajdah-badge.sajdah-playing{animation:1.8s ease-in-out infinite sajdah-pulse;box-shadow:0 0 8px #f59e0b80}@keyframes sajdah-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #f59e0b80}50%{opacity:.85;transform:scale(1.05);box-shadow:0 0 16px #f59e0bb3}}.audio-controls-stack{flex-direction:column;align-self:flex-start;align-items:flex-start;gap:8px;margin-left:auto;display:flex}.speed-control{align-items:center;gap:10px;display:flex}.speed-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;font-size:14px;font-weight:600}.speed-select{font-family:var(--font-display);letter-spacing:.3px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;max-width:120px;padding:8px 14px;font-size:13px;transition:border-color .3s}.speed-select:focus{border-color:var(--gold-500)}.gap-control{align-items:stretch;gap:8px;display:inline-flex}.gap-label{font-family:var(--font-display);color:var(--ink-muted);letter-spacing:.5px;font-size:14px;font-weight:600}.gap-select{font-family:var(--font-display);letter-spacing:.3px;border:1px solid var(--gold-300);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:2px;outline:none;max-width:120px;padding:8px 14px;font-size:13px;transition:border-color .3s}.gap-select:focus{border-color:var(--gold-500)}.now-playing-counter{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--gold-400);background:var(--emerald-800);white-space:nowrap;border-radius:2px;padding:3px 10px;font-size:11px;font-weight:600}.ayah-hidden-text{filter:blur(8px);-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .3s;position:relative}.ayah-hidden-text:hover{filter:blur(4px)}.ayah-difficult-btn{background:var(--parchment);width:32px;height:32px;color:var(--ink-muted);border:1px solid var(--gold-200);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.ayah-difficult-btn:hover{background:var(--gold-50);color:#d97706;border-color:#d97706;transform:scale(1.1)}.ayah-difficult-btn.marked{color:#d97706;background:#fef3c7;border-color:#d97706}@media (width<=768px){.speed-control{justify-content:center;width:100%}.speed-select{width:100%;max-width:none;font-size:12px}.gap-control{justify-content:center;width:100%}.gap-select{width:100%;max-width:none}.now-playing-counter{padding:2px 6px;font-size:10px}}.daily-verse-card{background:linear-gradient(135deg, var(--emerald-50) 0%, var(--gold-50) 100%);border:1px solid var(--gold-200);max-width:100%;box-shadow:var(--shadow-card);border-radius:6px;margin:16px auto;padding:28px 32px;position:relative}.daily-verse-loading{justify-content:center;align-items:center;min-height:120px;display:flex}.daily-verse-shimmer{background:linear-gradient(90deg, var(--gold-100) 25%, var(--gold-200) 50%, var(--gold-100) 75%);background-size:200% 100%;border-radius:6px;width:60%;height:16px;animation:1.5s infinite shimmer}.daily-verse-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.daily-verse-heading{font-family:var(--font-display);color:var(--emerald-800);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.daily-verse-refresh{border:1px solid var(--gold-300);cursor:pointer;width:32px;height:32px;color:var(--gold-600);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.daily-verse-refresh:hover{background:var(--gold-100);color:var(--emerald-800);transform:rotate(180deg)}.daily-verse-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:center;margin-bottom:16px;padding:12px 0;font-size:28px;line-height:2}.daily-verse-english{font-family:var(--font-body);color:var(--ink-light);text-align:center;margin-bottom:8px;font-size:16px;font-style:italic;line-height:1.7}.daily-verse-urdu{font-family:var(--font-urdu);color:var(--ink-muted);text-align:center;margin-bottom:12px;font-size:18px;line-height:2}.daily-verse-ref{text-align:center;font-family:var(--font-display);color:var(--gold-700);letter-spacing:.5px;font-size:13px}.friday-banner{color:#fff;max-width:var(--max-width);background:linear-gradient(135deg,#92722b 0%,#c8a45c 50%,#d4b87a 100%);border-radius:6px;justify-content:center;align-items:center;gap:16px;margin:0 auto 8px;padding:16px 24px;display:flex;box-shadow:0 4px 20px #92722b4d}.friday-banner-icon{opacity:.9;flex-shrink:0}.friday-banner-text{font-family:var(--font-display);letter-spacing:.5px;font-size:17px}.friday-banner-sub{opacity:.85;font-style:italic}.friday-banner-btn{color:#fff;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #fff6;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .3s}.friday-banner-btn:hover{background:#ffffff59}.khutba-widget{color:#fff;max-width:var(--max-width);background:linear-gradient(135deg,#1a3a2a 0%,#0d5c3a 50%,#145c3a 100%);border-radius:6px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto 8px;padding:16px 24px;transition:box-shadow .3s;display:flex;box-shadow:0 4px 20px #0d5c3a59}.khutba-widget-playing{box-shadow:0 4px 28px #0d5c3a8c}.khutba-widget-icon{opacity:.85;flex-shrink:0}.khutba-widget-text{flex:1;min-width:0}.khutba-widget-arabic{letter-spacing:.5px;font-family:Amiri,Scheherazade New,Arabic Typesetting,serif;font-size:22px;line-height:1.4}.khutba-widget-label{font-family:var(--font-display);opacity:.8;letter-spacing:.3px;margin-top:2px;font-size:13px}.khutba-widget-status{opacity:.65;margin-top:3px;font-size:12px;font-style:italic}.khutba-widget-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.khutba-widget-btn{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid #fff6;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.khutba-widget-btn-primary{color:#fff;background:#fff3}.khutba-widget-btn-primary:hover{background:#ffffff59}.khutba-widget-btn-ghost{color:#ffffffd9;background:0 0}.khutba-widget-btn-ghost:hover{color:#fff;background:#ffffff1f}.khutba-quote-banner{background:var(--emerald-50,#f0faf5);border-left:4px solid var(--emerald-600,#059669);max-width:var(--max-width);color:var(--emerald-900,#064e3b);border-radius:6px;margin:0 auto 24px;padding:16px 20px}.khutba-quote-banner p{font-family:var(--font-display);margin:0 0 4px;font-size:15px;font-style:italic;line-height:1.6}.khutba-quote-banner span{opacity:.7;letter-spacing:.3px;font-size:12px}.khutba-player-bar{max-width:var(--max-width);background:var(--emerald-900,#064e3b);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 24px;padding:14px 20px;display:flex}.khutba-player-controls{gap:10px;display:flex}.khutba-section-counter{font-family:var(--font-display);color:#ffffffbf;letter-spacing:.3px;font-size:13px}.khutba-paused-tag{color:#ffc864e6}.khutba-phase-tag{color:#b4e6c8e6}.khutba-phase-ur{color:#96d2ffe6}.khutba-sections{max-width:var(--max-width);flex-direction:column;gap:16px;margin:0 auto;padding-bottom:40px;display:flex}.khutba-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:6px;padding:20px 24px;transition:border-color .3s,box-shadow .3s}.khutba-card-active{border-color:var(--emerald-500,#10b981);box-shadow:0 0 0 3px #10b98126}.khutba-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.khutba-card-titles{align-items:flex-start;gap:12px;display:flex}.khutba-card-num{background:var(--emerald-900,#064e3b);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:13px;font-weight:700;display:flex}.khutba-card-title{font-family:var(--font-display);color:var(--emerald-900,#064e3b);font-size:15px;font-weight:600}.khutba-card-title-urdu{color:var(--ink-muted,#6b7280);margin-top:2px;font-family:Amiri,Noto Nastaliq Urdu,serif;font-size:14px}.khutba-card-btns{flex-shrink:0;align-items:center;gap:6px;display:flex}.khutba-play-btn{background:var(--emerald-900,#064e3b);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.khutba-play-btn:hover{background:var(--emerald-700,#047857)}.khutba-stop-btn{width:28px;height:28px;color:var(--emerald-900,#064e3b);border:1.5px solid var(--emerald-900,#064e3b);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.khutba-stop-btn:hover{background:var(--emerald-900,#064e3b);color:#fff}.khutba-card-arabic{color:var(--text-primary,#111827);text-align:right;margin-bottom:12px;font-family:Amiri,Scheherazade New,Arabic Typesetting,serif;font-size:18px;line-height:1.9}.khutba-card-divider{background:var(--border-color,#e5e7eb);height:1px;margin:12px 0}.khutba-card-urdu{color:var(--ink-muted,#4b5563);text-align:right;font-family:Amiri,Noto Nastaliq Urdu,serif;font-size:14px;line-height:1.9}.islamic-month-bar{text-align:center;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 16px;display:flex}.imb-content{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.islamic-month-bar--link{cursor:pointer;border-radius:6px;text-decoration:none;transition:background .15s,transform .1s}.islamic-month-bar--link:hover{background:#d4a8431a}.islamic-month-bar--link:active{transform:translateY(1px)}.imb-cta{width:22px;height:22px;color:var(--gold-300);background:#d4a8432e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:inline-flex}.islamic-month-bar--link:hover .imb-cta{background:var(--gold-500);color:#fff;transform:translate(2px)}.imb-row1{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.imb-arabic-inline{font-family:var(--font-arabic,"Amiri", serif);color:var(--gold-300);direction:rtl;font-size:16px;line-height:1}.imb-name-inline{font-family:var(--font-display);color:var(--gold-200);letter-spacing:.5px;font-size:13px;font-weight:600}.imb-year-inline{color:var(--gold-400);letter-spacing:.3px;font-size:11px}.imb-sep{color:var(--gold-600);font-size:10px}.imb-row2{color:#f0d89099;max-width:520px;font-size:11px;line-height:1.3}@media (width<=768px){.islamic-month-bar{display:none}}.surah-intro-section{border:1px solid var(--gold-200);background:var(--gold-50);border-radius:6px;margin:16px 0;overflow:hidden}.surah-intro-toggle{cursor:pointer;width:100%;font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.8px;text-transform:uppercase;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.surah-intro-toggle:hover{background:var(--gold-100)}.surah-intro-chevron{transition:transform .3s}.surah-intro-chevron-open{transform:rotate(180deg)}.surah-intro-body{border-top:1px solid var(--gold-200);flex-direction:column;gap:12px;padding:4px 20px 20px;display:flex}.surah-intro-row{font-family:var(--font-body);color:var(--ink-light);align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;display:flex}.surah-intro-label{color:var(--emerald-700);flex-shrink:0;min-width:90px;font-weight:700}.surah-intro-badges{flex-wrap:wrap;gap:6px;display:flex}.surah-intro-badge{background:var(--emerald-100);color:var(--emerald-800);letter-spacing:.3px;border-radius:20px;padding:3px 12px;font-size:13px;font-weight:500}.compare-translations{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;padding:12px 16px;display:grid}.compare-col{flex-direction:column;gap:4px;display:flex}.compare-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--gold-700);font-size:11px;font-weight:600}.compare-text{font-family:var(--font-body);color:var(--ink-light);font-size:14px;line-height:1.7}@media (width<=600px){.compare-translations{grid-template-columns:1fr}}.card-memorized-indicator{color:var(--emerald-500);margin-left:4px;display:inline-flex}.ramadan-tracker{background:var(--white);border:1px solid var(--gold-200);max-width:100%;box-shadow:var(--shadow-sm);border-radius:6px;margin:16px auto;overflow:hidden}.ramadan-tracker-header{cursor:pointer;text-align:left;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:12px;width:100%;padding:16px 20px;display:flex}.ramadan-tracker-header:hover{background:var(--gold-50)}.ramadan-tracker-title{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.5px;flex:1;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.ramadan-tracker-count{font-family:var(--font-display);letter-spacing:.5px;color:var(--emerald-800);background:var(--emerald-50);border:1px solid var(--emerald-200);border-radius:6px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:600}.ramadan-progress-bar{background:var(--parchment-dark);border-radius:3px;width:100%;height:6px;overflow:hidden}.ramadan-progress-fill{background:linear-gradient(90deg, var(--emerald-500), var(--gold-500));border-radius:3px;height:100%;transition:width .5s}.ramadan-chevron{color:var(--ink-muted);flex-shrink:0;transition:transform .3s}.ramadan-chevron-open{transform:rotate(180deg)}.ramadan-juz-grid{border-top:1px solid var(--gold-100);grid-template-columns:repeat(10,1fr);gap:8px;padding:16px 20px 20px;display:grid}.ramadan-juz-card{border:1px solid var(--gold-200);background:var(--white);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:12px 8px;transition:all .2s;display:flex;overflow:hidden}.ramadan-juz-complete{background:var(--emerald-50)!important;border-color:var(--emerald-400)!important}.ramadan-juz-in-progress{background:var(--gold-50)!important;border-color:var(--gold-400)!important}.ramadan-juz-not-started{opacity:.6}.ramadan-juz-num{font-family:var(--font-display);color:var(--ink);letter-spacing:.3px;font-size:12px;font-weight:700}.ramadan-juz-complete .ramadan-juz-num{color:var(--emerald-800)}.ramadan-juz-in-progress .ramadan-juz-num{color:var(--gold-700)}.ramadan-juz-check{color:var(--emerald-600)}.ramadan-juz-date{font-family:var(--font-body);color:var(--emerald-600);font-size:10px;font-style:italic}.ramadan-juz-bar{background:var(--gold-200);border-radius:2px;width:100%;height:4px;overflow:hidden}.ramadan-juz-bar-fill{background:linear-gradient(90deg, var(--gold-400), var(--gold-500));border-radius:2px;height:100%;transition:width .3s}.ramadan-juz-pct{font-family:var(--font-display);color:var(--gold-700);font-size:11px;font-weight:700}.ramadan-juz-empty{color:var(--ink-faint);font-size:14px}.ramadan-tracker-progress-pill{font-family:var(--font-display);letter-spacing:.5px;color:var(--gold-700);background:var(--gold-50);border:1px solid var(--gold-300);border-radius:4px;padding:3px 10px;font-size:13px;font-weight:600}.ramadan-complete-msg{text-align:center;font-family:var(--font-display);color:var(--emerald-700);letter-spacing:.5px;padding:12px 20px 20px;font-size:15px;font-weight:600}@media (width<=768px){.daily-verse-card{border-radius:8px;margin:12px auto;padding:16px 14px}.daily-verse-header{margin-bottom:12px}.daily-verse-arabic{margin-bottom:10px;padding:8px 0;font-size:22px;line-height:1.95}.daily-verse-english{margin-bottom:6px;font-size:14px}.daily-verse-urdu{margin-bottom:8px;font-size:16px}}@media (width<=600px){.ramadan-juz-grid{grid-template-columns:repeat(5,1fr);gap:6px}.friday-banner{text-align:center;flex-direction:column;gap:10px;padding:14px 16px;font-size:15px}.daily-verse-card{border-radius:8px;padding:14px 12px}.daily-verse-header{margin-bottom:10px}.daily-verse-heading{letter-spacing:1px;font-size:13px}.daily-verse-arabic{margin-bottom:10px;padding:8px 0;font-size:20px;line-height:1.9}.daily-verse-english{margin-bottom:6px;font-size:14px}.daily-verse-urdu{margin-bottom:8px;font-size:15px}.daily-verse-ref{font-size:11px}}.occasion-duas-page{max-width:var(--max-width);margin:0 auto;padding:24px 16px 48px}.occasion-duas-header{text-align:center;margin-bottom:32px}.occasion-duas-header h1{font-family:var(--font-display);color:var(--emerald-900);margin-bottom:6px;font-size:28px}.occasion-duas-list{flex-direction:column;gap:8px;display:flex}.occasion-dua-item{border:1px solid var(--gold-200);background:var(--white);border-radius:6px;overflow:hidden}.occasion-dua-toggle{cursor:pointer;width:100%;font-family:var(--font-display);color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:16px 20px;font-size:16px;display:flex}.occasion-dua-occasion{flex:1}.occasion-dua-count{font-family:var(--font-display);letter-spacing:.8px;color:var(--parchment);white-space:nowrap;background:linear-gradient(135deg,#0d7c5f,#0a5e47);border-radius:6px;padding:3px 12px;font-size:11px;font-weight:700}.occasion-dua-toggle:hover,.occasion-dua-open{background:var(--gold-50)}.occasion-dua-chevron{color:var(--ink-muted);flex-shrink:0;transition:transform .3s}.occasion-dua-chevron-open{transform:rotate(180deg)}.occasion-dua-body{border-top:1px solid var(--gold-100);flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.occasion-dua-arabic-row{justify-content:center;align-items:flex-start;gap:10px;display:flex}.occasion-dua-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:center;flex:1;padding:8px 0;font-size:24px;line-height:2}.occasion-dua-play-btn{background:var(--gold-50);border:1px solid var(--gold-200);width:36px;height:36px;color:var(--emerald-800);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:12px;transition:all .2s;display:flex}.occasion-dua-play-btn:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.occasion-dua-playing{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900);animation:1.5s ease-in-out infinite pulse}.dua-audio-controls{align-items:center;gap:8px;margin-bottom:16px;display:flex}.dua-voice-icon-btn{border:1px solid var(--gold-200);background:var(--white);width:38px;height:38px;color:var(--ink-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.dua-voice-icon-btn:hover{border-color:var(--gold-400);color:var(--ink-light)}.dua-voice-icon-btn.dua-voice-active{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}.dua-voice-icon-btn.dua-voice-active:hover{background:var(--emerald-800);color:var(--gold-400)}.occasion-dua-english{font-family:var(--font-body);color:var(--ink-light);text-align:center;font-size:15px;font-style:italic;line-height:1.7}.occasion-dua-urdu{font-family:var(--font-urdu);color:var(--ink-muted);text-align:center;font-size:17px;line-height:2}.occasion-dua-ref{text-align:center;font-family:var(--font-display);color:var(--gold-700);letter-spacing:.5px;text-transform:uppercase;font-size:12px}.quiz-page{max-width:720px;margin:0 auto;padding:32px 16px 48px}.quiz-header{text-align:center;margin-bottom:32px}.quiz-header h1{font-family:var(--font-display);color:var(--emerald-900);margin-bottom:6px;font-size:28px}.quiz-mode-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.quiz-mode-card{background:var(--white);border:2px solid var(--gold-200);cursor:pointer;text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 16px;transition:all .3s;display:flex}.quiz-mode-card:hover{border-color:var(--emerald-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz-mode-label{font-family:var(--font-display);color:var(--emerald-800);font-size:17px;font-weight:600}.quiz-mode-desc{font-family:var(--font-body);color:var(--ink-muted);font-size:13px;line-height:1.5}.quiz-top-bar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.quiz-progress{font-family:var(--font-display);color:var(--ink-muted);text-transform:uppercase;letter-spacing:1px;font-size:14px}.quiz-score-inline{font-family:var(--font-display);color:var(--emerald-700);font-size:14px;font-weight:600}.quiz-question-card{background:var(--white);border:1px solid var(--gold-200);box-shadow:var(--shadow-card);border-radius:6px;padding:28px 24px}.quiz-mode-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.2px;color:var(--gold-700);margin-bottom:12px;font-size:11px}.quiz-prompt{font-family:var(--font-body);color:var(--ink);margin-bottom:8px;font-size:18px;line-height:1.7}.quiz-ref{font-family:var(--font-display);color:var(--ink-faint);margin-bottom:20px;font-size:12px}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{background:var(--parchment);border:2px solid var(--gold-200);cursor:pointer;font-family:var(--font-body);color:var(--ink);text-align:left;border-radius:6px;padding:14px 18px;font-size:15px;transition:all .2s}.quiz-option:hover:not(:disabled){border-color:var(--emerald-400);background:var(--emerald-50)}.quiz-option-correct{background:var(--parchment)!important;border-color:var(--emerald-500)!important;color:var(--emerald-900)!important}.quiz-option-wrong{background:var(--parchment)!important;border-color:var(--red-muted)!important;color:var(--red-muted)!important}.quiz-result{text-align:center;background:var(--white);border:1px solid var(--gold-200);box-shadow:var(--shadow-card);border-radius:12px;padding:40px 24px}.quiz-result h2{font-family:var(--font-display);color:var(--emerald-800);margin-bottom:20px;font-size:24px}.quiz-score-display{justify-content:center;align-items:baseline;gap:4px;margin-bottom:12px;display:flex}.quiz-score-big{font-family:var(--font-display);color:var(--emerald-700);font-size:56px;font-weight:700}.quiz-score-total{font-family:var(--font-display);color:var(--ink-muted);font-size:24px}.quiz-score-msg{font-family:var(--font-body);color:var(--ink-muted);margin-bottom:24px;font-size:16px}.quiz-result-actions{justify-content:center;gap:12px;display:flex}.quiz-restart-btn{background:var(--emerald-700);color:#fff;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:10px 28px;font-size:14px;font-weight:600;transition:background .3s}.quiz-restart-btn:hover{background:var(--emerald-800)}.quiz-restart-secondary{background:var(--gold-500)}.quiz-restart-secondary:hover{background:var(--gold-600)}@media (width<=600px){.quiz-mode-grid{grid-template-columns:1fr}.quiz-score-big{font-size:40px}}.quick-jump-section{padding:4px 0}.quick-jump-form{align-items:center;gap:6px;display:flex}.quick-jump-input{width:72px;font-family:var(--font-display);border:1px solid var(--gold-200);background:var(--gold-50);color:var(--ink-base);border-radius:2px;outline:none;padding:5px 8px;font-size:13px;transition:border-color .2s}.quick-jump-input:focus{border-color:var(--gold-500)}.quick-jump-input::placeholder{color:var(--ink-faint);font-size:12px}.quick-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-jump-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quick-jump-input[type=number]{-moz-appearance:textfield}.quick-jump-btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--white);background:var(--emerald-700);cursor:pointer;border:none;border-radius:2px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .2s}.quick-jump-btn:hover{background:var(--emerald-800)}.difficult-ayahs-list{flex-wrap:wrap;gap:6px;display:flex}.difficult-ayah-link{min-width:30px;font-family:var(--font-display);color:var(--emerald-800);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;justify-content:center;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.difficult-ayah-link:hover{background:var(--gold-100);border-color:var(--gold-400)}.related-surahs-list{flex-direction:column;gap:4px;display:flex}.related-surah-card{font-family:var(--font-display);color:var(--emerald-800);background:var(--gold-50);border:1px solid var(--gold-100);border-radius:2px;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;text-decoration:none;transition:background .2s,border-color .2s;display:grid}.related-surah-card:hover{background:var(--gold-100);border-color:var(--gold-300)}.related-surah-num{font-family:var(--font-display);color:var(--ink-faint);text-align:center;background:var(--parchment-dark);border-radius:2px;padding:2px 0;font-size:11px;font-weight:700;line-height:1.4}.related-surah-info{flex-direction:column;gap:3px;min-width:0;display:flex}.related-surah-name{letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.related-surah-bar-wrap{background:var(--parchment-dark);border-radius:2px;height:4px;overflow:hidden}.related-surah-bar{background:var(--emerald-500);border-radius:2px;height:100%;transition:width .4s ease-out}.related-surah-bar-gold{background:var(--gold-500)}.related-surah-count{color:var(--ink-faint);text-align:right;font-size:11px;font-weight:600}.tour-overlay{z-index:10000;background:#000000a6;animation:.3s ease-out fadeIn;position:fixed;inset:0}.tour-spotlight{z-index:10001;pointer-events:none;border:2px solid var(--gold-400);border-radius:4px;transition:all .5s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite tourSpotlightPulse;position:fixed;box-shadow:0 0 0 9999px #0009}@keyframes tourSpotlightPulse{0%,to{border-color:var(--gold-400);box-shadow:0 0 0 9999px #0009,0 0 20px #c8a45c4d}50%{border-color:var(--gold-300);box-shadow:0 0 0 9999px #0009,0 0 30px #c8a45c80}}.tour-card{z-index:10002;background:var(--parchment);border:1px solid var(--gold-200);border-radius:4px;width:340px;padding:20px;transition:top .4s,left .4s;animation:.35s ease-out fadeInUp;position:fixed;box-shadow:0 12px 40px #00000040,0 0 0 1px #c8a45c26}.tour-card-center{text-align:center;width:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.tour-progress-bar{background:var(--gold-100);border-radius:4px 4px 0 0;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.tour-progress-fill{background:linear-gradient(90deg, var(--emerald-600), var(--gold-500));height:100%;transition:width .4s}.tour-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tour-step-count{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.tour-close-btn{border:1px solid var(--gold-200);width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.tour-close-btn:hover{background:var(--gold-100);color:var(--ink)}.tour-title{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.3px;margin-bottom:8px;font-size:18px;font-weight:600}.tour-desc{font-family:var(--font-body);color:var(--ink-light);margin-bottom:18px;font-size:14px;line-height:1.65}.tour-controls{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-btn{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.tour-btn-primary{background:var(--emerald-900);color:var(--gold-400);border:1px solid var(--emerald-800)}.tour-btn-primary:hover{background:var(--gold-500);color:var(--emerald-950);border-color:var(--gold-500)}.tour-btn-secondary{color:var(--ink-muted);border:1px solid var(--gold-200);background:0 0}.tour-btn-secondary:hover{background:var(--gold-50);color:var(--ink-light)}.tour-btn-secondary:disabled{opacity:.3;cursor:not-allowed}.tour-btn-pause{background:var(--gold-50);border:1px solid var(--gold-200);width:36px;height:36px;color:var(--emerald-800);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tour-btn-pause:hover{background:var(--emerald-900);color:var(--gold-400);border-color:var(--emerald-900)}@media (width<=700px){.tour-card,.tour-card-center{width:auto;max-width:none;right:16px;bottom:max(16px, env(safe-area-inset-bottom,16px));transform:none;top:auto!important;left:16px!important}.tour-title{font-size:16px}.tour-desc{font-size:13px}}.changelog-page{max-width:800px;margin:0 auto}.cl-accordion{flex-direction:column;gap:8px;display:flex}.cl-entry{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.cl-entry-open{border-color:var(--gold-400);box-shadow:var(--shadow-md)}.cl-entry-latest{border-left:3px solid var(--emerald-600)}.cl-entry-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:16px 20px;transition:background .15s;display:flex}.cl-entry-header:hover{background:var(--gold-50)}.cl-entry-left{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.cl-version-badge{font-family:var(--font-display);letter-spacing:1px;background:var(--emerald-900);color:var(--gold-400);white-space:nowrap;border-radius:2px;padding:4px 12px;font-size:12px;font-weight:700}.cl-latest-pill{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--emerald-600);font-size:9px;font-weight:700}.cl-entry-center{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cl-entry-title{font-family:var(--font-display);color:var(--emerald-900);letter-spacing:.2px;font-size:16px;font-weight:600}.cl-entry-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cl-entry-date{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.3px;font-size:12px}.cl-entry-summary{gap:6px;display:flex}.cl-mini-count{font-family:var(--font-display);letter-spacing:.3px;border-radius:2px;padding:1px 7px;font-size:10px;font-weight:600}.cl-mini-feature{background:var(--emerald-50);color:var(--emerald-700)}.cl-mini-fix{background:var(--gold-100);color:var(--gold-700)}.cl-chevron{color:var(--ink-faint);flex-shrink:0;transition:transform .25s}.cl-chevron-open{transform:rotate(180deg)}.cl-entry-body{padding:0 20px 20px;animation:.25s ease-out fadeInUp}.cl-changes{flex-direction:column;gap:5px;list-style:none;display:flex}.cl-change{border-radius:2px;align-items:flex-start;gap:10px;padding:6px 10px;transition:background .15s;display:flex}.cl-change:hover{background:var(--gold-50)}.cl-tag{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-radius:2px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:10px;font-weight:700}.cl-tag-feature{background:var(--emerald-900);color:var(--emerald-300)}.cl-tag-fix{background:var(--gold-100);color:var(--gold-700)}.cl-tag-improvement{background:var(--parchment-dark);color:var(--ink-muted)}.cl-change-text{font-family:var(--font-body);color:var(--ink-light);font-size:14px;line-height:1.5}@media (width<=700px){.cl-entry-header{gap:10px;padding:12px 14px}.cl-entry-body{padding:0 14px 14px}.cl-entry-title{font-size:14px}.cl-entry-meta{gap:8px}.cl-change{flex-direction:column;gap:4px;padding:6px}.cl-version-badge{padding:3px 10px;font-size:11px}}.theme-chips{flex-wrap:wrap;gap:4px;display:flex}.theme-chip{font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;color:var(--emerald-800);background:var(--gold-50);border:1px solid var(--gold-200);border-radius:10px;padding:2px 7px;font-size:9px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-block}.theme-chip:hover{background:var(--emerald-700);color:var(--white);border-color:var(--emerald-700)}.widget-section{background:var(--white);border:1px solid var(--gold-200);border-radius:2px;margin-bottom:16px;padding:18px 22px;position:relative;overflow:hidden}.widget-section:before{content:"";background:linear-gradient(90deg, var(--gold-400), var(--emerald-600), var(--gold-400));height:2px;position:absolute;top:0;left:0;right:0}.widget-empty{font-family:var(--font-body);color:var(--ink-faint);margin:8px 0 0;font-size:14px;font-style:italic}.streak-widget{margin-bottom:16px;padding:12px 22px}.streak-display{align-items:stretch;gap:8px;display:flex}.streak-flame{font-size:22px;line-height:1}.streak-count{font-family:var(--font-display);color:var(--emerald-800);letter-spacing:.5px;font-size:16px;font-weight:600}.streak-zero{color:var(--ink-faint);font-style:italic;font-weight:400}.recently-viewed-widget{text-align:left}.recently-viewed-widget .rv-list{justify-content:flex-start}.rv-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rv-item{background:var(--gold-50);border:1px solid var(--gold-200);cursor:pointer;font-family:var(--font-body);color:var(--emerald-800);border-radius:2px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;transition:background .2s,border-color .2s;display:inline-flex}.rv-item:hover{background:var(--gold-100,#f5ecd0);border-color:var(--gold-400)}.rv-name{font-weight:500}.rv-arrow{color:var(--gold-600);font-size:15px}.rvp-list{flex-wrap:wrap;gap:5px;display:flex}.rvp-item{white-space:nowrap;width:auto;padding:4px 9px;font-size:11px}.rv-time{display:none}.bw-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bw-item{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:2px;align-items:center;transition:border-color .2s;display:inline-flex;overflow:hidden}.bw-item:hover{border-color:var(--gold-400)}.bw-link{cursor:pointer;font-family:var(--font-body);color:var(--emerald-800);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.bw-name{font-weight:500}.bw-ayah{color:var(--ink-faint);font-size:12px}.bw-remove{border:none;border-left:1px solid var(--gold-200);cursor:pointer;width:26px;height:100%;color:var(--ink-faint);background:0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .2s,color .2s;display:inline-flex}.bw-remove:hover{color:#c0392b;background:#fef0f0}.lh-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.lh-item{background:var(--gold-50);border:1px solid var(--gold-200);cursor:pointer;text-align:left;font-family:var(--font-body);border-radius:2px;align-items:center;gap:10px;padding:8px 12px;transition:background .2s,border-color .2s;display:flex}.lh-item:hover{background:var(--gold-100,#f5ecd0);border-color:var(--gold-400)}.lh-play-icon{color:var(--emerald-700);flex-shrink:0;display:flex}.lh-info{flex-direction:column;flex:1;min-width:0;display:flex}.lh-name{color:var(--emerald-800);font-size:14px;font-weight:500}.lh-detail{color:var(--ink-faint);font-size:12px}.lh-time{color:var(--ink-faint);white-space:nowrap;flex-shrink:0;font-size:12px}.mem-summary{font-family:var(--font-display);color:var(--emerald-800);margin-top:8px;font-size:15px;font-weight:600}.mem-progress-bar{background:var(--gold-100,#f0e8d0);border-radius:4px;width:100%;height:8px;margin:10px 0;overflow:hidden}.mem-progress-fill{background:linear-gradient(90deg, var(--emerald-600), var(--emerald-700));border-radius:4px;height:100%;transition:width .4s}.mem-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.mem-tag{background:var(--emerald-50,#ecfdf5);border:1px solid var(--emerald-200,#a7f3d0);font-family:var(--font-body);color:var(--emerald-800);border-radius:2px;padding:3px 10px;font-size:12px;display:inline-block}@media (width<=600px){.widget-section{margin-bottom:12px;padding:14px 16px}.rv-list,.bw-list{gap:6px}.lh-item{padding:6px 10px}}.surah-3d{isolation:isolate;-webkit-user-select:none;user-select:none;border-width:1px;border-color:#c8a45c2e;border-image:initial;background:linear-gradient(#050714 0%,#080b1a 15%,#090f18 32%,#0a1311 52%,#070e0b 72%,#040807 88%,#02040a 100%);border-radius:2px;width:100%;height:640px;margin:28px 0 36px;position:relative;overflow:hidden}.surah-3d:before,.surah-3d:after{content:"";pointer-events:none;z-index:5;width:160px;position:absolute;top:0;bottom:0}.surah-3d:before{background:linear-gradient(to right, var(--parchment) 0%, transparent 100%);left:0}.surah-3d:after{background:linear-gradient(to left, var(--parchment) 0%, transparent 100%);right:0}.surah-3d-stars{display:block}.surah-3d-backdrop{filter:blur(22px);pointer-events:none;z-index:1;background:radial-gradient(90% 30% at 50% 4%,#263aaf42 0%,#0000 70%),radial-gradient(44% 32% at 50% 54%,#e6b96485 0%,#0000 56%),radial-gradient(72% 52% at 50% 58%,#1c4c3a8f 0%,#0000 64%),radial-gradient(100% 40% at 50% 100%,#050f0ae6 0%,#0000 100%);position:absolute;inset:0}.surah-3d-spotlight{clip-path:polygon(40% 0%,60% 0%,100% 100%,0% 100%);filter:blur(7px);mix-blend-mode:screen;pointer-events:none;z-index:1;background:radial-gradient(28% 100% at 50% 0,#fff8d2e0 0%,#ffebb285 18%,#ffdc9638 40%,#ffd28212 62%,#0000 75%),radial-gradient(56% 80% at 50% 0,#ffe1a047 0%,#ffcd781a 48%,#0000 68%);width:60%;height:100%;margin-left:-30%;animation:5s ease-in-out infinite spotlightBreath;position:absolute;top:-10%;left:50%}.surah-3d-haze{filter:blur(14px);pointer-events:none;mix-blend-mode:screen;z-index:1;background:radial-gradient(64% 22% at 50% 68%,#dcc3912e 0%,#0000 66%),radial-gradient(44% 28% at 50% 82%,#c8a05026 0%,#0000 66%),radial-gradient(32% 18% at 50% 60%,#ffd2781f 0%,#0000 58%);position:absolute;inset:0}.surah-3d-nebula{filter:blur(20px);mix-blend-mode:screen;pointer-events:none;z-index:1;background:radial-gradient(46% 30% at 15% 10%,#58209866 0%,#0000 65%),radial-gradient(36% 26% at 80% 8%,#1832c357 0%,#0000 60%),radial-gradient(38% 24% at 50% 18%,#0e877647 0%,#0000 58%),radial-gradient(28% 20% at 74% 22%,#8718553d 0%,#0000 55%),radial-gradient(30% 22% at 6% 28%,#34229438 0%,#0000 58%),radial-gradient(24% 16% at 44% 30%,#1e735c2e 0%,#0000 52%),radial-gradient(22% 18% at 93% 18%,#481c7338 0%,#0000 55%),radial-gradient(34% 18% at 33% 8%,#1644af33 0%,#0000 58%);animation:14s ease-in-out infinite nebulaShift;position:absolute;inset:0}@keyframes nebulaShift{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.surah-3d-stars{pointer-events:none;z-index:2;background-image:radial-gradient(12px 12px at 11% 6%,#ffffff38,#0000 70%),radial-gradient(14px 14px at 29% 4%,#ffffff42,#0000 70%),radial-gradient(12px 12px at 48% 7%,#fffff038,#0000 70%),radial-gradient(14px 14px at 68% 5%,#ffffff3d,#0000 70%),radial-gradient(12px 12px at 85% 8%,#ffffff38,#0000 70%),radial-gradient(10px 10px at 94% 3%,#fffcdc33,#0000 70%),radial-gradient(10px 10px at 3% 9%,#fff3,#0000 70%),radial-gradient(11px 11px at 56% 12%,#ffffff38,#0000 70%),radial-gradient(10px 10px at 38% 3%,#fffce633,#0000 70%),radial-gradient(3px 3px at 11% 6%,#fff,#0000 55%),radial-gradient(3.5px 3.5px at 29% 4%,#fff,#0000 55%),radial-gradient(3px 3px at 48% 7%,#fffef5,#0000 55%),radial-gradient(3.5px 3.5px at 68% 5%,#fff,#0000 55%),radial-gradient(3px 3px at 85% 8%,#fff,#0000 55%),radial-gradient(2.5px 2.5px at 94% 3%,#fffef0,#0000 55%),radial-gradient(2.5px 2.5px at 3% 9%,#fff,#0000 55%),radial-gradient(2.8px 2.8px at 56% 12%,#fff,#0000 55%),radial-gradient(2.5px 2.5px at 38% 3%,#fffef8,#0000 55%),radial-gradient(2px 2px at 7% 19%,#ffffffeb,#0000 52%),radial-gradient(2px 2px at 18% 14%,#fffcf0e6,#0000 52%),radial-gradient(2px 2px at 37% 17%,#ffffffe0,#0000 52%),radial-gradient(2px 2px at 72% 19%,#fffceeeb,#0000 52%),radial-gradient(2px 2px at 89% 15%,#ffffffe6,#0000 52%),radial-gradient(2px 2px at 24% 27%,#fff8e4e0,#0000 52%),radial-gradient(2px 2px at 43% 29%,#ffffffdb,#0000 52%),radial-gradient(2px 2px at 61% 24%,#fffae8e0,#0000 52%),radial-gradient(2px 2px at 79% 28%,#ffffffde,#0000 52%),radial-gradient(2px 2px at 4% 33%,#fff8e1d9,#0000 52%),radial-gradient(2px 2px at 97% 21%,#ffffffe3,#0000 52%),radial-gradient(1.4px 1.4px at 9% 38%,#fffc,#0000 52%),radial-gradient(1.3px 1.3px at 20% 41%,#fff8dcc2,#0000 52%),radial-gradient(1.5px 1.5px at 34% 35%,#ffffffd1,#0000 52%),radial-gradient(1.4px 1.4px at 52% 39%,#fffae6c7,#0000 52%),radial-gradient(1.3px 1.3px at 65% 33%,#fffc,#0000 52%),radial-gradient(1.5px 1.5px at 81% 38%,#fff8ded1,#0000 52%),radial-gradient(1.4px 1.4px at 14% 46%,#ffffffbf,#0000 52%),radial-gradient(1.3px 1.3px at 39% 44%,#fff5d7ba,#0000 52%),radial-gradient(1.2px 1.2px at 58% 48%,#ffffffb8,#0000 52%),radial-gradient(1.4px 1.4px at 74% 43%,#fff8e1c2,#0000 52%),radial-gradient(1.3px 1.3px at 92% 46%,#ffffffbd,#0000 52%),radial-gradient(1px 1px at 26% 9%,#ffffffa6,#0000 50%),radial-gradient(1px 1px at 59% 10%,#fff8e69e,#0000 50%),radial-gradient(1px 1px at 77% 13%,#fff9,#0000 50%),radial-gradient(1px 1px at 41% 22%,#fffaeba1,#0000 50%),radial-gradient(1px 1px at 84% 26%,#fff9,#0000 50%),radial-gradient(1px 1px at 2% 12%,#fff8e4a6,#0000 50%),radial-gradient(1px 1px at 50% 23%,#ffffff9e,#0000 50%),radial-gradient(1px 1px at 16% 32%,#fff5dc94,#0000 50%),radial-gradient(1px 1px at 70% 36%,#fff9,#0000 50%);animation:6s ease-in-out infinite starsTwinkle;position:absolute;inset:0}@keyframes starsTwinkle{0%,to{opacity:.85}40%{opacity:1}70%{opacity:.9}}.surah-3d-stars:before,.surah-3d-stars:after{content:"";transform-origin:0;opacity:0;background:linear-gradient(90deg,#0000 0%,#fffffff2 55%,#0000 100%);border-radius:1px;height:1.5px;position:absolute}.surah-3d-stars:before{width:90px;animation:13s linear 1.2s infinite shootStar1;top:9%;left:14%}.surah-3d-stars:after{width:75px;animation:13s linear 7s infinite shootStar2;top:19%;left:56%}@keyframes shootStar1{0%,86%,to{opacity:0;transform:rotate(-33deg)translate(-8px)}88%{opacity:1;transform:rotate(-33deg)translate(0)}94%{opacity:0;transform:rotate(-33deg)translate(48px)}}@keyframes shootStar2{0%,86%,to{opacity:0;transform:rotate(-27deg)translate(-8px)}88%{opacity:1;transform:rotate(-27deg)translate(0)}94%{opacity:0;transform:rotate(-27deg)translate(42px)}}.surah-3d-moon{z-index:2;pointer-events:none;filter:drop-shadow(0 0 14px #fde980d1)drop-shadow(0 0 36px #dcaa2885)drop-shadow(0 0 72px #c8941c3d);width:64px;height:64px;animation:5s ease-in-out infinite moonPulse3d;position:absolute;top:16px;right:28px}.surah-3d-moon svg{width:100%;height:100%}@keyframes moonPulse3d{0%,to{filter:drop-shadow(0 0 14px #fde980d1)drop-shadow(0 0 36px #dcaa2885)drop-shadow(0 0 72px #c8941c3d)}50%{filter:drop-shadow(0 0 22px #fde980)drop-shadow(0 0 56px #dcaa28b8)drop-shadow(0 0 100px #c8941c66)}}.surah-3d-skyline{pointer-events:none;z-index:3;height:180px;position:absolute;bottom:0;left:0;right:0}.surah-3d-skyline svg{width:100%;height:100%;display:block}.surah-3d-stage{perspective:2200px;perspective-origin:50%;z-index:2;position:absolute;inset:0}.surah-3d-cylinder{width:158px;height:272px;transform-style:preserve-3d;will-change:transform;margin:-136px 0 0 -79px;animation:100s linear infinite spinCarousel3D;position:absolute;top:54%;left:50%}@keyframes spinCarousel3D{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}.surah-3d-mirror{pointer-events:none;z-index:2;opacity:.65;filter:blur(.4px)saturate(.85);mix-blend-mode:screen;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000000b8 25%,#00000052 55%,#00000014 85%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000b8 25%,#00000052 55%,#00000014 85%,#0000 100%)}.surah-3d-cylinder-mirror{animation:100s linear infinite spinCarousel3D-mirror;top:50%}@keyframes spinCarousel3D-mirror{0%{transform:translateY(295px)scaleY(-1)rotateY(0)}to{transform:translateY(295px)scaleY(-1)rotateY(-360deg)}}.surah-3d:hover .surah-3d-cylinder,.surah-3d:hover .surah-3d-cylinder-mirror,.surah-3d-paused .surah-3d-cylinder,.surah-3d-paused .surah-3d-cylinder-mirror{animation-play-state:paused}.surah-3d-cylinder-manual{transform-style:preserve-3d;will-change:transform;transition:transform .65s cubic-bezier(.34,1.4,.64,1);position:absolute;inset:0}.surah-3d{cursor:grab;touch-action:pan-y}.surah-3d-dragging,.surah-3d-dragging *{cursor:grabbing!important}.surah-3d-dragging .surah-3d-cylinder-manual{transition:none}.surah-3d-nav{z-index:6;background:var(--parchment);border:1px solid var(--gold-300);width:46px;height:46px;color:var(--emerald-700);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:background .25s,transform .2s,border-color .25s,box-shadow .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0000001a}.surah-3d-nav:hover{background:var(--emerald-900);border-color:var(--gold-500);color:var(--gold-400);transform:translateY(-50%)scale(1.08);box-shadow:0 8px 24px #0000002e,0 0 20px #c8a45c26}.surah-3d-nav:active{transform:translateY(-50%)scale(.96)}.surah-3d-nav:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px}.surah-3d-nav-prev{left:20px}.surah-3d-nav-next{right:20px}@media (width<=768px){.surah-3d-nav{width:38px;height:38px}.surah-3d-nav-prev{left:12px}.surah-3d-nav-next{right:12px}}.surah-3d-face{color:#f1e6c5;text-align:center;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga" 1, "kern" 1;font-family:var(--font-display);background:linear-gradient(160deg,#2c5c4cf7 0%,#18382efa 40%,#0a1a16 80%,#050c0a 100%);border:1px solid #c8a45c5c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:16px 12px;transition:filter .35s,border-color .35s,box-shadow .35s;display:flex;position:absolute;overflow:hidden}.surah-3d-face-pattern{opacity:.16;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23c8a45c' stroke-width='0.9' opacity='0.6'%3E%3Crect x='18' y='18' width='64' height='64'/%3E%3Crect x='18' y='18' width='64' height='64' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='30'/%3E%3Ccircle cx='50' cy='50' r='42'/%3E%3Cline x1='50' y1='8' x2='50' y2='92'/%3E%3Cline x1='8' y1='50' x2='92' y2='50'/%3E%3Cline x1='21' y1='21' x2='79' y2='79'/%3E%3Cline x1='79' y1='21' x2='21' y2='79'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:18%}.surah-3d-face-grain{mix-blend-mode:overlay;opacity:.7;pointer-events:none;background-image:radial-gradient(#ffebc80a 1px,#0000 1.4px),radial-gradient(#ffebc808 1px,#0000 1.6px);background-position:0 0,1.5px 1.5px;background-size:3px 3px,5px 5px;position:absolute;inset:0}.surah-3d-face-toplight{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#fff0c838 0%,#fff0c80d 12%,#0000 35%);position:absolute;inset:0}.surah-3d-face-gild{pointer-events:none;border:1px solid #c8a45c52;border-radius:8px;position:absolute;inset:9px;box-shadow:inset 0 0 0 1px #00000038,inset 0 1px #ffe4a01f}.surah-3d-face-corner{pointer-events:none;border:0 solid #dcb86eb3;width:16px;height:16px;position:absolute}.surah-3d-face-corner-tl{border-top-width:1px;border-left-width:1px;top:8px;left:8px}.surah-3d-face-corner-tr{border-top-width:1px;border-right-width:1px;top:8px;right:8px}.surah-3d-face-corner-bl{border-bottom-width:1px;border-left-width:1px;bottom:8px;left:8px}.surah-3d-face-corner-br{border-bottom-width:1px;border-right-width:1px;bottom:8px;right:8px}.surah-3d-face-header{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:12px;left:0;right:0}.surah-3d-face-num{z-index:2;font-family:var(--font-display);color:#dcb86ec7;letter-spacing:.5px;margin-bottom:20px;font-size:12px;font-weight:600;line-height:1;position:relative}.surah-3d-face-num:before{content:""}.surah-3d-face-divider{z-index:2;background:linear-gradient(90deg,#0000,#c8a45c8c,#0000);width:38%;height:1px;display:block;position:relative}.surah-3d-face-arabic{z-index:2;color:#f0d9a3;text-shadow:0 1px #0006;margin:2px 0 0;font-family:Amiri,Noto Naskh Arabic,Scheherazade New,serif;font-size:24px;font-weight:700;line-height:1.1;position:relative}.surah-3d-face-english{z-index:2;font-family:var(--font-display);color:#ecf2e6;letter-spacing:.4px;text-shadow:0 1px #00000080;font-size:11px;font-weight:500;position:relative}.surah-3d-face-meaning{z-index:2;font-family:var(--font-display);color:#dcb86ec7;letter-spacing:.2px;text-shadow:0 1px #0006;margin-top:-1px;font-size:9px;font-style:italic;font-weight:400;line-height:1.2;position:relative}.surah-3d-face-meaning:before{content:"“";opacity:.6;margin-right:1px}.surah-3d-face-meaning:after{content:"”";opacity:.6;margin-left:1px}.surah-3d-face-theme{z-index:2;font-family:var(--font-display);letter-spacing:1.8px;text-transform:uppercase;color:#f0d9a3;background:#dcb86e24;border:1px solid #dcb86e73;border-radius:999px;margin-top:2px;padding:3px 11px;font-size:9px;font-weight:600;position:relative}.surah-3d-face-meta{z-index:2;font-family:var(--font-body);letter-spacing:1.1px;text-transform:uppercase;flex-direction:row;align-items:center;gap:7px;margin-top:3px;font-size:9px;display:flex;position:relative}.surah-3d-face-order{z-index:2;font-family:var(--font-display);letter-spacing:1.4px;text-transform:uppercase;color:#b8d1c099;font-size:8px;position:relative}.surah-3d-face-badge{letter-spacing:1.2px;border-radius:999px;padding:2.5px 10px;font-size:8.5px;font-weight:600}.surah-3d-face-badge.makki{color:#f0d9a3;background:#dcb86e2e;border:1px solid #dcb86e66}.surah-3d-face-badge.madani{color:#b8e6cb;background:#4caf942e;border:1px solid #4caf9466}.surah-3d-face-ayahs{color:#b8d1c0b3}.surah-3d-face-shine{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffebb440 50%,#0000 70%);transition:transform .95s;position:absolute;inset:-50%;transform:translate(-100%)}.surah-3d-face:not(.surah-3d-face-mirror):hover{filter:brightness(1.18)saturate(1.1);border-color:#dcb86ef2;box-shadow:0 40px 80px -16px #000000f2,0 0 100px #dcb86e80,0 0 40px #dcb86e33,inset 0 70px 90px -55px #ffe4af52,inset 0 -50px 60px -36px #000000a6,inset 0 0 0 1px #dcb86e73}.surah-3d-face:not(.surah-3d-face-mirror):hover .surah-3d-face-shine{transform:translate(100%)}.surah-3d-face-front:not(.surah-3d-face-mirror){filter:brightness(1.1)saturate(1.07);border-color:#dcb86ed1;transition:filter .5s,border-color .5s,box-shadow .5s;box-shadow:0 40px 80px -16px #000000f2,0 0 64px #dcb86e61,0 0 28px #dcb86e29,inset 0 70px 90px -55px #ffe4af47,inset 0 -50px 60px -36px #000000a6,inset 0 0 0 1px #dcb86e61}.surah-3d-face:not(.surah-3d-face-mirror):active{filter:brightness(.86);transition:filter 80ms}.surah-3d-face:focus-visible{outline-offset:3px;outline:2px solid #dcb86ee6}.surah-3d-face-mirror{cursor:default;pointer-events:none}.surah-3d-floor{transform-origin:50% 0;pointer-events:none;z-index:1;background:radial-gradient(60% 14% at 50% 3%,#ffebbe38 0%,#ffebbe0d 35%,#0000 65%),radial-gradient(22% 18% at 50% 0,#dcb86e4d 0%,#dcb86e14 32%,#0000 65%),linear-gradient(#0c1a16 0%,#08130f 28%,#050d0a 60%,#02060a 88%,#010406 100%);width:220%;height:520px;margin-left:-110%;position:absolute;top:78%;left:50%;transform:perspective(1100px)rotateX(60deg);-webkit-mask-image:radial-gradient(42% 80% at 50% 8%,#000 0%,#000000b8 35%,#00000047 65%,#0000 92%);mask-image:radial-gradient(42% 80% at 50% 8%,#000 0%,#000000b8 35%,#00000047 65%,#0000 92%)}.surah-3d-floor-veins{opacity:.85;mix-blend-mode:screen;background-image:radial-gradient(260% 1.4% at 18% 10%,#f5ebd21a 0%,#0000 50%),radial-gradient(220% 1% at 72% 18%,#f5ebd214 0%,#0000 50%),radial-gradient(240% 1.6% at 30% 32%,#dcb86e0f 0%,#0000 50%),radial-gradient(280% 1% at 80% 44%,#f5ebd212 0%,#0000 50%),radial-gradient(230% 1.8% at 22% 60%,#f5ebd20f 0%,#0000 50%),radial-gradient(260% 1.2% at 70% 74%,#dcb86e0d 0%,#0000 50%),radial-gradient(220% 2% at 36% 88%,#f5ebd20a 0%,#0000 50%);position:absolute;inset:0}.surah-3d-pedestal{pointer-events:none;z-index:1;background:radial-gradient(80% 32% at 50% 12%,#ffe6aa66 0%,#ffdca026 30%,#0000 70%),radial-gradient(60% 70% at 50% 40%,#dcb86e2e 0%,#0000 70%),radial-gradient(100% 100%,#1e342cd9 0%,#0f1c18eb 50%,#060e0cf2 100%);border-radius:50%;width:1020px;height:110px;margin-top:-8px;margin-left:-510px;position:absolute;top:77%;left:50%;box-shadow:inset 0 2px #dcb86e8c,inset 0 4px 8px #0006,inset 0 -10px 20px #0000008c,0 18px 44px #000000b3,0 6px 16px #00000080}.surah-3d-pedestal-rim{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(90% 14% at 50% 4%,#fff0c8bf 0%,#ffe6b440 50%,#0000 100%);border-radius:50%;position:absolute;inset:4px 6px}.surah-3d-vignette{pointer-events:none;z-index:4;background:radial-gradient(80% 75% at 50% 42%,#0000 38%,#000000a6 100%),linear-gradient(#00000026 0%,#0000 15% 75%,#0000004d 100%);position:absolute;inset:0}@keyframes spotlightBreath{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.88;transform:scaleX(.96)}}.surah-3d-filllight{filter:blur(14px);mix-blend-mode:screen;pointer-events:none;z-index:1;background:linear-gradient(185deg,#0000 0%,#32c37017 22%,#22b26026 40%,#189e5217 58%,#0000 80%),radial-gradient(55% 65% at 26% 58%,#10b29b1c 0%,#0000 65%),radial-gradient(42% 55% at 74% 48%,#5a94f814 0%,#0000 62%);width:110%;height:42%;animation:9s ease-in-out infinite auroraShift;position:absolute;top:0;left:-5%}@keyframes auroraShift{0%{opacity:.55;transform:translate(0%)scaleY(1)}30%{opacity:.95;transform:translate(1.2%)scaleY(1.2)}65%{opacity:.65;transform:translate(-.8%)scaleY(.86)}to{opacity:.55;transform:translate(0%)scaleY(1)}}@keyframes dustFloat{0%{opacity:.55;transform:translateY(0)rotate(0)}30%{opacity:.78}65%{opacity:.42}to{opacity:.55;transform:translateY(-46px)rotate(.5deg)}}.surah-3d-dustmotes{mix-blend-mode:screen;pointer-events:none;z-index:2;background-image:radial-gradient(.9px .9px at 11% 17%,#ffebb4ad,#0000 50%),radial-gradient(.7px .7px at 37% 51%,#ffe4aa94,#0000 50%),radial-gradient(.8px .8px at 63% 25%,#fff0b99e,#0000 50%),radial-gradient(.6px .6px at 21% 75%,#ffe8af80,#0000 50%),radial-gradient(.8px .8px at 79% 61%,#ffe1a58c,#0000 50%),radial-gradient(.5px .5px at 51% 87%,#ffebb270,#0000 50%),radial-gradient(.7px .7px at 6% 43%,#ffe6ac85,#0000 50%),radial-gradient(.5px .5px at 89% 31%,#fff0be75,#0000 50%),radial-gradient(.6px .6px at 45% 37%,#ffe8b06b,#0000 50%),radial-gradient(.7px .7px at 73% 79%,#ffe4a866,#0000 50%);width:26%;height:66%;margin-left:-13%;animation:10s ease-in-out infinite dustFloat;position:absolute;top:8%;left:50%}.surah-3d-caption{z-index:6;font-family:var(--font-display);letter-spacing:3.5px;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;align-items:center;gap:14px;font-size:10.5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.surah-3d-caption-line{background:linear-gradient(to right, transparent, var(--gold-300), transparent);width:50px;height:1px;display:inline-block}.surah-3d-toggle{z-index:6;background:var(--parchment);border:1px solid var(--gold-300);width:36px;height:36px;color:var(--emerald-700);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .25s,transform .2s,border-color .25s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #00000014}.surah-3d-toggle:hover{background:var(--emerald-900);border-color:var(--gold-500);color:var(--gold-400);transform:scale(1.08)}.surah-3d:focus-visible{outline-offset:4px;outline:2px solid #dcb86ebf}@media (prefers-reduced-motion:reduce){.surah-3d-cylinder,.surah-3d-cylinder-mirror{animation-play-state:paused!important}.surah-3d-cylinder-manual{transition:transform .15s}.surah-3d-stars,.surah-3d-spotlight,.surah-3d-dustmotes,.surah-3d-filllight,.surah-3d-nebula{animation:none}.surah-3d-stars:before,.surah-3d-stars:after{display:none}}@media (width<=1024px){.surah-3d{height:600px}.surah-3d-pedestal{width:820px;height:92px;margin-left:-410px}.surah-3d-floor{height:460px}}@media (width<=768px){.surah-3d{border-radius:18px;height:500px;margin:20px 0 28px}.surah-3d-cylinder{width:120px;height:240px;margin:-120px 0 0 -60px;animation-duration:80s}@keyframes spinCarousel3D-mirror-mobile{0%{transform:translateY(262px)scaleY(-1)rotateY(0)}to{transform:translateY(262px)scaleY(-1)rotateY(-360deg)}}.surah-3d-cylinder-mirror{animation-name:spinCarousel3D-mirror-mobile;animation-duration:80s}.surah-3d-face{gap:2px;padding:10px 8px}.surah-3d-face-num{font-size:10px}.surah-3d-face-arabic{font-size:17px}.surah-3d-face-english{font-size:8.5px}.surah-3d-face-meaning{font-size:7px}.surah-3d-face-theme{letter-spacing:1px;padding:1px 6px;font-size:6px}.surah-3d-face-num{letter-spacing:1.5px;font-size:6px}.surah-3d-face-meta{letter-spacing:.6px;gap:3px;font-size:6px}.surah-3d-face-order{font-size:5.5px}.surah-3d:before,.surah-3d:after{width:80px}.surah-3d-pedestal{width:540px;height:76px;margin-left:-270px}.surah-3d-floor{height:400px;transform:perspective(900px)rotateX(58deg)}.surah-3d-caption{letter-spacing:2px;gap:10px;font-size:9px}.surah-3d-caption-line{width:30px}.surah-3d-dustmotes{opacity:.4;animation:none}.surah-3d-filllight{opacity:.6}}@media (width<=480px){.surah-3d{height:440px}.surah-3d-cylinder{width:100px;height:200px;margin:-100px 0 0 -50px}@keyframes spinCarousel3D-mirror-small{0%{transform:translateY(220px)scaleY(-1)rotateY(0)}to{transform:translateY(220px)scaleY(-1)rotateY(-360deg)}}.surah-3d-cylinder-mirror{animation-name:spinCarousel3D-mirror-small}.surah-3d-face-arabic{font-size:14px}.surah-3d-face-english{font-size:8px}.surah-3d-face-meaning{font-size:6.5px}.surah-3d-face-theme{padding:1px 5px;font-size:5.5px}.surah-3d-pedestal{width:420px;height:64px;margin-left:-210px}.surah-3d-floor{height:340px}}@media (prefers-reduced-motion:reduce){.surah-3d-cylinder,.surah-3d-cylinder-mirror,.surah-3d-stars{animation:none}}.page-arabic,.page-header-arabic{font-family:var(--font-arabic);color:var(--ink-muted);direction:rtl;margin:4px 0;font-size:22px;line-height:1.4}.page-header-subtitle{color:var(--ink-muted);margin:4px 0 0;font-size:14px}.fadail-search-bar{margin-bottom:24px}.fadail-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.fadail-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:4px 0 8px -2px #c8a45c40}.fadail-card:hover{transform:translateY(-2px);box-shadow:4px 0 12px -2px #c8a45c66}.fadail-card-header{align-items:center;gap:14px;display:flex}.fadail-surah-num{background:var(--emerald-700);color:#fff;min-width:44px;height:44px;font-size:13px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.fadail-names{flex-direction:column;gap:2px;display:flex}.fadail-arabic{font-family:var(--font-arabic);color:var(--ink);font-size:20px;line-height:1.3}.fadail-english{color:var(--emerald-700);font-size:13px;font-weight:600;font-family:var(--font-display);letter-spacing:.3px}.fadail-virtue{color:var(--ink-muted);flex:1;margin:0;font-size:14px;line-height:1.65}.fadail-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.fadail-source{color:var(--gold-700,#9a7020);letter-spacing:.6px;text-transform:uppercase;font-size:11px;font-weight:600}.fadail-read-btn{background:var(--emerald-700);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s}.fadail-read-btn:hover{background:var(--emerald-900,#0d2218)}.asma-controls-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.asma-play-btn{background:var(--emerald-700,#047857);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.asma-play-btn:hover{background:var(--emerald-600,#059669);transform:translateY(-1px)}.asma-play-btn-pause{background:var(--gold-600,#b58a2a)}.asma-play-btn-pause:hover{background:var(--gold-500,#d4a538)}.asma-play-btn-stop{background:#b91c1c}.asma-play-btn-stop:hover{background:#dc2626}.asma-player-active{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asma-now-playing-label{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;display:inline-flex}.asma-now-playing-ar{color:var(--gold-400,#d4a538);font-family:Scheherazade New,KFGQPC Uthmanic Script HAFS,serif;font-size:16px;line-height:1.4}.asma-now-playing-num{color:var(--ink-muted);font-size:11px;font-weight:600}.asma-card-playing{border-color:var(--gold-400,#d4a538)!important;box-shadow:0 0 0 2px #d4a53840,4px 0 8px -2px #c8a45c4d!important}.asma-quote-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--emerald-600,#2d6a4f);border-radius:8px;margin-bottom:24px;padding:16px 20px}.asma-quote-banner p{color:var(--ink);margin:0 0 4px;font-size:15px;font-style:italic;line-height:1.55}.asma-quote-banner span{color:var(--ink-muted);font-size:12px;font-weight:600}.asma-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.asma-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;flex-direction:column;gap:5px;padding:16px 14px 14px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:4px 0 8px -2px #c8a45c40}.asma-card:hover{transform:translateY(-2px);box-shadow:4px 0 12px -2px #c8a45c66}.asma-top-row{align-items:center;gap:8px;width:100%;display:flex}.asma-num{background:linear-gradient(135deg, var(--gold-500,#c8a45c), var(--gold-700,#9a7020));color:#fff;letter-spacing:.5px;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #9a702059}.asma-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:center;flex:1;margin:0;font-size:22px;line-height:1.4}.asma-tr-en-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;display:flex}.asma-tr{background:var(--emerald-900);color:var(--gold-300);font-size:11px;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;border-radius:999px;align-items:center;margin:0;padding:3px 10px;display:inline-flex}.asma-en{background:var(--gold-50,#fdf8ee);border:1px solid var(--gold-300);color:var(--gold-700,#9a7020);border-radius:999px;align-items:center;margin:0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.asma-desc{color:var(--ink-muted);opacity:.8;margin:0;font-size:11px;line-height:1.55}.asma-ur{color:var(--gold-600,#b58a2a);text-align:center;background:#9a702014;border:1px solid #9a702040;border-radius:999px;margin:6px auto 0;padding:3px 14px 5px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:13px;line-height:1.8;display:inline-block}.prophets-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.prophet-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:6px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:4px 0 8px -2px #c8a45c40}.prophet-card:hover{transform:translateY(-2px);box-shadow:4px 0 12px -2px #c8a45c66}.prophet-name-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.prophet-arabic{font-family:var(--font-arabic);color:var(--ink);direction:rtl;font-size:24px;line-height:1.3}.prophet-en{color:var(--emerald-700);font-size:18px;font-weight:700;font-family:var(--font-display)}.prophet-title{color:var(--gold-700,#9a7020);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:600}.prophet-mentions{background:var(--emerald-900);color:var(--gold-300);border-radius:999px;align-self:flex-start;align-items:center;margin:8px 0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.prophet-mentions strong{color:#fff;font-weight:700}.prophet-surahs{color:var(--ink-muted);border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:8px;font-size:11px;font-style:italic}.prophet-bio{color:var(--ink-muted);margin:4px 0 0;font-size:13px;line-height:1.65}.tajweed-intro{background:var(--bg-card);border:1px solid var(--border-subtle);border-left:4px solid var(--emerald-600,#2d6a4f);color:var(--ink-muted);border-radius:8px;margin-bottom:32px;padding:16px 20px;font-size:14px;line-height:1.65}.tajweed-sections{flex-direction:column;gap:40px;display:flex}.tajweed-section{flex-direction:column;gap:14px;display:flex}.tajweed-section-title{color:var(--emerald-700);font-size:17px;font-weight:700;font-family:var(--font-display);border-bottom:2px solid var(--border-subtle);margin:0;padding-bottom:8px}.tajweed-section-sub{color:var(--ink-muted);margin-top:-6px;font-size:13px;font-style:italic}.tajweed-rules{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.tajweed-rule{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.tajweed-rule--blue{background:#e8f4fd;border-color:#90cdf4}.tajweed-rule--green{background:#f0fdf4;border-color:#86efac}.tajweed-rule--red{background:#fef2f2;border-color:#fca5a5}.tajweed-rule--orange{background:#fff7ed;border-color:#fdba74}.tajweed-rule--purple{background:#faf5ff;border-color:#c4b5fd}.tajweed-rule--teal{background:#f0fdfa;border-color:#5eead4}[data-theme=dark] .tajweed-rule--blue{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .tajweed-rule--green{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .tajweed-rule--red{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .tajweed-rule--orange{background:#f973161a;border-color:#f973164d}[data-theme=dark] .tajweed-rule--purple{background:#a855f71a;border-color:#a855f74d}[data-theme=dark] .tajweed-rule--teal{background:#14b8a61a;border-color:#14b8a64d}.tajweed-rule-header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tajweed-rule-name{color:var(--ink);font-size:15px;font-weight:700;font-family:var(--font-display)}.tajweed-rule-arabic{font-family:var(--font-arabic);color:var(--ink);font-size:17px}.tajweed-rule-meaning{color:var(--ink-muted);letter-spacing:.5px;text-transform:uppercase;margin-left:auto;font-size:10.5px;font-weight:600}.tajweed-letters{flex-wrap:wrap;gap:5px;display:flex}.tajweed-letter-badge{font-family:var(--font-arabic);color:var(--ink);background:#0000000f;border-radius:6px;padding:3px 9px;font-size:15px}[data-theme=dark] .tajweed-letter-badge{background:#ffffff14}.tajweed-desc{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.65}.tajweed-example{font-family:var(--font-arabic);color:var(--emerald-700);text-align:right;direction:rtl;background:#00000008;border-radius:6px;padding:6px 12px;font-size:17px}[data-theme=dark] .tajweed-example{background:#ffffff0a}.adhkar-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.adhkar-tab{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:8px 18px;transition:background .2s,border-color .2s;display:flex}.adhkar-tab-label{color:var(--ink-muted);letter-spacing:.3px;font-size:12px;font-weight:600}.adhkar-tab-arabic{font-family:var(--font-arabic);color:var(--ink-muted);font-size:15px}.adhkar-tab-active,.adhkar-tab-active:hover{background:var(--emerald-700);border-color:var(--emerald-700)}.adhkar-tab-active .adhkar-tab-label,.adhkar-tab-active .adhkar-tab-arabic{color:#fff}.adhkar-cards{flex-direction:column;gap:20px;display:flex}.adhkar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:10px;padding:22px 24px;display:flex}.adhkar-arabic{font-family:var(--font-arabic);color:var(--ink);text-align:right;border-bottom:1px solid var(--border-subtle);direction:rtl;margin:0;padding-bottom:14px;font-size:26px;line-height:1.75}.adhkar-tr{color:var(--emerald-700);margin:0;font-size:14px;font-style:italic;line-height:1.5}.adhkar-en{color:var(--ink);margin:0;font-size:14px;font-weight:600}.adhkar-benefit{color:var(--ink-muted);border-left:3px solid var(--emerald-600,#2d6a4f);margin:0;padding-left:12px;font-size:13px;line-height:1.65}.adhkar-footer{align-items:center;gap:12px;margin-top:4px;display:flex}.adhkar-count-badge{background:var(--emerald-700);color:#fff;letter-spacing:.3px;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.adhkar-source{color:var(--gold-700,#9a7020);letter-spacing:.5px;font-size:11px;font-weight:600}@media (width<=1100px) and (width>=769px){.asma-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.fadail-grid{grid-template-columns:1fr}.asma-grid{grid-template-columns:repeat(2,1fr)}.prophets-grid,.tajweed-rules{grid-template-columns:1fr}.adhkar-tab{min-width:72px;padding:7px 12px}.adhkar-arabic{font-size:22px}.adhkar-card{padding:16px}}.ayah-annotate-btn{color:var(--ink-muted);transition:color .15s;position:relative}.ayah-annotate-btn:hover{color:var(--gold-500)}.ayah-annotate-btn.has-annotation{color:var(--gold-600)}.ayah-annotate-btn.active{color:var(--emerald-500)}.annotation-dot{background:var(--gold-500);border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:0}.annotation-display{background:var(--gold-50);border-left:3px solid var(--gold-400);color:var(--ink-muted);cursor:pointer;border-radius:0 4px 4px 0;align-items:flex-start;gap:6px;margin-top:6px;padding:8px 10px;font-size:13px;transition:background .15s;display:flex}.annotation-display:hover{background:var(--gold-100)}.annotation-display svg{color:var(--gold-500);flex-shrink:0;margin-top:2px}.annotation-popup{background:var(--gold-50);border:1px solid var(--gold-200);border-radius:6px;margin-top:8px;padding:10px}.annotation-textarea{width:100%;font-family:var(--font-body);color:var(--ink);background:var(--white);border:1px solid var(--gold-300);resize:vertical;border-radius:4px;outline:none;padding:8px 10px;font-size:14px}.annotation-textarea:focus{border-color:var(--gold-500)}.annotation-popup-actions{gap:6px;margin-top:6px;display:flex}.annotation-save-btn,.annotation-delete-btn,.annotation-cancel-btn{font-size:12px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:4px;padding:4px 12px;transition:background .15s}.annotation-save-btn{background:var(--emerald-700);color:#fff}.annotation-save-btn:hover{background:var(--emerald-600)}.annotation-delete-btn{color:var(--red-muted);border:1px solid var(--red-muted);background:0 0}.annotation-delete-btn:hover{background:#fff0f0}.annotation-cancel-btn{color:var(--ink-muted);border:1px solid var(--gold-200);background:0 0}.annotation-cancel-btn:hover{background:var(--gold-100)}.share-image-card{background:#faf8f2;border:2px solid #d4b87a;border-radius:8px;width:600px;padding:44px 48px 36px;font-family:Crimson Pro,Georgia,serif;line-height:1.6;position:absolute;top:-9999px;left:-9999px}.share-image-header{border-bottom:1px solid #e0cc9e;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.share-image-surah{color:#0a3d2a;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:700}.share-image-ref{color:#6b6860;font-size:13px}.share-image-arabic{color:#1a1a17;text-align:right;direction:rtl;margin-bottom:16px;font-family:Noto Naskh Arabic,Amiri,serif;font-size:28px;line-height:2}.share-image-english{color:#3d3b35;margin-bottom:20px;font-size:15px;line-height:1.65}.share-image-footer{color:#9e9a90;text-align:center;letter-spacing:.5px;border-top:1px solid #e0cc9e;padding-top:12px;font-size:11px}.wbw-container{direction:rtl;flex-wrap:wrap;justify-content:flex-start;gap:8px 12px;width:100%;display:flex}.wbw-word{cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;padding:4px 2px 0;transition:background .12s;display:inline-flex;position:relative}.wbw-word:hover,.wbw-word.wbw-active{background:#d4b87a61;border-radius:8px;outline:2px solid #c8a45cbf}.wbw-word.wbw-playing{background:#c8a45c38;border-radius:8px;outline:2px solid #c8a45cf2;transition:outline .1s,background .1s;box-shadow:0 0 8px #c8a45c59}.wbw-word.wbw-playing .wbw-tooltip,.wbw-arabic{display:block}.wbw-tooltip{font-family:var(--font-body);color:var(--ink-muted);text-align:center;white-space:nowrap;direction:ltr;margin-top:2px;padding:0 2px;font-size:11px;display:none}.wbw-word:hover .wbw-tooltip,.wbw-word.wbw-active .wbw-tooltip{display:block}.wbw-loading{font-family:var(--font-body);color:var(--ink-faint);font-size:13px}.tajweed-legend-wrapper{width:100%}.tajweed-legend-toggle{font-family:var(--font-body);color:var(--ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.tajweed-legend-toggle:hover{color:var(--ink)}.tajweed-legend-chevron{transition:transform .2s}.tajweed-legend-chevron-open{transform:rotate(180deg)}.tajweed-legend{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.tajweed-legend-item{color:var(--ink-muted);align-items:center;gap:5px;font-size:12px;display:flex}.tajweed-legend-swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.tajweed-loading{font-family:var(--font-body);color:var(--ink-faint);font-size:13px}.tajweed-word{cursor:help;text-underline-offset:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.tajweed-legend-disclaimer{font-family:var(--font-display);color:var(--ink-faint);border-top:1px solid var(--gold-100);flex:0 0 100%;margin-top:6px;padding-top:6px;font-size:11px;font-style:italic}.tajweed-rules-grid{border-top:1px solid var(--gold-100);flex:0 0 100%;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:10px;padding-top:10px;display:grid}.tajweed-rule-card{background:#c8a45c0a;border:1px solid #c8a45c1f;border-radius:6px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.tajweed-rule-arabic{color:var(--gold-500,#c8a45c);text-align:right;direction:rtl;padding-top:6px;font-family:Amiri,serif;font-size:26px;line-height:1}.tajweed-rule-body{color:var(--ink-muted);font-size:13px;line-height:1.6}.tajweed-rule-body strong{color:var(--ink);margin-bottom:4px;font-size:13px;display:block}.tajweed-rule-body ul{margin:0;padding-left:14px}.tajweed-rule-body p{margin:0}.tajweed-rule-tag{color:var(--ink-muted);background:#c8a45c26;border-radius:3px;margin-right:3px;padding:1px 5px;font-size:11px;font-weight:700;display:inline-block}.tajweed-rule-letters{color:var(--gold-500,#c8a45c);font-family:Amiri,serif;font-size:15px}.tajweed-waqf-table{border-collapse:separate;border-spacing:0 2px;width:100%;margin-top:2px}.tajweed-waqf-table td{vertical-align:middle;color:var(--ink-muted);padding:1px 6px 1px 0;font-size:13px}.tajweed-waqf-sign{color:var(--ink);text-align:center;white-space:nowrap;direction:rtl;padding:1px 6px;font-family:Amiri,serif;font-size:20px;line-height:1.4}[data-theme=dark] .tajweed-waqf-table td{color:#ffffffb3}[data-theme=dark] .tajweed-rule-card{background:#ffffff08;border-color:#c8a45c26}[data-theme=dark] .tajweed-rule-body{color:#ffffffb3}[data-theme=dark] .tajweed-rule-body strong{color:#ffffffeb}[data-theme=dark] .tajweed-rule-tag{color:#d4a843;background:#c8a45c2e}[data-theme=dark] .tajweed-rule-letters{color:#d4a843}.reading-mode-header-actions{align-items:stretch;gap:8px;display:flex}.reading-mode-mem-btn{color:#c8a45cb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex}.reading-mode-mem-btn:hover,.reading-mode-mem-btn.active{color:var(--gold-400);background:#c8a45c1f}.reading-mode-appearance-btn{color:#c8a45cb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background .15s;display:flex}.reading-mode-appearance-btn:hover,.reading-mode-appearance-btn.active{color:var(--gold-400);background:#c8a45c1f}.rm-active-settings{font-family:var(--font-display);background:#0000002e;border-bottom:1px solid #c8a45c1a;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.rm-as-pill{letter-spacing:.4px;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.rm-as-pill--info{color:#ffffffbf;background:#c8a45c1a;border-color:#c8a45c40}.rm-as-key{letter-spacing:1px;text-transform:uppercase;color:#c8a45cb3;font-size:9px;font-weight:700}.rm-as-val{color:var(--gold-300);font-weight:700}.rm-as-pill--on{color:#5fd9a6;background:#10b98126;border-color:#10b98173}.rm-as-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981b3}.rm-theme-sepia .rm-active-settings{background:#5b41261f;border-bottom-color:#7a623040}.rm-theme-light .rm-active-settings{background:#0000000a;border-bottom-color:#00000014}.rm-theme-light .rm-as-pill--info{color:var(--ink-light)}.rm-theme-light .rm-as-val,.rm-theme-light .rm-as-key{color:var(--gold-700)}@media (width<=640px){.rm-active-settings{gap:4px;padding:6px 12px}.rm-as-pill{padding:2px 8px;font-size:10px}}.rm-zoom-group{background:#c8a45c0d;border:1px solid #c8a45c40;border-radius:4px;align-items:center;gap:2px;padding:2px;display:inline-flex}.rm-zoom-btn{color:#c8a45cd9;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,color .12s;display:inline-flex}.rm-zoom-btn:hover:not(:disabled){color:var(--gold-300);background:#c8a45c2e}.rm-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.rm-zoom-label{font-family:var(--font-display);letter-spacing:.6px;color:var(--gold-300);text-align:center;-webkit-user-select:none;user-select:none;min-width:22px;font-size:11px;font-weight:700}@media (width<=768px){.rm-zoom-label{display:none}.rm-zoom-btn{width:26px;height:26px}}.reading-mode-appearance-panel{background:#0000004d;border-bottom:1px solid #c8a45c26;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 24px;display:flex}.rm-appearance-row{align-items:center;gap:8px;display:flex}.rm-appearance-label{letter-spacing:.8px;text-transform:uppercase;color:#c8a45c99;min-width:44px;font-size:11px}.rm-size-btn{font-size:12px;font-family:var(--font-body);color:#f0e8d8b3;cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:4px;padding:4px 10px;transition:all .15s}.rm-size-btn:hover{border-color:var(--gold-400);color:var(--gold-400)}.rm-size-btn.active{border-color:var(--gold-400);color:var(--gold-400);background:#c8a45c33}.rm-theme-btn{font-size:12px;font-family:var(--font-body);cursor:pointer;color:#f0e8d8b3;background:0 0;border:1px solid #c8a45c4d;border-radius:4px;padding:4px 12px;transition:all .15s}.rm-theme-btn:hover{border-color:var(--gold-400)}.rm-theme-btn.active{border-color:var(--gold-400);color:var(--gold-400);background:#c8a45c26}.rm-font-s{font-size:32px!important}.rm-font-m{font-size:44px!important}.rm-font-l{font-size:56px!important}.rm-font-xl{font-size:72px!important}.rm-font-2x{font-size:90px!important}.rm-theme-sepia{color:#1a1a17!important;background:#faf8f2!important}.rm-theme-sepia .reading-mode-header,.rm-theme-sepia .reading-mode-nav{background:#c8a45c14!important;border-color:#a8843a40!important}.rm-theme-sepia .reading-mode-arabic{color:#1a1a17!important}.rm-theme-sepia .reading-mode-english,.rm-theme-sepia .reading-mode-urdu{color:#3d3b35!important}.rm-theme-sepia .reading-mode-surah,.rm-theme-sepia .reading-mode-ayah-num{color:#6b6860!important}.rm-theme-sepia .reading-mode-nav-btn{color:#6b4f1d!important;border-color:#6b4f1d66!important}.rm-theme-sepia .reading-mode-progress{color:#6b6860!important}.rm-theme-sepia .reading-mode-appearance-btn,.rm-theme-sepia .reading-mode-mem-btn{color:#6b4f1db3!important}.rm-theme-sepia .reading-mode-close{color:#6b6860!important}.rm-theme-sepia .reading-mode-appearance-panel{background:#c8a45c14!important}.rm-theme-sepia .rm-appearance-label{color:#6b4f1d99!important}.rm-theme-sepia .rm-size-btn,.rm-theme-sepia .rm-theme-btn{color:#3d3b35!important;border-color:#a8843a59!important}.rm-theme-sepia .rm-size-btn.active,.rm-theme-sepia .rm-theme-btn.active{color:#6b4f1d!important;background:#c8a45c33!important}.rm-theme-light{color:#1a1a17!important;background:#fff!important}.rm-theme-light .reading-mode-header,.rm-theme-light .reading-mode-nav{background:#0000000a!important;border-color:#0000001a!important}.rm-theme-light .reading-mode-arabic{color:#1a1a17!important}.rm-theme-light .reading-mode-english,.rm-theme-light .reading-mode-urdu{color:#3d3b35!important}.rm-theme-light .reading-mode-surah,.rm-theme-light .reading-mode-ayah-num{color:#6b6860!important}.rm-theme-light .reading-mode-nav-btn{color:#0a3d2a!important;border-color:#0a3d2a4d!important}.rm-theme-light .reading-mode-progress{color:#6b6860!important}.rm-theme-light .reading-mode-appearance-btn,.rm-theme-light .reading-mode-mem-btn{color:#0a3d2a99!important}.rm-theme-light .reading-mode-close{color:#6b6860!important}.rm-theme-light .reading-mode-appearance-panel{background:#00000008!important}.rm-theme-light .rm-appearance-label{color:#0a3d2a80!important}.rm-theme-light .rm-size-btn,.rm-theme-light .rm-theme-btn{color:#3d3b35!important;border-color:#0a3d2a40!important}.rm-theme-light .rm-size-btn.active,.rm-theme-light .rm-theme-btn.active{color:#0a3d2a!important;background:#0a3d2a14!important}.reading-mode-play-btn{width:48px;height:48px;color:var(--gold-400);cursor:pointer;background:#c8a45c26;border:2px solid #c8a45c66;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.reading-mode-play-btn:hover{border-color:var(--gold-400);background:#c8a45c40}.reading-mode-play-btn.playing{border-color:var(--gold-400);animation:2s ease-in-out infinite rm-pulse}@keyframes rm-pulse{0%,to{box-shadow:0 0 0 4px #c8a45c26,0 0 0 8px #c8a45c12}50%{box-shadow:0 0 0 6px #c8a45c40,0 0 0 12px #c8a45c1a}}.reading-mode-auto-btn{color:#c8a45c80;cursor:pointer;background:0 0;border:1px solid #c8a45c4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.reading-mode-auto-btn:hover{color:var(--gold-400);border-color:var(--gold-400)}.reading-mode-auto-btn.active{color:var(--gold-400);border-color:var(--gold-400);background:#c8a45c1f}.rm-theme-sepia .reading-mode-play-btn,.rm-theme-light .reading-mode-play-btn{color:#6b4f1d!important;background:#c8a45c1a!important;border-color:#a8843a66!important}.rm-theme-sepia .reading-mode-auto-btn,.rm-theme-light .reading-mode-auto-btn{color:#6b4f1d80!important;border-color:#a8843a4d!important}.rm-theme-sepia .reading-mode-auto-btn.active,.rm-theme-light .reading-mode-auto-btn.active{color:#6b4f1d!important;background:#c8a45c26!important;border-color:#6b4f1d!important}.rm-body-hidden{filter:blur(10px);-webkit-user-select:none;user-select:none;pointer-events:none}.rm-reveal-hint{color:#1a1510;font-size:15px;font-family:var(--font-body);pointer-events:none;white-space:nowrap;z-index:1;background:#c8a45ce6;border-radius:20px;padding:10px 24px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rm-theme-sepia .rm-reveal-hint{color:#faf8f2!important;background:#6b4f1dd9!important}.rm-theme-light .rm-reveal-hint{color:#fff!important;background:#0a3d2ad9!important}.rm-theme-sepia .reading-mode-mem-btn.active,.rm-theme-light .reading-mode-mem-btn.active{color:#6b4f1d!important;background:#c8a45c26!important}.rm-arabic-wbw{line-height:3.2!important}.rm-arabic-wbw .wbw-container{justify-content:center;gap:10px 16px}.rm-arabic-wbw .wbw-word:hover,.rm-arabic-wbw .wbw-word.wbw-active{background:#d4b87a6b;border-radius:8px;outline:2px solid #c8a45cd9}.rm-arabic-wbw .wbw-tooltip{color:var(--gold-300);background:#0000008c;border-radius:4px;margin-top:3px;padding:1px 5px;font-size:12px}.rm-theme-sepia .rm-arabic-wbw .wbw-tooltip,.rm-theme-light .rm-arabic-wbw .wbw-tooltip{color:#3d3b35;background:#c8a45c26}.rm-tajweed-legend-wrap{background:#0003;border-bottom:1px solid #c8a45c1f;flex-shrink:0;padding:10px 24px}.rm-tajweed-legend-wrap .tajweed-legend-toggle{color:#c8a45cb3}.rm-tajweed-legend-wrap .tajweed-legend-toggle:hover{color:var(--gold-400)}.rm-tajweed-legend-wrap .tajweed-legend-item{color:#f0e8d8cc}.rm-theme-sepia .rm-tajweed-legend-wrap,.rm-theme-light .rm-tajweed-legend-wrap{background:#c8a45c0f!important;border-color:#a8843a33!important}.rm-theme-sepia .rm-tajweed-legend-wrap .tajweed-legend-toggle,.rm-theme-light .rm-tajweed-legend-wrap .tajweed-legend-toggle{color:#6b4f1db3!important}.rm-theme-sepia .rm-tajweed-legend-wrap .tajweed-legend-item,.rm-theme-light .rm-tajweed-legend-wrap .tajweed-legend-item{color:#3d3b35!important}.rm-tajweed-legend-wrap .tajweed-rules-grid{width:fit-content;margin-left:auto;margin-right:auto}[data-theme=dark] .live-panel-tab.active,[data-theme=dark] .live-panel-tab:hover,[data-theme=dark] .live-panel-close:hover{color:var(--gold-400)}[data-theme=dark] .prayer-row:hover{background:#b8a0601f}[data-theme=dark] .prayer-next{border-left:3px solid var(--emerald-400);background:linear-gradient(90deg,#1a9e652e,#c8a45c14)}[data-theme=dark] .prayer-next .prayer-name,[data-theme=dark] .prayer-next .prayer-time{color:var(--emerald-300)}[data-theme=dark] .prayer-location{color:var(--ink-muted);border-top-color:#b8a06026}[data-theme=dark] .prayer-next .prayer-name-ar{color:var(--emerald-400)}[data-theme=dark] .surah-controls{border-color:#b8a06033}[data-theme=dark] .ctrl-group-label{-webkit-text-decoration-color:var(--gold-400);text-decoration-color:var(--gold-400)}[data-theme=dark] .ctrl-divider{background:#b8a06033}[data-theme=dark] .controls-waqf-below{border-top-color:#b8a06033}[data-theme=dark] .ctrl-seg{border-color:#b8a0604d}[data-theme=dark] .ctrl-seg-btn{border-right-color:#b8a0604d}[data-theme=dark] .ctrl-seg-btn:hover{color:var(--ink-light);background:#b8a0601f}[data-theme=dark] .ctrl-seg-btn-on{background:var(--emerald-500);color:var(--gold-200)}[data-theme=dark] .ctrl-seg-btn-on:hover{background:var(--emerald-400);color:var(--gold-100)}[data-theme=dark] .ctrl-select{border-color:#b8a0604d}[data-theme=dark] .ctrl-select:hover,[data-theme=dark] .ctrl-select:focus{border-color:var(--emerald-400)}[data-theme=dark] .breadcrumb-list{border-left-color:var(--emerald-500)}[data-theme=dark] .breadcrumb-link{color:var(--emerald-300)}[data-theme=dark] .breadcrumb-link:hover{color:var(--gold-400);background:#b8a0601f}[data-theme=dark] .breadcrumb-current{color:var(--gold-400)}[data-theme=dark] .ayah-card:hover{background:#b8a06012}[data-theme=dark] .ayah-card.ayah-playing{border-color:var(--gold-500);background:#b8a0601a}[data-theme=dark] .ayah-card:first-child{border-top-color:#b8a06033}[data-theme=dark] .juz-pill{color:var(--emerald-300);background:#1a9e651f;border-color:#1a9e654d}[data-theme=dark] .surah-card-bottom-row{background:#0003;border-top-color:#b8a06026}[data-theme=dark] .surah-card-extra .extra-revealed,[data-theme=dark] .key-verse-meta .extra-revealed{color:var(--gold-400);background:#b8a0601f;border-color:#b8a06040}[data-theme=dark] .surah-card-extra .extra-sajdah,[data-theme=dark] .key-verse-meta .extra-sajdah{color:var(--emerald-300);background:#1a9e651f;border-color:#1a9e6540}[data-theme=dark] .surah-card-extra .extra-theme,[data-theme=dark] .key-verse-meta .extra-theme{color:var(--emerald-300);background:#1a9e651a;border-color:#1a9e6533}[data-theme=dark] .overview-number,[data-theme=dark] .vl-summary-value,[data-theme=dark] .juz-single-title,[data-theme=dark] .juz-span-label{color:var(--emerald-300)}[data-theme=dark] .quick-jump-input{color:var(--ink)}:root{--heat-cell-rgb:22, 133, 85}[data-theme=dark]{--heat-cell-rgb:52, 196, 129}.stats-hint-mt{margin-top:12px}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] button,[data-theme=dark] div{color:var(--ink)}.pt-next-row{border-bottom:1px solid #00000014;flex-direction:column;margin-bottom:10px;padding-bottom:8px;display:flex}.pt-next-header{justify-content:space-between;align-items:center;margin-bottom:-3px;display:flex}.pt-next-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-faint);margin-bottom:3px;font-family:Inter,Segoe UI,sans-serif;font-size:9px;font-weight:600}.pt-next-name{color:var(--emerald-900);align-items:center;gap:6px;font-family:Inter,Segoe UI,sans-serif;font-size:15px;font-weight:700;display:flex}.pt-next-icon{flex-shrink:0;align-items:center;display:inline-flex}.pt-next-urdu{color:var(--ink-faint);font-family:Noto Nastaliq Urdu,serif;font-size:11px;line-height:1.6}.pt-next-time{color:var(--emerald-700);font-variant-numeric:tabular-nums;font-family:Inter,Segoe UI,sans-serif;font-size:20px;font-weight:700}.pt-chip-row{gap:4px;display:flex}.pt-chip{text-align:center;background:#fff9;border:1px solid #0000001a;border-radius:5px;flex:1;padding:6px 4px}.pt-chip.pt-chip-next{background:var(--emerald-700);border-color:var(--emerald-700)}.pt-chip-icon{justify-content:center;align-items:center;margin-bottom:3px;display:flex}.pt-chip-icon svg{width:11px;height:11px}.pt-chip-name{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.3px;margin-bottom:1px;font-family:Inter,Segoe UI,sans-serif;font-size:8px;font-weight:500;display:block}.pt-chip-urdu{color:var(--ink-faint);margin-bottom:2px;font-family:Noto Nastaliq Urdu,serif;font-size:8px;line-height:1.5;display:block}.pt-chip-next .pt-chip-urdu{color:#ffffffbf}.pt-chip-next .pt-chip-name{color:#fffc}.pt-chip-time{color:var(--emerald-700);font-variant-numeric:tabular-nums;font-family:Inter,Segoe UI,sans-serif;font-size:9px;font-weight:600;display:block}.pt-chip-next .pt-chip-time{color:#fff}[data-theme=dark] .pt-next-row{border-bottom-color:#ffffff1a}[data-theme=dark] .pt-next-label{color:var(--ink-faint)}[data-theme=dark] .pt-next-name{color:var(--emerald-300)}[data-theme=dark] .pt-next-time{color:var(--gold-400)}[data-theme=dark] .pt-chip{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .pt-chip-name{color:#ffffff80}[data-theme=dark] .pt-chip-time{color:var(--gold-400)}.surah-stats-tabs{background:var(--white);border:1px solid var(--gold-200);border-radius:4px;margin-bottom:28px;position:relative;overflow:hidden}.surah-stats-tabs:before{content:"";background:linear-gradient(90deg, var(--gold-500), var(--emerald-600), var(--gold-500));height:3px;position:absolute;top:0;left:0;right:0}.sst-tab-bar{border-bottom:1px solid var(--gold-200);align-items:center;gap:4px;padding:3px 20px 0;display:flex}.sst-tab-btn{cursor:pointer;font-family:var(--font-body);color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px 10px;font-size:11px;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.sst-tab-btn:hover{color:var(--ink)}.sst-tab-active{color:var(--ink)!important;border-bottom-color:var(--gold-500)!important}.sst-tab-spacer{flex:1}.sst-panel{padding:20px 24px 24px}.sst-juz-span-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.sst-related{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.sst-related-right{flex-direction:column;gap:12px;display:flex}[data-theme=dark] .surah-stats-tabs{background:var(--white);border-color:var(--gold-200)}[data-theme=dark] .sst-tab-bar{border-bottom-color:var(--gold-200)}[data-theme=dark] .sst-tab-btn{color:var(--ink-faint)}[data-theme=dark] .sst-tab-btn:hover{color:var(--ink-muted)}[data-theme=dark] .sst-tab-active{color:var(--ink)!important;border-bottom-color:var(--gold-500)!important}@media (width<=900px){.sst-related{grid-template-columns:1fr}.sst-juz-span-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=600px){.sst-tab-btn{padding:10px 10px 8px;font-size:13px}.sst-panel{padding:16px}}.surah-meta-band{background:#0000002e;border:1px solid #c8a45c40;border-radius:3px;flex-wrap:wrap;align-items:stretch;margin-top:20px;display:flex;overflow:hidden}.smb-item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:12px 22px;display:flex}.smb-val{font-family:var(--font-display);color:var(--gold-300);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1}.smb-lbl{font-family:var(--font-body);color:#ffffff8c;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:10px;font-weight:600}.smb-sep{background:#c8a45c33;flex-shrink:0;align-self:stretch;width:1px;margin:8px 0}@media (width<=700px){.smb-item{flex:none;min-width:calc(33.33% - 1px);padding:10px 14px}.smb-val{font-size:15px}.smb-sep{display:none}}.hadith-layout{align-items:flex-start;gap:24px;margin-top:24px;display:flex}.hadith-book-panel{width:220px;top:calc(var(--navbar-height) + 8px);flex-direction:column;flex-shrink:0;gap:6px;display:flex;position:sticky}.hadith-book-btn{background:var(--parchment);border:1px solid var(--gold-200);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.hadith-book-btn[data-slug=bukhari]{background:#dbeafe;border-color:#bfdbfe}.hadith-book-btn[data-slug=muslim]{background:#d1fae5;border-color:#a7f3d0}.hadith-book-btn[data-slug=abudawud]{background:#fef3c7;border-color:#fde68a}.hadith-book-btn[data-slug=tirmidhi]{background:#ede9fe;border-color:#ddd6fe}.hadith-book-btn[data-slug=nasai]{background:#fce7f3;border-color:#fbcfe8}.hadith-book-btn[data-slug=ibnmajah]{background:#ffedd5;border-color:#fed7aa}.hadith-book-btn:hover{filter:brightness(.95)}.hadith-book-btn.active{background:var(--emerald-50);border-color:var(--emerald-400)}.hadith-book-name{font-family:var(--font-display);color:var(--ink-light);font-size:13px;font-weight:600}.hadith-book-btn.active .hadith-book-name{color:var(--emerald-800)}.hadith-book-name-ar{font-family:var(--font-arabic-ui);color:var(--ink-muted);direction:rtl;font-size:13px}.hadith-book-count{font-family:var(--font-display);color:var(--ink-faint);font-size:11px}.hadith-main{flex:1;min-width:0}.hadith-controls{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.hadith-search-input{border:1px solid var(--gold-200);min-width:200px;font-family:var(--font-display);background:var(--white);color:var(--ink-light);border-radius:8px;outline:none;flex:1;padding:9px 14px;font-size:14px;transition:border-color .15s}.hadith-search-input:focus{border-color:var(--emerald-400)}.hadith-chapter-select{border:1px solid var(--gold-200);font-family:var(--font-display);background:var(--white);color:var(--ink-light);cursor:pointer;border-radius:8px;max-width:220px;padding:9px 12px;font-size:13px}.hadith-results-count{font-family:var(--font-display);color:var(--ink-muted);margin-bottom:12px;font-size:13px}.hadith-list{flex-direction:column;gap:12px;display:flex}.hadith-card{background:var(--white);border:1px solid var(--gold-200);border-radius:12px;padding:16px 18px;transition:border-color .15s;position:relative}.hadith-card:hover{border-color:var(--emerald-300)}.hadith-share-btn{border:1px solid var(--gold-200);background:var(--parchment);width:30px;height:30px;color:var(--ink-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.2px;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:12px;right:12px}.hadith-share-btn:hover{background:var(--emerald-900);color:var(--gold-300);border-color:var(--emerald-900)}.hadith-share-btn.copied{background:var(--emerald-900);width:auto;color:var(--gold-300);border-color:var(--emerald-900);border-radius:20px;padding:0 10px}.hadith-card-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;display:flex}.hadith-number{background:var(--emerald-900);width:42px;height:42px;color:var(--gold-300);font-family:var(--font-display);letter-spacing:.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.hadith-grade{font-family:var(--font-display);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.hadith-grade.sahih{background:var(--emerald-50);color:var(--emerald-700);border:1px solid var(--emerald-200)}.hadith-grade.hasan{background:var(--gold-50);color:var(--gold-700);border:1px solid var(--gold-300)}.hadith-grade.daif{background:var(--parchment);color:var(--ink-muted);border:1px solid var(--gold-200)}.hadith-arabic{font-family:var(--font-arabic);color:var(--ink-light);text-align:right;border-bottom:1px solid var(--gold-200);direction:rtl;margin-bottom:10px;padding-bottom:10px;font-size:18px;line-height:1.9}.hadith-english{font-family:var(--font-body);color:var(--ink-light);margin-bottom:10px;font-size:14px;line-height:1.7}.hadith-source{font-family:var(--font-display);color:var(--ink-faint);font-size:12px;font-style:italic}.hadith-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.hadith-page-btn{border:1px solid var(--gold-200);background:var(--white);font-family:var(--font-display);color:var(--ink-light);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;transition:background .15s}.hadith-page-btn:hover:not(:disabled){background:var(--parchment)}.hadith-page-btn:disabled{opacity:.4;cursor:not-allowed}.hadith-page-btn.active{background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}.hadith-page-info{font-family:var(--font-display);color:var(--ink-muted);font-size:13px}.hadith-loading,.hadith-empty{text-align:center;color:var(--ink-muted);font-family:var(--font-display);padding:48px 0;font-size:14px}.hadith-translate-btn{border:1px solid var(--gold-200);font-family:var(--font-arabic);color:var(--emerald-600);cursor:pointer;vertical-align:middle;white-space:nowrap;background:0 0;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:12px;transition:background .15s,color .15s;display:inline}.hadith-translate-btn:hover:not(:disabled){background:var(--emerald-600);color:var(--white);border-color:var(--emerald-600)}.hadith-translate-btn:disabled{opacity:.6;cursor:default}.hadith-urdu{color:var(--ink-light);text-align:right;background:var(--parchment);border-right:3px solid var(--gold-300);direction:rtl;border-radius:4px;margin-top:10px;padding:8px 12px 8px 8px;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:16px;line-height:2}@media (width<=768px){.hadith-layout{flex-direction:column;gap:16px}.hadith-book-panel{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid;position:static}.hadith-book-btn{min-width:0}.hadith-book-name-ar{display:none}.hadith-chapter-select{width:100%;max-width:100%}.hadith-translate-btn{padding:1px 6px;font-size:10px}}.auth-page{min-height:calc(100vh - var(--navbar-height));background:var(--parchment);justify-content:center;align-items:center;padding:40px 16px;display:flex}.auth-card{background:var(--white);border:1px solid var(--gold-200);text-align:center;border-radius:8px;width:100%;max-width:420px;padding:40px 36px;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, var(--gold-400), var(--emerald-600), var(--gold-400));border-radius:8px 8px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.auth-arabic{font-family:var(--font-arabic-ui);color:var(--gold-600);margin:0;font-size:18px;line-height:1.6}.auth-title{font-family:var(--font-display);color:var(--emerald-900);margin:0;font-size:22px;font-weight:700}.auth-subtitle{font-family:var(--font-body);color:var(--ink-muted);margin:0 0 16px;font-size:14px;line-height:1.6}.auth-icon{color:var(--ink-muted);margin:0 0 12px;font-size:40px;display:block}.auth-icon-success{color:var(--emerald-600)}.auth-icon-error{color:#c0392b}.auth-spinner{border:3px solid var(--gold-200);border-top-color:var(--emerald-600);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-error{color:#c0392b;font-family:var(--font-display);text-align:left;background:#c0392b14;border:1px solid #c0392b40;border-radius:4px;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-form{text-align:left;flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.auth-field-row{gap:12px;display:flex}.auth-field-row .auth-field{flex:1;min-width:0}@media (width<=480px){.auth-field-row{flex-direction:column;gap:0}}.auth-field{flex-direction:column;gap:3px;display:flex}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap input{flex:1;padding-right:38px}.auth-eye-btn{cursor:pointer;color:var(--ink-muted,#8aab96);background:0 0;border:none;align-items:center;padding:2px;transition:color .15s;display:flex;position:absolute;right:10px}.auth-eye-btn:hover{color:var(--gold-400,#c8a45c)}.auth-required{color:#dc6464d9;font-style:normal}.auth-input-error{border-color:#c8505099!important}.auth-field-error{color:#dc7878e6;visibility:hidden;min-height:.9em;margin-top:1px;font-size:10px;line-height:1;display:block}.auth-field-error:not(:empty){visibility:visible}.auth-field label{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--ink-muted);font-size:12px;font-weight:700}.auth-hint{text-transform:none;letter-spacing:0;color:var(--ink-faint);font-weight:400}.auth-field input{font-family:var(--font-body);color:var(--ink);background:var(--parchment);border:1px solid var(--gold-200);border-radius:4px;outline:none;padding:9px 12px;font-size:15px;transition:border-color .15s}.auth-field input:focus{border-color:var(--emerald-600)}.auth-select{font-family:var(--font-body);border:1px solid var(--gold-400);background:var(--parchment);width:100%;color:var(--emerald-900);cursor:pointer;appearance:auto;border-radius:4px;outline:none;padding:10px 12px;font-size:15px}.auth-select:focus{border-color:var(--emerald-600)}.auth-btn{background:var(--emerald-900);width:100%;color:var(--gold-300);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;text-align:center;border:none;border-radius:4px;margin-top:4px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:block}.auth-btn:hover{opacity:.88}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn-outline{border:1px solid var(--emerald-900);color:var(--emerald-900);background:0 0;margin-top:0}.auth-switch{font-family:var(--font-display);color:var(--ink-muted);margin:0;font-size:13px}.auth-switch a{color:var(--emerald-700);font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (width<=480px){.auth-card{padding:28px 20px}}.rp-panel{background:#080f0b;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rp-error-banner{font-family:var(--font-display);color:#f99;text-align:center;background:#dc3c3c24;border-bottom:1px solid #dc3c3c47;flex-shrink:0;padding:9px 16px;font-size:11px}.rp-widget-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.rp-phase{flex-direction:column;flex:1;gap:14px;min-height:0;padding:22px 20px 18px;display:flex;overflow:hidden}.rp-phase-center{justify-content:center;align-items:center}.rp-phase-result{align-items:center;gap:16px;padding:18px 16px 16px;overflow-y:auto}.rp-phase-chip{font-family:var(--font-display);letter-spacing:1.8px;text-transform:uppercase;border-radius:100px;flex-shrink:0;align-self:flex-start;align-items:center;gap:7px;padding:5px 12px;font-size:9px;font-weight:800;display:inline-flex}.rp-chip-gold{color:var(--gold-300);background:#d4a8431f;border:1px solid #d4a84359}.rp-chip-emerald{color:#34d399;background:#10b9811f;border:1px solid #10b98159}.rp-dot-pulse{background:var(--gold-400);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite rp-pulse;display:inline-block}.rp-dot-emerald{background:#10b981}@keyframes rp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.rp-phase-hint{font-family:var(--font-display);color:#ffffff47;letter-spacing:.3px;text-align:center;margin:0;font-size:11px}.rp-spinner{border:3px solid #ffffff12;border-top-color:var(--gold-400);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:.75s linear infinite rp-spin}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-wave-canvas{background:#050d08;border:1px solid #ffffff0a;border-radius:10px;flex:1;width:100%;min-height:70px;max-height:160px;display:block}.rp-countdown-ring{flex-shrink:0;width:106px;height:106px;position:relative}.rp-countdown-ring svg{filter:drop-shadow(0 0 8px #d4a8434d);width:100%;height:100%;transform:rotate(-90deg)}.rp-cd-track{fill:none;stroke:#ffffff0f;stroke-width:5px}.rp-cd-fill{fill:none;stroke:var(--gold-400);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.rp-countdown-num{font-family:var(--font-display);color:var(--gold-300);justify-content:center;align-items:center;font-size:40px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.rp-score-ring{flex-shrink:0;width:130px;height:130px;position:relative}.rp-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rp-ring-track{fill:none;stroke:#ffffff0f;stroke-width:6px}.rp-ring-fill{fill:none;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 6px);transition:stroke-dashoffset .8s ease-out}.rp-score-inner{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.rp-score-num{font-family:var(--font-display);color:#fff;font-size:34px;font-weight:800;line-height:1}.rp-score-pct{font-family:var(--font-display);color:#ffffff73;font-size:14px;font-weight:600;line-height:1}.rp-score-lbl{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#ffffff61;margin-top:2px;font-size:8px;font-weight:700}.rp-pitch-wrap{flex-direction:column;flex-shrink:0;gap:6px;width:100%;display:flex}.rp-pitch-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;margin:0;font-size:10px;font-weight:600}.rp-pitch-canvas{background:#050d08;border:1px solid #ffffff12;border-radius:10px;width:100%;height:160px;display:block}.rp-pitch-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rp-pitch-legend{font-family:var(--font-display);color:#fff6;gap:8px;font-size:10px;font-weight:600;display:flex}.rp-pitch-legend span{align-items:center;gap:5px;display:flex}.rp-ld{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.rp-word-mode-row{align-items:center;gap:8px;margin-left:auto;display:flex}.rp-word-mode-label{font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;color:#c8a45ca6;font-size:10px;font-weight:700}.rp-word-mode-seg{background:#0003;border:1px solid #c8a45c4d;border-radius:4px;display:inline-flex;overflow:hidden}.rp-word-mode-btn{font-family:var(--font-display);letter-spacing:.5px;color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-right:1px solid #c8a45c2e;padding:4px 12px;font-size:10px;font-weight:700;transition:background .12s,color .12s}.rp-word-mode-btn:last-child{border-right:0}.rp-word-mode-btn:hover:not(:disabled){color:#ffffffd9;background:#c8a45c1a}.rp-word-mode-btn--on{background:var(--gold-500);color:#0b1712}.rp-word-mode-btn--on:hover{background:var(--gold-500)!important;color:#0b1712!important}.rp-word-mode-btn:disabled{opacity:.35;cursor:not-allowed}.rp-pitch-playbtn{font-family:var(--font-display);letter-spacing:.6px;cursor:pointer;background:0 0;border:1px solid;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.rp-pitch-playbtn:disabled{opacity:.4;cursor:not-allowed}.rp-pitch-playbtn--reciter{color:#d4a843;border-color:#d4a843}.rp-pitch-playbtn--reciter:hover:not(:disabled),.rp-pitch-playbtn--reciter.rp-pitch-playbtn--on{color:#0b1712;background:#d4a843}.rp-pitch-playbtn--you{color:#10b981;border-color:#10b981}.rp-pitch-playbtn--you:hover:not(:disabled),.rp-pitch-playbtn--you.rp-pitch-playbtn--on{color:#fff;background:#10b981}.rp-pitch-dev{font-family:var(--font-display);font-size:10px;font-weight:600}.rp-dev-good{color:#10b981}.rp-dev-ok{color:#d4a843}.rp-dev-off{color:#e06060}.rp-pitch-explainer{font-family:var(--font-display);color:#ffffff73;letter-spacing:.2px;border-top:1px solid #ffffff0f;margin-top:8px;padding-top:8px;font-size:10px;line-height:1.55}.rp-sub-scores--diag{border-left:1px solid #c8a45c2e;padding-left:10px}.rp-sub-chip--diag{color:#ffffffc7;font-variant-numeric:tabular-nums;background:#ffffff0a;border-color:#c8a45c38}@media (width<=480px){.rp-sub-scores--diag{border-top:1px solid #c8a45c2e;border-left:none;margin-top:4px;padding-top:6px;padding-left:0}}.rp-sub-chip--warn{color:#ffb3b3!important;background:#e0606024!important;border-color:#e060608c!important}.rp-diag-warn{color:#ffffffc7;background:#e060601a;border:1px solid #e0606066;border-radius:4px;margin:8px 0 0;padding:8px 10px;font-size:11.5px;line-height:1.55}.rp-diag-warn strong{color:#ffb3b3;font-weight:700}.rp-summary{overflow-y:auto}.rp-summary-header{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.rp-summary-title{font-family:var(--font-display);color:#ffffffe6;font-size:15px;font-weight:700}.rp-summary-sub{color:#fff6;font-size:11px}.rp-summary-ring-row{justify-content:center;margin-bottom:16px}.rp-summary-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.rp-summary-row{background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.rp-summary-ayah-num{font-family:var(--font-display);color:#ffffff59;min-width:20px;font-size:10px;font-weight:700}.rp-summary-ayah-text{color:#fff9;text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:rtl;flex:1;font-size:13px;overflow:hidden}.rp-summary-score{font-family:var(--font-display);text-align:right;min-width:36px;font-size:13px;font-weight:700}.rp-stats-section{border-top:1px solid #ffffff12;flex-shrink:0;margin-top:4px;padding-top:12px}.rp-stats-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin:0 0 8px;font-size:10px;font-weight:700}.rp-stats-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.rp-stats-row{color:#ffffffa6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.rp-stats-count{color:#d4a843;font-weight:700}.rp-result-btns{flex-shrink:0;gap:10px;display:flex}.rp-btn{font-family:var(--font-display);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:11px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.rp-btn-ghost{color:#ffffff80;background:0 0;border:1px solid #ffffff29}.rp-btn-ghost:hover{color:var(--gold-300);border-color:#d4a84380}.rp-btn-gold{color:var(--gold-300);background:linear-gradient(135deg,#d4a84338,#d4a8431f);border:1px solid #d4a84380;box-shadow:0 0 12px #d4a8431f}.rp-btn-gold:hover{background:linear-gradient(135deg,#d4a84352,#d4a8432e);box-shadow:0 0 18px #d4a84338}.rp-ready-verse{text-align:center;color:var(--text-primary);max-width:100%;margin-bottom:24px;font-size:1.6rem;line-height:2.2}.rp-start-btn{justify-content:center;align-items:center;margin-bottom:12px;padding:12px 32px;font-size:1rem;display:flex}.rp-score-row{flex-shrink:0;align-items:center;gap:14px;display:flex}.rp-sub-scores{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.rp-sub-chip{font-family:var(--font-display);color:#ffffff73;letter-spacing:.3px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600}.rp-sub-chip--info{color:#d4a84399;background:#d4a8430f;border-color:#d4a84326}.rp-feedback-list{flex-flow:wrap;flex-shrink:0;gap:5px;width:100%;margin:0;padding:0;list-style:none;display:flex}.rp-feedback-item{font-family:var(--font-display);border-radius:6px;flex:calc(50% - 3px);align-items:flex-start;gap:6px;min-width:0;padding:5px 10px;font-size:11px;line-height:1.4;display:inline-flex}.rp-fb-good{color:#ffffffa6;background:#10b98114;border:1px solid #10b98133}.rp-fb-warn{color:#ffffffa6;background:#d4a84314;border:1px solid #d4a84333}.rp-fb-error{color:#ffffffa6;background:#e0606014;border:1px solid #e0606033}.rp-fb-icon{flex-shrink:0;width:14px;margin-top:1px;font-size:10px;font-weight:800}.rp-fb-good .rp-fb-icon{color:#10b981}.rp-fb-warn .rp-fb-icon{color:#d4a843}.rp-fb-error .rp-fb-icon{color:#e06060}.rp-disclaimer{color:#ffffff2e;text-align:center;flex-shrink:0;margin:0;font-size:9.5px;font-style:italic;line-height:1.5}@media (width<=640px){.rp-wave-canvas{max-height:90px}.rp-pitch-canvas{height:110px}}.rp-verse-review{flex-flow:wrap;gap:6px;width:100%;display:flex}.rp-verse-block{background:#c8a45c0f;border:1px solid #c8a45c24;border-radius:8px;flex-direction:column;flex:auto;gap:5px;min-width:0;padding:10px 12px;display:flex}.rp-verse-label-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.rp-word-count{font-family:var(--font-display);letter-spacing:.4px;color:#ffffff8c;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff0d;border:1px solid #c8a45c40;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.rp-word-count--match{color:#5fd9a6;background:#10b9811f;border-color:#10b98166}.rp-word-count--short{color:#f0a0a0;background:#e060601a;border-color:#e0606059}.rp-verse-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#c8a45c8c;font-size:9px;font-weight:600}.rp-playback-btn{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#10b981bf;cursor:pointer;background:#10b98114;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:4px;padding:2px 8px 2px 6px;font-size:9px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.rp-playback-btn:hover{color:#10b981;background:#10b98126}.rp-playback-btn--playing{color:#e06060d9;background:#e0606014;border-color:#e0606033}.rp-playback-btn--playing:hover{color:#e06060;background:#e0606026}.rp-font-s .rp-verse-arabic{line-height:1.85;font-size:22px!important}.rp-font-m .rp-verse-arabic{line-height:1.85;font-size:28px!important}.rp-font-l .rp-verse-arabic{line-height:1.85;font-size:36px!important}.rp-font-xl .rp-verse-arabic{line-height:1.85;font-size:46px!important}.rp-font-2x .rp-verse-arabic{line-height:1.85;font-size:58px!important}.rp-verse-arabic{color:#ffffffbf;text-align:right;margin:0;font-family:Amiri,Scheherazade New,serif;font-size:17px;line-height:2}.rp-verse-block:has(.rp-verse-recited){background:#10b9810f;border-color:#10b9812e}.rp-verse-recited{color:#10b981e6}.rp-rules-panel{border-top:1px solid #c8a45c1a;flex-shrink:0;width:100%;max-height:260px;padding:10px 0 4px;overflow-y:auto}.rp-rules-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#c8a45c80;margin:0 0 10px;font-size:9px;font-weight:600}.rp-rules-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rp-rule-card{background:#ffffff05;border:1px solid #c8a45c12;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.rp-rule-arabic{color:#c8a45cb3;text-align:center;direction:rtl;flex-shrink:0;width:44px;padding-top:2px;font-family:Amiri,Scheherazade New,serif;font-size:22px;line-height:1}.rp-rule-body{flex:1;min-width:0}.rp-rule-body strong{font-family:var(--font-display);color:#ffffffbf;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.rp-rule-body p{color:#ffffff73;margin:0;font-size:10.5px;line-height:1.55}.rp-rule-body ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.rp-rule-body li{color:#ffffff73;font-size:10.5px;line-height:1.5}.rp-rule-tag{color:#c8a45cd9;font-size:9px;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;background:#c8a45c1f;border-radius:3px;margin-right:4px;padding:1px 5px;display:inline-block}.rp-rule-letters{color:#c8a45ccc;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:13px;display:inline}.rm-reading-body{flex:1;min-height:0;display:flex;overflow:hidden}.rm-scroll-panel{border-right:1px solid #c8a45c1a;flex-shrink:0;width:45%;overflow:hidden auto}.rm-practice-panel{background:#0d1a12;flex-direction:column;width:55%;min-height:0;display:flex;overflow:hidden}.reading-mode-surah-scroll{width:100%;padding:0 0 32px;display:block}.rm-bismillah-row{box-sizing:border-box;text-align:center;border-bottom:1px solid #c8a45c24;width:100%;margin-bottom:0;padding:22px 24px 18px;display:block}.rm-bismillah-text{color:var(--gold-300);letter-spacing:.01em;direction:rtl;unicode-bidi:embed;font-family:Noto Naskh Arabic,serif;font-size:1.6rem;line-height:1.9;display:block}.rm-theme-sepia .rm-bismillah-text{color:#8b6914}.rm-theme-light .rm-bismillah-text{color:#7a5c10}.rm-ayah-row{cursor:pointer;border-bottom:1px solid #c8a45c0f;border-right:3px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:16px 24px 20px;transition:background .18s,border-right-color .18s;display:flex}.rm-ayah-row:hover{background:#ffffff06}.rm-ayah-row.rm-ayah-selected{border-right-color:var(--gold-400);background:#d4a8430f}.rm-ayah-row.rm-ayah-playing{background:#10b9810f}.rm-ayah-row.rm-ayah-selected.rm-ayah-playing{background:#10b98117;border-right-color:#10b981}.rm-ayah-badge{font-family:var(--font-display);letter-spacing:.4px;color:#d4a84399;background:#d4a84314;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;transition:color .18s,background .18s;display:flex}.rm-ayah-row.rm-ayah-selected .rm-ayah-badge{color:var(--gold-400);background:#d4a84326}.rm-ayah-row .reading-mode-arabic{text-align:right;color:#ffffffbf;width:100%;font-size:32px;line-height:2.1;transition:color .18s}.rm-ayah-row.rm-ayah-selected .reading-mode-arabic{color:#fffffff2}.rm-ayah-row .reading-mode-arabic.rm-font-s{font-size:24px}.rm-ayah-row .reading-mode-arabic.rm-font-m{font-size:32px}.rm-ayah-row .reading-mode-arabic.rm-font-l{font-size:40px}.rm-ayah-row .reading-mode-arabic.rm-font-xl{font-size:48px}.rm-ayah-row .reading-mode-arabic.rm-font-2x{font-size:60px}.rm-theme-sepia .rm-ayah-row{border-bottom-color:#a8843a1a}.rm-theme-sepia .rm-ayah-row:hover{background:#00000005}.rm-theme-sepia .rm-ayah-row.rm-ayah-selected{background:#a8843a12;border-right-color:#8b6914}.rm-theme-sepia .rm-ayah-badge{color:#8b69148c;background:#a8843a1a}.rm-theme-sepia .rm-ayah-row.rm-ayah-selected .rm-ayah-badge{color:#8b6914;background:#a8843a2e}.rm-theme-sepia .rm-ayah-row .reading-mode-arabic{color:#1a140aa6}.rm-theme-sepia .rm-ayah-row.rm-ayah-selected .reading-mode-arabic{color:#1a140aeb}.rm-theme-light .rm-ayah-row{border-bottom-color:#0000000f}.rm-theme-light .rm-ayah-row:hover{background:#00000005}.rm-theme-light .rm-ayah-row.rm-ayah-selected{background:#0a3d2a0d;border-right-color:#0a3d2a}.rm-theme-light .rm-ayah-badge{color:#0a3d2a73;background:#0a3d2a12}.rm-theme-light .rm-ayah-row.rm-ayah-selected .rm-ayah-badge{color:#0a3d2a;background:#0a3d2a24}.rm-theme-light .rm-ayah-row .reading-mode-arabic{color:#0a0a0aa6}.rm-theme-light .rm-ayah-row.rm-ayah-selected .reading-mode-arabic{color:#0a0a0aeb}@media (width<=768px){.rm-reading-body{flex-direction:column}.rm-scroll-panel{border-bottom:1px solid #c8a45c1a;border-right:none;flex-shrink:0;width:100%;max-height:45vh}.rm-practice-panel{flex:1;width:100%;min-height:0}.rp-rules-panel{max-height:130px}.rm-scroll-hide-mobile{display:none}}@media (width<=600px){.rm-ayah-row{gap:12px;padding:14px 16px 14px 14px}.rm-ayah-row .reading-mode-arabic.rm-font-s{font-size:20px}.rm-ayah-row .reading-mode-arabic.rm-font-m{font-size:26px}.rm-ayah-row .reading-mode-arabic.rm-font-l{font-size:32px}.rm-ayah-row .reading-mode-arabic.rm-font-xl{font-size:38px}}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}body{padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);padding-right:var(--sar)}.ub-overlay{z-index:1200;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:20px;transition:background .35s;display:flex;position:fixed;inset:0}.ub-overlay.ub-visible{pointer-events:all;background:#000000bf}.ub-drawer{opacity:0;background:linear-gradient(160deg,#0f2d1f 0%,#0a1f15 55%,#071510 100%);border:1px solid #c8a45c38;border-radius:6px;width:100%;max-width:880px;max-height:90vh;transition:transform .4s cubic-bezier(.32,.72,0,1),opacity .3s;position:relative;overflow:hidden auto;transform:scale(.93)translateY(16px);box-shadow:0 32px 80px #000000b3,inset 0 0 0 1px #ffffff0a}.ub-drawer.ub-drawer-in{opacity:1;transform:scale(1)translateY(0)}.ub-progress{z-index:10;gap:3px;height:3px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.ub-prog-seg{background:#ffffff1f;border-radius:2px;flex:1;height:100%;position:relative;overflow:hidden}.ub-prog-seg:after{content:"";transform-origin:0;background:#c8a45c;position:absolute;inset:0;transform:scaleX(0)}.ub-prog-seg.done:after{transform:scaleX(1)}.ub-prog-seg.active:after{animation:linear forwards ubFill;animation-duration:var(--dur,5s);transform:scaleX(0)}.ub-paused .ub-prog-seg.active:after{animation-play-state:paused}@keyframes ubFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ub-close{z-index:20;cursor:pointer;color:#fff9;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:16px}.ub-close:hover{color:#fff;background:#ffffff24}.ub-slide-wrap{width:100%;overflow:hidden}@keyframes ubSlideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.ub-slide{box-sizing:border-box;width:100%;padding:36px 44px 32px;animation:.35s cubic-bezier(.4,0,.2,1) ubSlideIn}.ub-arrow{cursor:pointer;color:#ffffff80;z-index:10;background:#ffffff0f;border:1px solid #ffffff17;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ub-arrow:hover{color:#c8a45c;background:#c8a45c26}.ub-arrow-l{left:10px}.ub-arrow-r{right:10px}.ub-footer{border-top:1px solid #c8a45c1a;justify-content:space-between;align-items:center;padding:14px 44px 22px;display:flex}.ub-dots{gap:7px;display:flex}.ub-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .25s,transform .25s}.ub-dot-active{background:#c8a45c;transform:scale(1.35)}.ub-dont-show{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.ub-dont-show input[type=checkbox]{appearance:none;cursor:pointer;background:#c8a45c0d;border:1px solid #c8a45c59;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background .2s,border-color .2s;position:relative}.ub-dont-show input[type=checkbox]:checked{background:#c8a45c;border-color:#c8a45c}.ub-dont-show input[type=checkbox]:checked:after{content:"";border:2px solid #0a1f15;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.ub-dont-show span{color:#f5edd866;font-size:12px;transition:color .2s}.ub-dont-show:hover span{color:#f5edd8b3}.ub-slide-1{align-items:center;gap:20px;padding-top:32px;display:flex}.ub-s1-left{flex:1;min-width:0;margin-left:28px}.ub-badge{background:#10b98114;border:1px solid #10b98140;border-radius:100px;align-items:center;gap:7px;margin-bottom:18px;padding:5px 14px;display:inline-flex}.ub-live-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite ubPulse}@keyframes ubPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.ub-badge span:last-child{letter-spacing:2px;text-transform:uppercase;color:#10b981;font-size:10px;font-weight:500}.ub-s1-title{letter-spacing:.5px;color:#f5edd8;white-space:nowrap;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.2}.ub-s1-title em{color:#c8a45c;font-style:italic}.ub-s1-arabic{color:#c8a45c80;letter-spacing:1px;text-align:center;margin-bottom:14px;font-size:17px}.ub-s1-desc{color:#f5edd880;margin-bottom:20px;font-size:14px;line-height:1.7}.ub-tags{grid-template-columns:repeat(3,auto);justify-content:start;gap:6px;display:grid}.ub-tag{letter-spacing:.5px;border-radius:5px;padding:4px 11px;font-size:10px;font-weight:500}.ub-tg{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.ub-to{color:#c8a45c;background:#c8a45c1a;border:1px solid #c8a45c33}.ub-tb{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33}.ub-tp{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa33}.ub-phone-wrap{flex-shrink:0;justify-content:center;align-items:center;margin-left:-24px;margin-right:28px;display:flex}.ub-phone{background:#050e08;border:2px solid #c8a45c52;border-radius:36px;width:186px;height:360px;position:relative;overflow:hidden;box-shadow:0 24px 50px #0000008c,inset 0 0 0 1px #ffffff0a,0 0 30px #c8a45c0f}.ub-notch{z-index:10;background:#050e08;border:1px solid #c8a45c26;border-radius:10px;width:52px;height:10px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.ub-pscreen{flex-direction:column;gap:6px;height:100%;padding:28px 11px 10px;display:flex}.ub-pbar{background:#c8a45c12;border:1px solid #c8a45c1f;border-radius:7px;justify-content:space-between;align-items:center;padding:5px 7px;display:flex}.ub-pbar-t{letter-spacing:1.5px;text-transform:uppercase;color:#c8a45c;font-size:8px}.ub-pbar-b{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:3px;padding:1px 5px;font-size:7px}.ub-parabic{color:#f5edd8cc;text-align:center;background:#c8a45c0d;border:1px solid #c8a45c1a;border-radius:7px;padding:5px 4px;font-size:14px;line-height:1.8}.ub-pstart{letter-spacing:1px;color:#050e08;background:linear-gradient(135deg,#c8a45c,#9e7c38);border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px;font-size:9px;font-weight:700;display:flex}.ub-pscore{background:#ffffff08;border:1px solid #c8a45c1a;border-radius:8px;align-items:center;gap:7px;padding:7px;display:flex}.ub-pring{flex-shrink:0;width:44px;height:44px;position:relative}.ub-pring-val{color:#f5edd8;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;inset:0}.ub-pchips{flex-direction:column;gap:3px;display:flex}.ub-pchip{border-radius:4px;padding:2px 6px;font-size:7.5px}.ub-pchip-m{color:#d4a843;background:#d4a8431f;border:1px solid #d4a84338}.ub-pchip-t{color:#10b981;background:#10b9811f;border:1px solid #10b98138}.ub-ppitch{background:linear-gradient(#0b1810,#050d08);border:1px solid #ffffff0d;border-radius:7px;flex-direction:column;flex:1;min-height:62px;padding:4px 6px;display:flex;position:relative;overflow:hidden}.ub-ppitch-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff47;margin-bottom:1px;font-size:6px}.ub-ppitch-foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.ub-plegend{gap:6px;display:flex}.ub-plegend span{color:#ffffff59;align-items:center;gap:2px;font-size:6px;display:flex}.ub-pld{border-radius:2px;width:8px;height:1.5px;display:inline-block}.ub-pdev{color:#10b981;font-size:7px;font-weight:600}.ub-pfb{flex-wrap:wrap;gap:3px;display:flex}.ub-pfbi{border-radius:4px;flex:calc(50% - 2px);padding:3px 5px;font-size:7px;line-height:1.3}.ub-pfb-g{color:#ffffffa6;background:#10b98112;border:1px solid #10b9812e}.ub-pfb-w{color:#ffffffa6;background:#d4a84312;border:1px solid #d4a8432e}.ub-slide-2{flex-direction:column;gap:20px;display:flex}.ub-s2-head{text-align:center}.ub-s2-label{letter-spacing:3px;text-transform:uppercase;color:#c8a45ca6;margin-bottom:4px;font-size:10px;display:inline-block}.ub-s2-sub{color:#f5edd859;font-size:13px}.ub-fgrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ub-fc{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex;position:relative;overflow:hidden}.ub-fc:before{content:"";height:1px;position:absolute;top:0;left:0;right:0}.ub-fc-green:before{background:linear-gradient(90deg,#0000,#10b981,#0000)}.ub-fc-gold:before{background:linear-gradient(90deg,#0000,#c8a45c,#0000)}.ub-fc-blue:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000)}.ub-fc-rose:before{background:linear-gradient(90deg,#0000,#f472b6,#0000)}.ub-fc-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.ub-fc-title{color:#f5edd8;margin-bottom:3px;font-size:12px;font-weight:600;line-height:1.3}.ub-fc-desc{color:#f5edd86b;font-size:11px;line-height:1.55}.ub-slide-3{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding-bottom:60px;display:flex}.ub-s3-ornament{color:#c8a45c21;margin-bottom:0;font-family:Playfair Display,serif;font-size:72px;line-height:1}.ub-s3-arabic{color:#c8a45ca6;letter-spacing:1px;margin-bottom:14px;font-size:26px;line-height:2}.ub-s3-quote{color:#f5edd8;max-width:560px;margin-bottom:8px;font-family:Playfair Display,serif;font-size:22px;font-style:italic;line-height:1.55}.ub-s3-ref{color:#f5edd84d;letter-spacing:1px;margin-bottom:20px;font-size:12px}.ub-s3-msg{color:#f5edd873;max-width:480px;margin-bottom:26px;font-size:14px;line-height:1.7}.ub-s3-cta{color:#050e08;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#c8a45c,#9e7c38);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex}.ub-s3-cta:hover{opacity:.88;transform:translateY(-1px)}.ub-slide-muallim{align-items:center;gap:40px;padding-top:32px;display:flex}.ub-muallim-left{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.ub-badge-kids{color:#34d399;background:#34d3991a;border:1px solid #34d39940}.ub-muallim-title{letter-spacing:.5px;color:#f5edd8;white-space:nowrap;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.2}.ub-muallim-title em{color:#34d399;font-style:italic}.ub-muallim-sub{color:#f5edd880;max-width:380px;margin-bottom:20px;font-size:14px;line-height:1.7}.ub-muallim-features{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px;display:grid}.ub-muallim-feat{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.ub-muallim-feat:before{content:"";height:1px;position:absolute;top:0;left:0;right:0}.ub-muallim-feat-green:before{background:linear-gradient(90deg,#0000,#34d399,#0000)}.ub-muallim-feat-blue:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000)}.ub-muallim-feat-gold:before{background:linear-gradient(90deg,#0000,#c8a45c,#0000)}.ub-muallim-feat-rose:before{background:linear-gradient(90deg,#0000,#f472b6,#0000)}.ub-muallim-feat-green{background:#34d3990d;border-color:#34d3992e}.ub-muallim-feat-blue{background:#60a5fa0d;border-color:#60a5fa2e}.ub-muallim-feat-gold{background:#c8a45c0d;border-color:#c8a45c2e}.ub-muallim-feat-rose{background:#fb71850d;border-color:#fb71852e}.ub-muallim-feat-icon{flex-shrink:0;margin-top:1px;font-size:17px;line-height:1}.ub-muallim-feat-title{color:#f5edd8;margin-bottom:2px;font-size:11px;font-weight:600;line-height:1.3}.ub-muallim-feat-desc{color:#f5edd866;font-size:10px;line-height:1.5}.ub-muallim-cta{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-self:center;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.ub-muallim-cta:hover{opacity:.88;transform:translateY(-1px)}.ub-muallim-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ub-muallim-card{filter:drop-shadow(0 16px 32px #0000008c)drop-shadow(0 0 20px #34d3991a);width:200px;height:272px}.ub-slide-event{flex-direction:column;height:428px;padding:0;display:flex;overflow:hidden}.ub-event-img-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.ub-event-img-bg{object-fit:cover;object-position:center;filter:blur(18px)brightness(.6)saturate(1.2);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.ub-event-img-fg{object-fit:contain;width:auto;height:100%;margin:0 auto;display:block;position:relative}.ub-event-cta{color:#0d1b3e;letter-spacing:.3px;background:linear-gradient(135deg,#c4a050 0%,#d4b060 50%,#b88c3a 100%);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:filter .2s;display:flex}.ub-event-cta:hover{filter:brightness(1.08)}@media (width<=768px){.ub-slide-event{height:352px}}.ub-slide-noor{align-items:center;gap:40px;padding-top:32px;display:flex}.ub-noor-left{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.ub-badge-ai{background:#c8a45c14;border-color:#c8a45c40}.ub-badge-ai span:last-child{color:#c8a45c}.ub-noor-title{letter-spacing:.5px;color:#f5edd8;white-space:nowrap;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.2}.ub-noor-title em{color:#c8a45c;font-style:italic}.ub-noor-sub{color:#f5edd880;max-width:380px;margin-bottom:20px;font-size:14px;line-height:1.7}.ub-noor-features{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:22px;display:grid}.ub-noor-feat{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.ub-noor-feat:before{content:"";height:1px;position:absolute;top:0;left:0;right:0}.ub-noor-feat-gold:before{background:linear-gradient(90deg,#0000,#c8a45c,#0000)}.ub-noor-feat-green:before{background:linear-gradient(90deg,#0000,#10b981,#0000)}.ub-noor-feat-blue:before{background:linear-gradient(90deg,#0000,#60a5fa,#0000)}.ub-noor-feat-rose:before{background:linear-gradient(90deg,#0000,#f472b6,#0000)}.ub-noor-feat-icon{flex-shrink:0;margin-top:1px;font-size:17px;line-height:1}.ub-noor-feat-title{color:#f5edd8;margin-bottom:2px;font-size:11px;font-weight:600;line-height:1.3}.ub-noor-feat-desc{color:#f5edd866;font-size:10px;line-height:1.5}.ub-noor-cta{color:#050e08;letter-spacing:1px;background:linear-gradient(135deg,#c8a45c,#9e7c38);border-radius:8px;align-self:center;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.ub-noor-cta:hover{opacity:.88;transform:translateY(-1px)}.ub-noor-visual{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ub-noor-chat{filter:drop-shadow(0 16px 32px #0000008c)drop-shadow(0 0 20px #c8a45c1a);width:220px;height:300px}@media (width<=768px){.ub-footer{padding:12px 20px 16px}.ub-slide{padding:28px 20px 24px}.ub-slide-1,.ub-slide-noor,.ub-slide-muallim{flex-direction:column;align-items:flex-start;gap:20px}.ub-muallim-visual{justify-content:center;width:100%}.ub-muallim-card{width:180px;height:245px}.ub-muallim-title{white-space:normal;font-size:clamp(20px,5vw,28px)}.ub-phone-wrap{width:100%}.ub-phone{width:160px;height:300px}.ub-noor-visual{justify-content:center;width:100%}.ub-noor-chat{width:180px;height:245px}.ub-s1-title,.ub-noor-title{white-space:normal;font-size:clamp(20px,5vw,28px)}.ub-fgrid{grid-template-columns:repeat(2,1fr)}.ub-s3-arabic{font-size:20px}.ub-s3-quote{font-size:17px}.ub-arrow{display:none}}@media (width<=480px){.ub-fgrid,.ub-noor-features{grid-template-columns:1fr}.ub-slide-1,.ub-slide-noor{text-align:center;align-items:center}.ub-noor-feat{text-align:left}.ub-slide-muallim{text-align:center;align-items:center}.ub-muallim-feat{text-align:left}.ub-muallim-features{grid-template-columns:1fr}.ub-muallim-sub{max-width:100%}.ub-tags{justify-content:center}.ub-s1-desc{text-align:center;max-width:100%}.ub-noor-sub{max-width:100%}}.pricing-page-v2{flex-direction:column;align-items:center;gap:36px;min-height:70vh;padding:48px 20px 60px;display:flex}.pricing-hero{text-align:center}.pricing-hero-title{color:var(--ink-base,#e8dfc0);font-size:30px;font-weight:700;font-family:var(--font-display,Georgia, serif);margin:0 0 8px}.pricing-hero-sub{color:var(--ink-muted,#8aab96);margin:0;font-size:14px}.pricing-user-message{border-radius:4px;align-items:center;gap:8px;max-width:560px;margin:16px auto 0;padding:8px 14px;font-size:12.5px;line-height:1.5;display:flex}.pricing-user-message--trial{color:#dcc38ce6;background:#c8a45c1a;border:1px solid #c8a45c4d}.pricing-user-message--trial svg{color:#c8a45ccc;flex-shrink:0}.pricing-user-message--basic{color:#a0c8b4d9;background:#64967814;border:1px solid #64967840}.pricing-user-message--basic svg{color:#78aa91cc;flex-shrink:0}.pricing-user-message--expired{color:#dcaaaae6;background:#b450501a;border:1px solid #b450504d}.pricing-user-message--expired svg{color:#c86464cc;flex-shrink:0}.user-message-bar{top:calc(var(--navbar-height) + var(--sat,0px));z-index:90;border-bottom:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px 16px;font-size:12.5px;line-height:1.5;display:flex;position:sticky}.user-message-bar svg{flex-shrink:0}.user-message-bar--basic{color:#f0d080;background:linear-gradient(90deg,#1a4731 0%,#0f3d28 50%,#1a4731 100%);border-color:#d4a84b66}.user-message-bar--basic svg{color:#d4a84b}.user-message-bar--trial{color:#f5dc90;background:linear-gradient(90deg,#3d2e08 0%,#2e2106 50%,#3d2e08 100%);border-color:#d4a84b80}.user-message-bar--trial svg{color:#d4a84b}.user-message-bar--expired{color:#f5c0c0;background:linear-gradient(90deg,#5c1a1a 0%,#4a1010 50%,#5c1a1a 100%);border-color:#dc505080}.user-message-bar--expired svg{color:#e06060}.user-message-bar__cta{white-space:nowrap;color:inherit;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;margin-left:10px;padding:2px 10px;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .15s}.user-message-bar__cta:hover{background:#ffffff2e}.pricing-cards{align-items:stretch;gap:20px;width:100%;max-width:1100px;display:flex}.pricing-card-v2{background:#0e1a15eb;border:1px solid #c8a45c33;border-radius:6px;flex-direction:column;flex:1;gap:24px;padding:32px 28px 28px;transition:border-color .2s;display:flex;position:relative}.pricing-card-pro{border-color:#c8a45c80;box-shadow:0 4px 32px #c8a45c14}.pricing-card-current{border-color:#64c88c80}.pricing-popular-badge{background:var(--gold-500,#c8a45c);color:#0e1a15;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 14px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card-header{flex-direction:column;gap:6px;display:flex}.pricing-plan-name{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-muted,#8aab96);font-size:11px;font-weight:700}.pricing-plan-name-pro{color:var(--gold-500,#c8a45c)}.pricing-plan-price{color:var(--ink-base,#e8dfc0);font-size:42px;font-weight:700;line-height:1}.pricing-plan-price-pro{color:#f0d9a3}.pricing-plan-period{color:var(--ink-muted,#8aab96);font-size:14px;font-weight:400}.pricing-plan-desc{color:var(--ink-faint,#607060);margin:4px 0 0;font-size:12.5px;line-height:1.5}.pricing-plan-desc-pill{font-family:var(--font-body);color:#c8a45cd9;background:#c8a45c1a;border:1px solid #c8a45c47;border-radius:4px;margin:6px 0 0;padding:3px 10px;font-size:11.5px;line-height:1.4;display:inline-block}.pricing-feature-list-v2{flex-direction:column;flex:1;gap:8px;display:flex}.pricing-feature-row{color:var(--ink-subtle,#b8c8b0);align-items:baseline;gap:8px;font-size:13px;line-height:1.4;display:flex}.pricing-feature-row-base{color:var(--ink-muted,#8aab96);border-bottom:1px solid #c8a45c1f;margin-bottom:2px;padding-bottom:8px;font-style:italic}.pricing-feature-check{color:#6dc894;flex-shrink:0;margin-top:1px;font-size:11px}.pricing-feature-tags{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px;display:flex}.pricing-feature-tag{font-family:var(--font-body);color:#c8d2c3d1;white-space:nowrap;background:#ffffff0a;border:1px solid #c8a45c26;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;line-height:1.3;display:inline-flex}.pricing-feature-tag svg{color:#64c88cb3;flex-shrink:0}.pricing-feature-tag-pro{color:#e6d2a5f5;background:#c8a45c24;border-color:#c8a45c73;font-weight:500;box-shadow:0 0 0 1px #c8a45c14}.pricing-feature-tag-pro svg{color:#c8a45ce6}.pricing-feature-check-pro{color:var(--gold-500,#c8a45c)}.pricing-card-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.pricing-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:13px;font-weight:700;transition:background .15s,opacity .15s;display:block}.pricing-btn:disabled{opacity:.55;cursor:not-allowed}.pricing-btn-pro{background:var(--gold-500,#c8a45c);color:#0e1a15}.pricing-btn-pro:hover:not(:disabled){background:#d4ad66}.pricing-btn-current{color:#6dc894;cursor:default;background:#64c88c1a;border:1px solid #64c88c4d}.pricing-btn-secondary{color:var(--ink-muted,#8aab96);background:0 0;border:1px solid #c8a45c33}.pricing-btn-secondary:hover{background:#c8a45c0f}.pricing-btn-manage{color:var(--gold-500,#c8a45c);background:0 0;border:1px solid #c8a45c66}.pricing-btn-manage:hover:not(:disabled){background:#c8a45c14}.pricing-error{color:#e07070;text-align:center;font-size:12px}.pricing-trial-notice{border:1px solid #c8a45c4d;border-left:3px solid var(--gold-400);font-family:var(--font-body);color:#e6d7b9d9;background:#c8a45c1a;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:4px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.pricing-trial-notice svg{color:var(--gold-400);flex-shrink:0;margin-top:2px}.pricing-trial-notice strong{font-family:var(--font-display);color:#c8a45cf2;margin-bottom:3px;font-size:13px;font-weight:700;display:block}.pricing-note{color:var(--ink-faint,#607060);text-align:center;margin:0;font-size:11.5px}@media (width<=860px){.pricing-cards{flex-direction:column;max-width:420px}.pricing-hero-title{font-size:24px}}.sub-success-page{justify-content:center;align-items:center;min-height:70vh;padding:40px 16px;display:flex}.sub-success-card{text-align:center;background:#0e1a15f2;border:2px solid #c8a45c80;border-radius:16px;width:100%;max-width:400px;padding:48px 40px}.sub-success-icon{color:var(--gold-500);margin-bottom:16px;font-size:36px;display:block}.sub-success-title{color:#f0d9a3;margin-bottom:12px;font-size:24px;font-weight:700}.sub-success-body{color:#8aab96;margin-bottom:24px;font-size:14px;line-height:1.6}.past-due-banner{color:#e8b4b4;text-align:center;background:#b43c3c26;border-bottom:1px solid #dc505059;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.past-due-link{color:#e8b4b4;cursor:pointer;background:0 0;border:1px solid #dc505066;border-radius:4px;padding:2px 10px;font-size:12px;transition:background .15s}.past-due-link:hover{background:#dc505026}