@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Amiri:wght@400;700&display=swap");:root{--bg-page:#060f0c;--bg-primary:#060f0c;--bg-sub:#090f0d;--bg-secondary:#0c1712;--bg-card:#101e18;--bg-card-hover:#152519;--bg-elevated:#172e20;--bg-inset:#081210;--bg-overlay:rgba(4,10,7,.93);--em-300:#6ee7b7;--em-400:#34d399;--em-500:#10b981;--em-600:#059669;--em-700:#047857;--em-bright:#00c896;--primary:#10b981;--primary-light:#34d399;--primary-bright:#00c896;--primary-dark:#059669;--primary-deeper:#047857;--primary-muted:rgba(16,185,129,.09);--primary-muted2:rgba(16,185,129,.16);--primary-muted3:rgba(16,185,129,.26);--primary-border:rgba(16,185,129,.22);--primary-border2:rgba(16,185,129,.42);--primary-glow:rgba(16,185,129,.18);--primary-glow2:rgba(16,185,129,.32);--gold-300:#fde68a;--gold-400:#fbbf24;--gold-500:#f0b93a;--gold-600:#d4930e;--gold-700:#b07a0a;--gold:#f0b93a;--gold-light:#fbbf24;--gold-dark:#d4930e;--gold-muted:rgba(240,185,58,.09);--gold-muted2:rgba(240,185,58,.18);--gold-border:rgba(240,185,58,.26);--gold-glow:rgba(240,185,58,.22);--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--ai-color:#818cf8;--ai-light:#a5b4fc;--ai-deep:#6366f1;--ai-muted:rgba(129,140,248,.09);--ai-muted2:rgba(129,140,248,.18);--ai-border:rgba(129,140,248,.26);--ai-glow:rgba(129,140,248,.22);--red-400:#f87171;--red-500:#ef4444;--red-muted:rgba(239,68,68,.1);--red-border:rgba(239,68,68,.28);--green-400:#4ade80;--green-500:#22c55e;--green-muted:rgba(74,222,128,.1);--tx-50:#fafaf9;--tx-100:#f2f0eb;--tx-200:#ddd8cf;--tx-300:#a89f96;--tx-400:#6b6359;--tx-500:#3d3830;--text-heading:#f2f0eb;--text-primary:#ddd8cf;--text-secondary:#a89f96;--text-muted:#6b6359;--text-faint:#3d3830;--text-inverse:#060f0c;--border:hsla(0,0%,100%,.07);--border-hover:rgba(16,185,129,.3);--border-focus:rgba(16,185,129,.55);--border-card:hsla(0,0%,100%,.06);--divider:hsla(0,0%,100%,.06);--divider-heavy:hsla(0,0%,100%,.1);--sh-xs:0 1px 3px rgba(0,0,0,.55);--sh-sm:0 2px 8px rgba(0,0,0,.6);--sh-md:0 4px 20px rgba(0,0,0,.65);--sh-lg:0 8px 40px rgba(0,0,0,.72);--sh-xl:0 16px 64px rgba(0,0,0,.8);--sh-glow:0 0 24px rgba(16,185,129,.2);--sh-glow-md:0 0 44px rgba(16,185,129,.22);--sh-glow-lg:0 0 72px rgba(16,185,129,.28);--sh-gold:0 0 28px rgba(240,185,58,.22);--sh-ai:0 0 32px rgba(129,140,248,.22);--shadow-sm:var(--sh-sm);--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--shadow-xl:var(--sh-xl);--shadow-glow:var(--sh-glow);--shadow-glow-lg:var(--sh-glow-lg);--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:38px;--r-full:9999px;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--radius-full:var(--r-full);--font-arabic:"Amiri","Scheherazade New",serif;--font-verse:"Cormorant Garamond",Georgia,serif;--font-ui:"Lato","Helvetica Neue",Arial,sans-serif;--text-2xs:0.65rem;--text-xs:0.73rem;--text-sm:0.84rem;--text-base:0.96rem;--text-md:1.06rem;--text-lg:1.22rem;--text-xl:1.44rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3.00rem;--text-5xl:4.00rem;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-snap:cubic-bezier(0.175,0.885,0.32,1.275);--ease-inout:cubic-bezier(0.45,0,0.55,1);--dur-fast:0.11s;--dur-base:0.20s;--dur-md:0.30s;--dur-slow:0.46s;--transition:var(--dur-base) var(--ease-out);--transition-md:var(--dur-md) var(--ease-out);--transition-lg:var(--dur-slow) var(--ease-out);--navbar-height:64px;--mobile-nav-height:58px;--max-w:1300px;--max-w-sm:920px;--max-w-xs:680px;--px:24px;--font-base:18px;--pattern-opacity:0.028;--z-base:1;--z-raised:10;--z-sticky:100;--z-nav:1000;--z-dropdown:1100;--z-modal:9000;--z-toast:9500;--z-top:9999}[data-theme=light]{--bg-page:#f8f4ef;--bg-primary:#f8f4ef;--bg-sub:#f3efe9;--bg-secondary:#eeeae4;--bg-card:#fff;--bg-card-hover:#fafaf7;--bg-elevated:#f5f1eb;--bg-inset:#f0ece6;--bg-overlay:hsla(33,39%,95%,.96);--primary:#0a8f62;--primary-light:#10b981;--primary-bright:#059669;--primary-dark:#076e4c;--primary-deeper:#055238;--primary-muted:rgba(10,143,98,.08);--primary-muted2:rgba(10,143,98,.15);--primary-muted3:rgba(10,143,98,.24);--primary-border:rgba(10,143,98,.24);--primary-border2:rgba(10,143,98,.5);--primary-glow:rgba(10,143,98,.15);--primary-glow2:rgba(10,143,98,.28);--gold:#c47c00;--gold-light:#d97706;--gold-dark:#9a5f00;--gold-muted:rgba(196,124,0,.09);--gold-muted2:rgba(196,124,0,.17);--gold-border:rgba(196,124,0,.26);--gold-glow:rgba(196,124,0,.16);--ai-color:#6366f1;--ai-light:#818cf8;--ai-deep:#4f46e5;--ai-muted:rgba(99,102,241,.08);--ai-muted2:rgba(99,102,241,.15);--ai-border:rgba(99,102,241,.24);--ai-glow:rgba(99,102,241,.16);--text-heading:#1a1410;--text-primary:#2c2520;--text-secondary:#5a4e45;--text-muted:#8c7d72;--text-faint:#b8aba0;--text-inverse:#f8f4ef;--border:rgba(0,0,0,.08);--border-hover:rgba(10,143,98,.32);--border-focus:rgba(10,143,98,.58);--border-card:rgba(0,0,0,.07);--divider:rgba(0,0,0,.07);--divider-heavy:rgba(0,0,0,.12);--sh-xs:0 1px 3px rgba(0,0,0,.07);--sh-sm:0 2px 8px rgba(0,0,0,.09);--sh-md:0 4px 20px rgba(0,0,0,.1);--sh-lg:0 8px 40px rgba(0,0,0,.12);--sh-xl:0 16px 64px rgba(0,0,0,.14);--sh-glow:0 0 24px rgba(10,143,98,.14);--sh-glow-md:0 0 44px rgba(10,143,98,.16);--sh-glow-lg:0 0 72px rgba(10,143,98,.2);--sh-gold:0 0 28px rgba(196,124,0,.16);--sh-ai:0 0 32px rgba(99,102,241,.16);--shadow-sm:var(--sh-sm);--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--shadow-glow:var(--sh-glow);--shadow-glow-lg:var(--sh-glow-lg);--pattern-opacity:0.05}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;hanging-punctuation:first last}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.68;min-height:100dvh;overflow-x:hidden;transition:background-color var(--transition-md),color var(--transition-md);position:relative}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-light)}p{color:var(--text-secondary);line-height:1.76}b,strong{font-weight:700;color:var(--text-heading)}::selection{background:var(--primary-muted3);color:var(--primary-light)}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--r-xs)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.l%7Bfill:none;stroke:%2310b981;%7D%3C/style%3E%3C/defs%3E%3Cg opacity='.7'%3E%3Cpolygon class='l' stroke-width='.45' points='50,7 65,17 65,37 50,47 35,37 35,17'/%3E%3Cpolygon class='l' stroke-width='.3' points='50,15 61,22 61,35 50,42 39,35 39,22' opacity='.55'/%3E%3Cpolygon class='l' stroke-width='.2' points='50,23 57,28 57,33 50,38 43,33 43,28' opacity='.3'/%3E%3Cline class='l' stroke-width='.35' x1='50' y1='7' x2='50' y2='0' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='65' y1='17' x2='73' y2='10' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='65' y1='37' x2='73' y2='44' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='50' y1='47' x2='50' y2='54' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='35' y1='37' x2='27' y2='44' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='35' y1='17' x2='27' y2='10' opacity='.5'/%3E%3Ccircle class='l' stroke-width='.2' cx='50' cy='50' r='3' opacity='.25'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px;opacity:var(--pattern-opacity);pointer-events:none;z-index:0;transition:opacity var(--transition-md)}body:after{width:900px;height:900px;background:radial-gradient(circle,rgba(16,185,129,.16) 0,rgba(16,185,129,.05) 40%,transparent 70%);top:-320px;right:-280px;animation:driftGlow 14s ease-in-out infinite alternate}.page-wrapper:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.page-wrapper:before{width:700px;height:700px;background:radial-gradient(circle,rgba(240,185,58,.1) 0,rgba(240,185,58,.03) 40%,transparent 70%);bottom:-240px;left:-180px;animation:driftGlow 18s ease-in-out infinite alternate-reverse}@keyframes driftGlow{0%{opacity:.55;transform:scale(1) translate(0)}33%{opacity:.8;transform:scale(1.08) translate(-18px,16px)}66%{opacity:.65;transform:scale(.95) translate(12px,-20px)}to{opacity:1;transform:scale(1.12) translate(-8px,10px)}}[data-theme=light] body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cstyle%3E.l%7Bfill:none;stroke:%230a8f62;%7D%3C/style%3E%3C/defs%3E%3Cg opacity='.7'%3E%3Cpolygon class='l' stroke-width='.45' points='50,7 65,17 65,37 50,47 35,37 35,17'/%3E%3Cpolygon class='l' stroke-width='.3' points='50,15 61,22 61,35 50,42 39,35 39,22' opacity='.55'/%3E%3Cpolygon class='l' stroke-width='.2' points='50,23 57,28 57,33 50,38 43,33 43,28' opacity='.3'/%3E%3Cline class='l' stroke-width='.35' x1='50' y1='7' x2='50' y2='0' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='65' y1='17' x2='73' y2='10' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='65' y1='37' x2='73' y2='44' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='50' y1='47' x2='50' y2='54' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='35' y1='37' x2='27' y2='44' opacity='.5'/%3E%3Cline class='l' stroke-width='.35' x1='35' y1='17' x2='27' y2='10' opacity='.5'/%3E%3Ccircle class='l' stroke-width='.2' cx='50' cy='50' r='3' opacity='.25'/%3E%3C/g%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:900;font-style:normal;line-height:1.18;color:var(--text-heading);letter-spacing:-.015em}h1{font-size:clamp(2rem,5.5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.65rem)}h4{font-size:1.22rem}h5{font-size:1.02rem}h6{font-size:.84rem;text-transform:uppercase;letter-spacing:.09em}.font-arabic,.text-arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:2.25}.font-verse,.text-verse{font-family:var(--font-verse);font-style:italic;line-height:1.92}.text-heading{color:var(--text-heading)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-emerald{color:var(--primary)}.text-gold{color:var(--gold)}.text-ai{color:var(--ai-color)}.text-danger{color:var(--red-400)}.text-white{color:#fff}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-bold{font-weight:700}.font-black{font-weight:900}.font-light{font-weight:300}.italic{font-style:italic}.uppercase{text-transform:uppercase;letter-spacing:.07em}.truncate{overflow:hidden;text-overflow:ellipsis}.no-wrap,.truncate{white-space:nowrap}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.87em;color:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--r-xs);padding:.15em .5em}blockquote,code{background:var(--primary-muted)}blockquote{border-left:3px solid var(--primary);padding:12px 20px;border-radius:0 var(--r-md) var(--r-md) 0;font-family:var(--font-verse);font-style:italic;color:var(--text-secondary);line-height:1.82}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:99px;-webkit-transition:background var(--transition);transition:background var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.page-wrapper{position:relative;z-index:var(--z-base);min-height:100dvh;padding-top:var(--navbar-height)}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--px)}.container-sm{max-width:var(--max-w-sm)}.container-xs{max-width:var(--max-w-xs)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:12px;gap:12px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.card,.overflow-hidden{overflow:hidden}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:24px;position:relative;transition:border-color var(--transition),box-shadow var(--transition),transform var(--dur-base) var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:var(--sh-glow);transform:translateY(-2px)}.card--accent:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--primary) 50%,transparent 100%);opacity:0;transition:opacity var(--transition)}.card--accent:hover:before{opacity:1}.card--stripe-left:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary),var(--gold) 60%,transparent);border-radius:var(--r-lg) 0 0 var(--r-lg);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-md) var(--ease-out)}.card--stripe-left:hover:before{transform:scaleY(1)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--primary-border);border-radius:var(--r-lg);box-shadow:var(--sh-glow);position:relative;overflow:hidden}.card-elevated:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 15%,var(--primary-muted),transparent 60%);pointer-events:none}.card-gold{background:var(--bg-card);border:1px solid var(--gold-border);border-radius:var(--r-lg);box-shadow:var(--sh-gold);position:relative;overflow:hidden}.card-gold:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0,var(--gold-muted2),transparent 55%);pointer-events:none}.card-ai{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-elevated) 100%);border:1px solid var(--ai-border);border-radius:var(--r-xl);box-shadow:var(--sh-ai);position:relative;overflow:hidden}.card-ai:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 5% 5%,var(--ai-muted2),transparent 50%),radial-gradient(ellipse at 95% 95%,var(--primary-muted),transparent 50%);pointer-events:none}.card-inset{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--r-full);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;border:none;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--dur-fast) var(--ease-spring);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.12),transparent 60%);opacity:0;transition:opacity var(--dur-fast);border-radius:inherit}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary-bright) 0,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px rgba(16,185,129,.32),0 1px 3px rgba(0,0,0,.3)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);box-shadow:0 6px 24px rgba(16,185,129,.42),0 2px 6px rgba(0,0,0,.2);transform:translateY(-1px);color:#fff}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary-border)}.btn-outline:hover{background:var(--primary-muted2);border-color:var(--primary);color:var(--primary-light);box-shadow:0 0 18px var(--primary-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--primary-muted);color:var(--primary-light);border-color:var(--primary-border)}.btn-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:#0a0a08;box-shadow:0 4px 16px var(--gold-glow)}.btn-gold:hover{box-shadow:0 6px 24px var(--gold-glow);transform:translateY(-1px);color:#0a0a08}.btn-ai{background:linear-gradient(135deg,var(--ai-color),var(--ai-deep));color:#fff;box-shadow:0 4px 16px var(--ai-glow)}.btn-ai:hover{box-shadow:0 6px 24px var(--ai-glow);transform:translateY(-1px);color:#fff}.btn-danger{background:transparent;color:var(--red-400);border:1px solid var(--red-border)}.btn-danger:hover{background:var(--red-muted);border-color:var(--red-500);color:var(--red-400)}.btn-xs{padding:4px 10px;font-size:var(--text-2xs);border-radius:var(--r-sm);gap:4px}.btn-sm{padding:6px 14px;font-size:var(--text-sm)}.btn-lg{padding:13px 34px;font-size:1rem;gap:10px}.btn-lg,.btn-xl{border-radius:var(--r-xl)}.btn-xl{padding:15px 42px;font-size:1.06rem;gap:12px}.btn-icon{width:38px;height:38px;padding:0;border-radius:var(--r-md);flex-shrink:0}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;transform:none!important}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.3;white-space:nowrap}.badge-emerald,.badge-green{background:var(--primary-muted);color:var(--primary-light);border:1px solid var(--primary-border)}.badge-gold{background:var(--gold-muted);color:var(--gold-light);border:1px solid var(--gold-border)}.badge-ai{background:var(--ai-muted);color:var(--ai-light);border:1px solid var(--ai-border)}.badge-red{background:var(--red-muted);color:var(--red-400);border:1px solid var(--red-border)}.badge-neutral{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.badge-mecca{background:var(--gold-muted);color:var(--gold-light);border:1px solid var(--gold-border)}.badge-medina,.badge-sahih{background:var(--primary-muted);color:var(--primary-light);border:1px solid var(--primary-border)}.badge-new{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:.62rem;box-shadow:0 2px 8px rgba(239,68,68,.28)}.badge-live{background:transparent;color:var(--green-400);border:1px solid var(--green-muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green-400);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.5)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(74,222,128,0)}}.input{width:100%;padding:11px 16px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-heading);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-muted);font-style:italic}.input:hover:not(:focus){border-color:hsla(0,0%,100%,.12)}.input:focus{border-color:var(--border-focus);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-muted),0 2px 10px rgba(0,0,0,.2)}.input:disabled{opacity:.45;cursor:not-allowed}textarea.input{resize:vertical;min-height:96px}select.input{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2310b981' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}.search-wrap{position:relative}.search-wrap .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.96rem}.search-wrap .input{padding-left:44px;padding-right:44px;border-radius:var(--r-full)}.search-wrap .search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition)}.search-wrap .search-clear:hover{background:var(--primary-muted);color:var(--primary)}.verse-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:26px 28px;position:relative;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),transform var(--dur-base) var(--ease-out)}.verse-card:before{content:"";position:absolute;top:0;left:-100%;right:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary) 50%,transparent);transition:left var(--dur-md) var(--ease-out),right var(--dur-md) var(--ease-out)}.verse-card:hover{border-color:var(--primary-border);box-shadow:var(--sh-glow);transform:translateY(-1px)}.verse-card:hover:before{left:0;right:0}.verse-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-muted);border:1px solid var(--primary-border);border-radius:50%;color:var(--primary-light);font-size:var(--text-xs);font-weight:900;flex-shrink:0;transition:background var(--transition),box-shadow var(--transition)}.verse-card:hover .verse-number{background:var(--primary-muted2);box-shadow:0 0 14px var(--primary-glow)}.arabic-text{font-family:var(--font-arabic);font-size:clamp(1.4rem,2.8vw,2rem);line-height:2.3;direction:rtl;text-align:right;color:var(--text-heading);letter-spacing:.01em}.translation-text{font-family:var(--font-verse);font-size:1.06rem;font-style:italic;line-height:1.88;color:var(--text-secondary)}.transliteration-text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.8;font-weight:300;letter-spacing:.01em}.verse-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:.01em}.action-btn:hover{background:var(--primary-muted2);border-color:var(--primary-border);color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 10px var(--primary-glow)}.action-btn:active{transform:scale(.95)}.action-btn.active{border-color:var(--primary-border)}.action-btn.active,.action-btn.playing-audio{background:var(--primary-muted2);color:var(--primary-light)}.action-btn.playing-audio{border-color:var(--primary);box-shadow:0 0 14px var(--primary-glow);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 22px var(--primary-glow2)}}.action-btn.playing{background:var(--red-muted);border-color:var(--red-border);color:var(--red-400)}.action-btn.copied{background:var(--green-muted);border-color:rgba(74,222,128,.28);color:var(--green-400)}.tafsir-block{background:var(--bg-inset);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 20px;margin-top:12px;animation:slideDown var(--dur-md) var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.tafsir-block p{font-family:var(--font-verse);font-size:.97rem;line-height:1.94;color:var(--text-secondary)}.tafsir-source{font-size:var(--text-xs);color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:6px}.surah-ornament{text-align:center;padding:30px 20px}.bismillah{font-family:var(--font-arabic);font-size:clamp(1.6rem,4vw,2.8rem);color:var(--primary-light);text-shadow:0 0 22px var(--primary-glow),0 0 44px var(--primary-glow);line-height:2;display:block;margin-bottom:8px;animation:bismillahAmbience 5s ease-in-out infinite alternate}@keyframes bismillahAmbience{0%{text-shadow:0 0 16px var(--primary-glow),0 0 32px var(--primary-glow)}to{text-shadow:0 0 28px var(--primary-glow2),0 0 56px var(--primary-glow)}}.surah-bismillah-translation{font-family:var(--font-verse);font-style:italic;font-size:.88rem;color:var(--text-muted);margin-top:4px}.divider-ornament{display:flex;align-items:center;gap:16px;margin-block:18px;opacity:.4}.divider-ornament:after,.divider-ornament:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.divider-ornament span{color:var(--primary);font-size:1rem;flex-shrink:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.55s ease-in-out infinite;border-radius:var(--r-sm)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-heading{height:22px;margin-bottom:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;animation:pulseDot 2s ease-in-out infinite}.pulse-dot--gold{background:var(--gold)}.pulse-dot--ai{background:var(--ai-color)}.pulse-dot--live{background:var(--green-400)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.32;transform:scale(.56)}}.hero{padding-block:72px 56px;text-align:center;position:relative;z-index:var(--z-base)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:var(--primary-muted);border:1px solid var(--primary-border);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;color:var(--primary-light);margin-bottom:24px;text-transform:uppercase;letter-spacing:.1em;animation:fadeInUp var(--dur-slow) var(--ease-out) both}.hero-title{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:900;line-height:1.08;letter-spacing:-.025em;margin-bottom:20px;background:linear-gradient(140deg,var(--tx-100) 0,var(--primary-light) 45%,var(--gold-light) 78%,var(--tx-100) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp var(--dur-slow) var(--ease-out) .08s both,heroShimmer 6s linear infinite}@keyframes heroShimmer{0%{background-position:0}to{background-position:200%}}.hero-subtitle{font-family:var(--font-verse);font-size:clamp(1rem,2vw,1.26rem);font-style:italic;color:var(--text-secondary);max-width:560px;margin-inline:auto;margin-bottom:36px;line-height:1.82;animation:fadeInUp var(--dur-slow) var(--ease-out) .14s both}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-block:36px}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:22px 18px;text-align:center;position:relative;overflow:hidden;transition:all var(--transition-md)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity var(--transition)}.stat-card:hover{border-color:var(--primary-border);box-shadow:var(--sh-glow);transform:translateY(-3px)}.stat-card:hover:after{opacity:1}.stat-number{font-size:1.9rem;font-weight:900;color:var(--primary-light);display:block;line-height:1;margin-bottom:6px;letter-spacing:-.02em}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:10px;gap:10px;margin-top:20px}.surah-card{display:flex;align-items:center;gap:13px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:12px 15px;cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--dur-base) var(--ease-out);text-decoration:none;color:inherit}.surah-card:hover{border-color:var(--primary-border);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--sh-glow);color:inherit}.surah-card:active{transform:scale(.98)}.surah-num{width:42px;height:42px;border-radius:var(--r-sm);background:var(--primary-muted);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:var(--text-sm);color:var(--primary-light);flex-shrink:0;transition:all var(--transition)}.surah-card:hover .surah-num{background:var(--primary-muted2);box-shadow:0 0 12px var(--primary-glow)}.surah-arabic{font-family:var(--font-arabic);font-size:1.05rem;color:var(--text-heading);line-height:1;display:block;margin-bottom:2px}.surah-name{font-weight:700;font-size:.88rem;color:var(--text-primary);line-height:1.2}.surah-meta{font-size:.72rem;color:var(--text-muted);margin-top:2px}.daily-verse-card{background:var(--bg-card);border:1px solid var(--primary-border);border-radius:var(--r-xl);padding:34px 38px;position:relative;overflow:hidden;box-shadow:var(--sh-glow)}.daily-verse-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 5%,var(--primary-muted2),transparent 55%),radial-gradient(ellipse at 10% 90%,var(--gold-muted),transparent 50%);pointer-events:none}.daily-verse-label{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);font-weight:700;color:var(--primary-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;position:relative}.ai-banner{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-elevated) 100%);border:1px solid var(--ai-border);border-radius:var(--r-xl);padding:34px 38px;position:relative;overflow:hidden;box-shadow:var(--sh-ai)}.ai-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 5% 5%,var(--ai-muted2),transparent 55%),radial-gradient(ellipse at 95% 95%,var(--primary-muted),transparent 55%);pointer-events:none}.ai-orb{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--ai-color) 0,var(--ai-deep) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:1.4rem;color:#fff;box-shadow:0 0 28px var(--ai-glow),0 0 56px rgba(99,102,241,.12),inset 0 1px 0 hsla(0,0%,100%,.18);position:relative;flex-shrink:0;animation:orbFloat 4.5s ease-in-out infinite}.ai-orb:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--ai-border);animation:orbSpin 4s linear infinite}.ai-orb:after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(129,140,248,.18);animation:orbSpin 8s linear infinite reverse}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-orb-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ai-color),var(--ai-deep));display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:1rem;color:#fff;box-shadow:0 0 18px var(--ai-glow);flex-shrink:0;position:relative}.ai-orb-sm .online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--green-400);border:2px solid var(--bg-card);animation:pulseDot 2s ease-in-out infinite}.capability-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--ai-muted);border:1px solid var(--ai-border);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;color:var(--ai-light);transition:all var(--transition)}.capability-chip:hover{background:var(--ai-muted2);box-shadow:0 0 14px var(--ai-glow)}.chat-bubble{max-width:80%;padding:13px 18px;border-radius:var(--r-lg);font-size:var(--text-base);line-height:1.76;position:relative;animation:bubbleIn var(--dur-md) var(--ease-out) both}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.chat-bubble-user{background:var(--primary-muted2);border:1px solid var(--primary-border);color:var(--text-heading);margin-left:auto;border-bottom-right-radius:var(--r-xs)}.chat-bubble-ai{background:var(--ai-muted);border:1px solid var(--ai-border);color:var(--text-primary);border-bottom-left-radius:var(--r-xs);box-shadow:0 2px 16px var(--ai-glow)}.typing-dots{display:flex;align-items:center;gap:5px;padding:4px 0}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--ai-color)}.typing-dot:first-child{animation:typingBounce 1.2s ease-in-out 0s infinite}.typing-dot:nth-child(2){animation:typingBounce 1.2s ease-in-out .2s infinite}.typing-dot:nth-child(3){animation:typingBounce 1.2s ease-in-out .4s infinite}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.chat-input-wrap{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:12px 14px;display:flex;gap:10px;align-items:flex-end;transition:border-color var(--transition),box-shadow var(--transition)}.chat-input-wrap:focus-within{border-color:var(--ai-border);box-shadow:0 0 0 3px var(--ai-muted),0 4px 18px rgba(0,0,0,.2)}.chat-input-wrap textarea{flex:1 1;background:transparent;border:none;outline:none;color:var(--text-heading);font-family:var(--font-ui);font-size:var(--text-base);resize:none;line-height:1.65;max-height:120px;overflow-y:auto}.chat-input-wrap textarea::placeholder{color:var(--text-muted);font-style:italic}.chat-send-btn{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;border:none;transition:all var(--transition);cursor:pointer}.chat-send-btn--empty{background:var(--bg-secondary);color:var(--text-muted);cursor:default}.chat-send-btn--ready{background:linear-gradient(135deg,var(--ai-color),var(--ai-deep));color:#fff;box-shadow:0 4px 14px var(--ai-glow)}.chat-send-btn--ready:hover{box-shadow:0 6px 22px var(--ai-glow);transform:translateY(-1px)}.suggestion-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--transition);text-align:left;width:100%;font-family:var(--font-ui)}.suggestion-row:hover{border-color:var(--ai-border);background:var(--ai-muted);box-shadow:0 0 18px var(--ai-glow);transform:translateX(3px)}.suggestion-row .icon{font-size:1rem;color:var(--ai-light);flex-shrink:0;width:20px;text-align:center}.suggestion-row .text{flex:1 1;font-size:var(--text-sm);color:var(--text-secondary)}.suggestion-row .arrow{color:var(--text-muted);font-size:var(--text-sm);transition:transform var(--transition)}.suggestion-row:hover .arrow{transform:translateX(3px);color:var(--ai-light)}.guest-progress{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px}.guest-progress-bar{height:5px;background:var(--bg-inset);border-radius:var(--r-full);overflow:hidden;margin-top:8px}.guest-progress-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--ai-color),var(--ai-deep));transition:width .5s var(--ease-out)}.guest-progress-fill--full{background:linear-gradient(90deg,#f59e0b,var(--red-500))}.hadith-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:22px 24px;position:relative;overflow:hidden;transition:all var(--transition-md)}.hadith-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary) 0,var(--gold) 60%,transparent);border-radius:var(--r-sm) 0 0 var(--r-sm);transform:scaleY(0);transform-origin:top;transition:transform var(--dur-md) var(--ease-out)}.hadith-card:hover{border-color:var(--primary-border);box-shadow:var(--sh-glow);transform:translateY(-2px)}.hadith-card:hover:before{transform:scaleY(1)}.hadith-text{font-family:var(--font-verse);font-size:1.04rem;font-style:italic;line-height:1.94;color:var(--text-secondary)}.hadith-arabic{font-family:var(--font-arabic);font-size:1.28rem;line-height:2.12;direction:rtl;text-align:right;color:var(--text-heading);display:block}.surah-reader-header{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--r-xl);padding:26px 30px;margin-bottom:20px;position:relative;overflow:hidden}.surah-reader-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 5%,var(--primary-muted),transparent 60%);pointer-events:none}.surah-reader-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--primary) 30%,var(--gold) 65%,transparent 100%)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:var(--z-nav);background:var(--bg-overlay);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-bottom:1px solid var(--border)}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--primary) 20%,var(--gold) 50%,var(--ai-color) 80%,transparent 100%);opacity:.45}.navbar-inner{height:100%;max-width:1440px;margin-inline:auto;padding-inline:20px}.navbar-inner,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:10px;font-weight:900;font-size:.98rem;color:var(--text-heading);text-decoration:none;flex-shrink:0;margin-right:22px;transition:opacity var(--transition)}.navbar-logo:hover{opacity:.82;color:var(--text-heading)}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-bright),var(--primary-dark));border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:1.1rem;color:#051008;flex-shrink:0;box-shadow:0 4px 14px var(--primary-glow);transition:box-shadow var(--transition)}.navbar-logo:hover .logo-icon{box-shadow:0 6px 22px var(--primary-glow2)}.navbar-links{gap:1px;flex:1 1}.nav-link,.navbar-links{display:flex;align-items:center}.nav-link{gap:5px;padding:7px 14px;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-decoration:none;transition:all var(--transition);white-space:nowrap;border:1px solid transparent}.nav-link .nav-symbol{font-size:.82rem;opacity:.62;line-height:1}.nav-link.active,.nav-link:hover{background:var(--primary-muted2);color:var(--primary-light)}.nav-link.active{border-color:var(--primary-border)}.nav-ai-badge{display:inline-flex;padding:1px 5px;background:linear-gradient(135deg,var(--ai-color),var(--ai-deep));color:#fff;border-radius:var(--r-full);font-size:.58rem;font-weight:900;letter-spacing:.04em;line-height:1.4}.navbar-controls{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.font-controls{display:flex;align-items:center;gap:1px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--r-full);padding:3px}.font-btn{padding:4px 8px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-ui);font-weight:700;font-size:.72rem;cursor:pointer;border-radius:var(--r-full);transition:all var(--transition);line-height:1.2}.font-btn.active,.font-btn:hover{background:var(--primary-muted2);color:var(--primary-light)}.theme-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition)}.theme-btn:hover{background:var(--primary-muted2);color:var(--primary-light);border-color:var(--primary-border)}.user-btn{display:flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:all var(--transition)}.user-btn:hover{border-color:var(--primary-border);background:var(--primary-muted)}.user-avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--primary-border);object-fit:cover;transition:border-color var(--transition)}.user-btn:hover .user-avatar{border-color:var(--primary)}.user-avatar-fallback{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary-bright),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:900;color:#051008;border:2px solid var(--primary-border);flex-shrink:0}.dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:264px;background:var(--bg-elevated);border:1px solid var(--primary-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg),var(--sh-glow),0 0 0 1px var(--border);overflow:hidden;z-index:var(--z-dropdown);animation:dropdownIn .18s var(--ease-out);transform-origin:top right}@keyframes dropdownIn{0%{opacity:0;transform:scale(.93) translateY(-8px)}to{opacity:1;transform:none}}.dropdown-header{padding:16px;border-bottom:1px solid var(--divider)}.dropdown-divider{height:1px;background:var(--divider);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;background:none;border:none;width:100%;font-family:var(--font-ui);text-align:left}.dropdown-item:hover{background:var(--primary-muted2);color:var(--primary-light)}.dropdown-item .item-icon{width:18px;text-align:center;opacity:.7}.dropdown-item.danger{color:var(--red-400)}.dropdown-item.danger:hover{background:var(--red-muted);color:var(--red-400)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-overlay);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-top:1px solid var(--border);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:var(--mobile-nav-height);padding-inline:4px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 10px;border-radius:var(--r-md);color:var(--text-muted);text-decoration:none;transition:all var(--transition);min-width:52px;flex:1 1;max-width:68px}.mobile-nav-item .nav-symbol{font-size:1.1rem;line-height:1}.mobile-nav-item .nav-label{font-size:.62rem;font-weight:700;letter-spacing:.02em}.mobile-nav-item.active,.mobile-nav-item:hover{color:var(--primary-light);background:var(--primary-muted)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:14px}.section-title{font-size:1.46rem;font-weight:900;color:var(--text-heading);line-height:1.2}.section-subtitle{font-family:var(--font-verse);font-size:.96rem;font-style:italic;color:var(--text-muted);margin-top:4px}.tabs{display:flex;gap:3px;background:var(--bg-secondary);border:1px solid var(--border);padding:4px;width:-moz-fit-content;width:fit-content}.tab,.tabs{border-radius:var(--r-full)}.tab{padding:7px 18px;font-size:var(--text-sm);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition);border:none;background:transparent;font-family:var(--font-ui);white-space:nowrap}.tab.active{background:var(--primary-muted2);color:var(--primary-light);border:1px solid var(--primary-border);box-shadow:0 0 12px var(--primary-glow)}.tab:hover:not(.active){color:var(--text-primary);background:var(--bg-card)}.display-mode{display:flex;gap:3px;background:var(--bg-secondary);border:1px solid var(--border);padding:4px}.display-mode,.mode-btn{border-radius:var(--r-full)}.mode-btn{padding:5px 14px;font-size:.78rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--transition);border:none;background:transparent;font-family:var(--font-ui)}.mode-btn.active{background:var(--primary-muted2);color:var(--primary-light);border:1px solid var(--primary-border)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayIn var(--dur-md) var(--ease-out)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--primary-border);border-radius:var(--r-xl);padding:38px;max-width:440px;width:100%;text-align:center;box-shadow:var(--sh-xl),var(--sh-glow-lg),0 0 0 1px var(--border);animation:modalIn .3s var(--ease-snap);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,var(--primary-muted),transparent 60%);pointer-events:none}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:none}}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.88rem;transition:all var(--transition)}.modal-close:hover{background:var(--primary-muted);color:var(--primary-light);border-color:var(--primary-border)}.pagination{gap:6px;margin-block:32px}.page-btn,.pagination{display:flex;align-items:center;justify-content:center}.page-btn{width:38px;height:38px;border-radius:var(--r-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition);font-family:var(--font-ui)}.page-btn.active,.page-btn:hover:not(:disabled){background:var(--primary-muted2);border-color:var(--primary-border);color:var(--primary-light);box-shadow:0 0 12px var(--primary-glow)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.search-hero{padding-block:48px 36px;text-align:center}.search-input-wrap{position:relative;max-width:620px;margin-inline:auto}.search-input-wrap .search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1rem}.search-input-wrap .input{padding-left:52px;padding-right:52px;height:54px;font-size:1.02rem;border-radius:var(--r-full);box-shadow:var(--sh-md)}.search-input-wrap .search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition)}.search-input-wrap .search-clear:hover{background:var(--primary-muted);color:var(--primary-light)}mark.highlight{background:rgba(16,185,129,.22);color:var(--primary-light);border-radius:2px;padding:0 2px;font-weight:700;font-style:inherit}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;overflow:hidden;transition:border-color var(--transition)}.chart-card:hover{border-color:var(--border-hover)}.chart-title{font-size:.96rem;font-weight:900;color:var(--text-heading);margin-bottom:16px;display:flex;align-items:center;gap:8px}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;text-align:center;transition:all var(--transition-md)}.metric-card:hover{border-color:var(--primary-border);box-shadow:var(--sh-glow);transform:translateY(-2px)}.metric-value{font-size:2rem;font-weight:900;color:var(--primary-light);line-height:1;margin-bottom:6px;letter-spacing:-.02em}.metric-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.progress-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.progress-label{font-size:var(--text-sm);color:var(--text-secondary);flex:0 0 140px}.progress-bar{flex:1 1;height:5px;background:var(--bg-inset);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);transition:width .8s var(--ease-out)}.progress-pct{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);flex:0 0 36px;text-align:right}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;text-align:center;transition:all var(--transition-md)}.admin-stat-card:hover{border-color:var(--primary-border);box-shadow:var(--sh-glow)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:11px 14px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-table td{padding:13px 14px;font-size:var(--text-sm);border-bottom:1px solid var(--divider);color:var(--text-secondary);vertical-align:middle}.admin-table tr:hover td{background:var(--primary-muted)}.admin-table tr:last-child td{border-bottom:none}.footer{border-top:1px solid var(--divider);padding-block:32px;padding-inline:var(--px);text-align:center;position:relative;z-index:var(--z-base)}.footer-links{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:14px}.footer-link{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition)}.footer-link:hover{color:var(--primary-light)}.footer-text{font-size:var(--text-xs);color:var(--text-faint);line-height:1.7}.footer-text a{color:var(--primary);font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-elevated);border:1px solid var(--primary-border);border-radius:var(--r-full);box-shadow:var(--sh-lg),var(--sh-glow);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);animation:toastIn .32s var(--ease-snap);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.toast-icon{color:var(--primary-light)}.toast.toast-error{border-color:var(--red-border)}.toast.toast-error .toast-icon{color:var(--red-400)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:5px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition);z-index:var(--z-sticky);box-shadow:var(--sh-md)}[data-tooltip]:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.42}}@keyframes ping{75%,to{transform:scale(1.6);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-12px);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.06)}70%{transform:scale(1)}}@keyframes slideRight{0%{transform:translateX(100%);opacity:0}to{transform:none;opacity:1}}@keyframes slideLeft{0%{transform:translateX(-100%);opacity:0}to{transform:none;opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn var(--dur-md) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--dur-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--dur-slow) var(--ease-out) both}.animate-fade-in-left{animation:fadeInLeft var(--dur-slow) var(--ease-out) both}.animate-fade-in-right{animation:fadeInRight var(--dur-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--dur-md) var(--ease-snap) both}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1.4s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 2s ease-in-out infinite}.stagger>*{animation:fadeInUp var(--dur-slow) var(--ease-out) both}.stagger>:first-child{animation-delay:.04s}.stagger>:nth-child(2){animation-delay:.08s}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.stagger>:nth-child(9){animation-delay:.36s}.stagger>:nth-child(10){animation-delay:.4s}.stagger>:nth-child(11){animation-delay:.44s}.stagger>:nth-child(12){animation-delay:.48s}.stagger-fast>*{animation:fadeInUp var(--dur-md) var(--ease-out) both}.stagger-fast>:first-child{animation-delay:.02s}.stagger-fast>:nth-child(2){animation-delay:.04s}.stagger-fast>:nth-child(3){animation-delay:.06s}.stagger-fast>:nth-child(4){animation-delay:.08s}.stagger-fast>:nth-child(5){animation-delay:.1s}.stagger-fast>:nth-child(6){animation-delay:.12s}.star-divider{display:flex;align-items:center;gap:12px;margin-block:24px;color:var(--gold);opacity:.45}.star-divider:after,.star-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.glass{background:hsla(0,0%,100%,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.07);border-radius:var(--r-lg)}[data-theme=light] .glass{background:hsla(0,0%,100%,.72);border-color:rgba(0,0,0,.06)}.glow-text{text-shadow:0 0 14px var(--primary-glow),0 0 28px var(--primary-glow)}.glow-text-gold{text-shadow:0 0 14px var(--gold-glow),0 0 28px var(--gold-glow)}.glow-text-ai{text-shadow:0 0 14px var(--ai-glow),0 0 28px var(--ai-glow)}.gradient-text-em{background:linear-gradient(135deg,var(--primary-light),var(--primary-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.spinner-sm{width:14px;height:14px;border-width:1.5px}.spinner-lg{width:32px;height:32px;border-width:3px}.empty-state{text-align:center;padding-block:72px}.empty-icon{font-size:3rem;opacity:.2;display:block;margin-bottom:16px;animation:pulse 3s ease-in-out infinite}.empty-state h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-secondary)}.empty-state p{font-size:var(--text-sm);color:var(--text-muted);max-width:300px;margin-inline:auto;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:16px}.breadcrumb a{color:var(--text-muted);transition:color var(--transition)}.breadcrumb a:hover{color:var(--primary-light)}.breadcrumb-sep{color:var(--text-faint);font-size:.65rem}.num-badge{display:inline-flex;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:var(--primary-muted);border:1px solid var(--primary-border);border-radius:var(--r-full);color:var(--primary-light);font-weight:900}.divider-text,.num-badge{align-items:center;font-size:var(--text-xs)}.divider-text{display:flex;gap:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-block:16px}.divider-text:after,.divider-text:before{content:"";flex:1 1;height:1px;background:var(--divider-heavy)}.skip-link{position:fixed;top:-100px;left:20px;z-index:var(--z-top);padding:10px 20px;background:var(--primary);color:var(--text-inverse);border-radius:var(--r-md);font-weight:700;font-size:var(--text-sm);transition:top .2s}.skip-link:focus{top:20px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){:root{--text-primary:#f5f5f0;--text-secondary:#d8d4cc;--text-muted:#9a9690;--border:hsla(0,0%,100%,.18);--border-card:hsla(0,0%,100%,.15)}}@media print{.action-btn,.ai-banner,.btn,.footer,.mobile-nav,.navbar,.pagination,.search-hero,.tafsir-block,.verse-actions{display:none!important}.page-wrapper{padding-top:0!important}body{background:#fff!important;color:#000!important;font-size:11pt}.verse-card{border:1px solid #ccc!important;page-break-inside:avoid;break-inside:avoid;margin-bottom:16pt}.arabic-text{color:#000!important;font-size:14pt!important}.translation-text{color:#333!important}a{color:#000!important;text-decoration:underline}}@media (max-width:1024px){.grid-3,.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.container{--px:20px}}@media (max-width:768px){:root{--navbar-height:56px;--font-base:17px;--px:16px}.navbar-links{display:none}.mobile-nav{display:block}.page-wrapper{padding-bottom:calc(var(--mobile-nav-height) + 8px)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero{padding-block:44px 32px}.ai-banner,.daily-verse-card{padding:22px 20px}.verse-card{padding:18px 20px}.surah-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.chat-bubble{max-width:92%}.modal{padding:28px 22px}.font-controls{display:none}.bismillah{font-size:clamp(1.4rem,5vw,2rem)}}@media (max-width:480px){:root{--font-base:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-number{font-size:1.5rem}.hero-title{font-size:clamp(1.7rem,8vw,2.6rem)}.verse-actions{gap:4px}.action-btn{padding:4px 9px;font-size:.68rem}.daily-verse-card,.surah-reader-header{padding:18px 16px}.modal{padding:24px 16px}.pagination{gap:4px}.page-btn{width:34px;height:34px}.theme-btn span:not(:first-child){display:none}.tabs{flex-wrap:wrap}}@media (max-width:360px){.mobile-nav-item .nav-label{display:none}.mobile-nav-item{padding:10px}.mobile-nav-item .nav-symbol{font-size:1.3rem}}@media (min-width:1440px){:root{--px:32px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stats-grid{gap:18px}}[data-theme=light] .card,[data-theme=light] .hadith-card,[data-theme=light] .surah-card,[data-theme=light] .verse-card{border-color:rgba(0,0,0,.08);box-shadow:0 1px 4px rgba(0,0,0,.06)}[data-theme=light] .card:hover,[data-theme=light] .hadith-card:hover,[data-theme=light] .surah-card:hover,[data-theme=light] .verse-card:hover{border-color:var(--primary-border);box-shadow:0 4px 18px rgba(10,143,98,.12)}[data-theme=light] .hero-title{background:linear-gradient(135deg,var(--text-heading) 0,#0a8f62 45%,#c47c00 80%,var(--text-heading) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .navbar{background:hsla(33,39%,95%,.95);border-bottom-color:rgba(0,0,0,.08);box-shadow:0 1px 12px rgba(0,0,0,.06)}[data-theme=light] .navbar:before{opacity:.5}[data-theme=light] .nav-link{color:var(--text-muted)}[data-theme=light] .nav-link.active,[data-theme=light] .nav-link:hover{background:var(--primary-muted);color:var(--primary-dark)}[data-theme=light] .font-controls,[data-theme=light] .theme-btn,[data-theme=light] .user-btn{background:hsla(0,0%,100%,.8);border-color:rgba(0,0,0,.1)}[data-theme=light] .theme-btn:hover,[data-theme=light] .user-btn:hover{background:var(--primary-muted);border-color:var(--primary-border);color:var(--primary-dark)}[data-theme=light] .btn-ghost{color:var(--text-secondary);border-color:rgba(0,0,0,.14)}[data-theme=light] .btn-ghost:hover{background:var(--primary-muted);color:var(--primary-dark)}[data-theme=light] .btn-outline{color:var(--primary-dark);border-color:var(--primary-border)}[data-theme=light] .action-btn{background:hsla(0,0%,100%,.9);border-color:rgba(0,0,0,.1);color:var(--text-secondary)}[data-theme=light] .action-btn:hover{background:var(--primary-muted);color:var(--primary-dark);border-color:var(--primary-border)}[data-theme=light] .stat-card{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06)}[data-theme=light] .stat-number{color:var(--primary-dark)}[data-theme=light] .daily-verse-card{background:#fff;border-color:var(--primary-border);box-shadow:0 4px 20px rgba(10,143,98,.1)}[data-theme=light] .daily-verse-card:before{background:radial-gradient(ellipse at 90% 5%,rgba(10,143,98,.08),transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(196,124,0,.06),transparent 50%)}[data-theme=light] .ai-banner{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:rgba(99,102,241,.2);box-shadow:0 4px 24px rgba(99,102,241,.1)}[data-theme=light] .ai-banner:before{background:radial-gradient(ellipse at 5% 5%,rgba(99,102,241,.06),transparent 55%),radial-gradient(ellipse at 95% 95%,rgba(10,143,98,.06),transparent 55%)}[data-theme=light] .ai-orb{box-shadow:0 0 24px rgba(99,102,241,.25)}[data-theme=light] .input{background:#fff;border-color:rgba(0,0,0,.12);color:var(--text-heading)}[data-theme=light] .input:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px rgba(10,143,98,.1);background:#fff}[data-theme=light] .mobile-nav{background:hsla(33,39%,95%,.97);border-top-color:rgba(0,0,0,.08)}[data-theme=light] .mobile-nav-item.active,[data-theme=light] .mobile-nav-item:hover{color:var(--primary-dark);background:var(--primary-muted)}[data-theme=light] .footer{background:#f0ece5;border-top-color:rgba(0,0,0,.08)}[data-theme=light] .tabs{background:hsla(0,0%,100%,.8);border-color:rgba(0,0,0,.1)}[data-theme=light] .tab.active{background:var(--primary-muted);color:var(--primary-dark);border-color:var(--primary-border);box-shadow:none}[data-theme=light] .surah-num{background:rgba(10,143,98,.08);color:var(--primary-dark)}[data-theme=light] .hadith-card:before{background:linear-gradient(180deg,var(--primary-dark) 0,var(--gold-dark) 60%,transparent)}[data-theme=light] .dropdown{background:#fff;border-color:var(--primary-border);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.05)}[data-theme=light] .dropdown-item:hover{background:var(--primary-muted);color:var(--primary-dark)}[data-theme=light] .section-title{color:var(--text-heading)}[data-theme=light] .bismillah{color:var(--primary-dark);text-shadow:0 0 20px rgba(10,143,98,.2)}[data-theme=light] .modal{background:#fff;border-color:var(--primary-border);box-shadow:0 16px 56px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.05)}[data-theme=light] .modal:before{background:radial-gradient(ellipse at top,rgba(10,143,98,.06),transparent 60%)}[data-theme=light] .verse-card:before{background:linear-gradient(90deg,transparent,var(--primary-dark) 50%,transparent)}[data-theme=light] .card,[data-theme=light] .card-inset{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.07)}[data-theme=light] .hadith-card,[data-theme=light] .verse-card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.06)}[data-theme=light] .surah-card{background:#fff;border-color:rgba(0,0,0,.07);box-shadow:0 1px 6px rgba(0,0,0,.05)}[data-theme=light] .surah-card:hover{background:#fafffe;border-color:var(--primary-border);box-shadow:0 4px 16px rgba(10,143,98,.12)}[data-theme=light] .arabic-text{color:var(--text-heading)}[data-theme=light] .translation-text{color:var(--text-secondary)}[data-theme=light] .search-input-wrap{background:#fff;border-color:rgba(0,0,0,.12);box-shadow:0 2px 12px rgba(0,0,0,.07)}[data-theme=light] .search-input-wrap:focus-within{border-color:var(--primary-dark);box-shadow:0 4px 24px rgba(10,143,98,.14)}[data-theme=light] .hadith-text{color:var(--text-secondary)}[data-theme=light] .hadith-arabic{color:var(--text-heading)}[data-theme=light] .chart-card{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.07)}[data-theme=light] .hero{background:transparent}[data-theme=light] .verse-number{background:rgba(10,143,98,.09);color:var(--primary-dark);border-color:rgba(10,143,98,.2)}[data-theme=light] .admin-table th{background:rgba(10,143,98,.06);color:var(--text-muted)}[data-theme=light] .admin-table td{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .capability-chip{background:rgba(10,143,98,.08);border-color:rgba(10,143,98,.2);color:var(--primary-dark)}[data-theme=light] .font-btn{background:hsla(0,0%,100%,.8);border-color:rgba(0,0,0,.1);color:var(--text-muted)}[data-theme=light] .font-btn.active{background:var(--primary-muted);border-color:var(--primary-border);color:var(--primary-dark)}[data-theme=light] .display-mode-btn{color:var(--text-muted)}[data-theme=light] .display-mode-btn.active{background:var(--primary-muted);color:var(--primary-dark);border-color:var(--primary-border)}[data-theme=light] .section-subtitle{color:var(--text-muted)}[data-theme=light] .hero-badge{background:rgba(10,143,98,.07);border-color:rgba(10,143,98,.22);color:var(--primary-dark)}[data-theme=light] .surah-name{color:var(--text-heading)}[data-theme=light] .surah-meta{color:var(--text-muted)}[data-theme=light] body:before{opacity:.04}[data-theme=light] body:after{opacity:.12}@media (max-width:768px){.page-wrapper:before,body:after{display:none}.stagger>*{animation-duration:.25s}.stagger>:nth-child(n+7){animation:none;opacity:1}.card:hover,.hadith-card:hover,.stat-card:hover,.surah-card:hover,.verse-card:hover{transform:none}.verse-actions{gap:4px;flex-wrap:wrap}.action-btn{padding:6px 11px;font-size:.73rem;min-height:36px}.chat-bubble{max-width:92%}.suggestion-row{padding:10px 12px}.surah-grid{grid-template-columns:1fr}.daily-verse-card{padding:20px 18px}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab{flex-shrink:0}.ai-orb:after,.ai-orb:before{display:none}.ai-orb{animation:none}footer{padding-bottom:calc(var(--mobile-nav-height) + 48px)!important}.hero .btn-lg{padding:11px 22px;font-size:.9rem}.btn-outline.btn-sm{display:inline-flex!important}.btn{min-height:40px}.btn-sm{min-height:34px}.navbar-links{display:none}}@media (max-width:480px){.daily-verse-card{padding:16px 14px}.hero{padding-block:36px 28px}.hero-badge{font-size:.65rem;padding:4px 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-number{font-size:1.5rem}.stat-card{padding:16px 12px}.ai-banner{padding:18px 16px}.ai-orb{width:48px;height:48px;font-size:1.1rem}.search-input-wrap .input{height:48px;font-size:.95rem}.modal{padding:24px 16px}}.search-page-hero{background:var(--bg-card);border-bottom:1px solid var(--border);padding:32px 0 28px;position:-webkit-sticky;position:sticky;top:var(--navbar-height);z-index:var(--z-sticky);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.search-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.search-filter-btn{padding:5px 14px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap}.search-filter-btn.active{background:var(--primary-muted2);border-color:var(--primary-border);color:var(--primary-light)}.search-result-count{font-size:var(--text-sm);color:var(--text-muted);margin-block:14px 6px;display:flex;align-items:center;gap:8px}