@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#fafafa;--header-bg:#f8fafcd1;--nav-bg:#ffffffd9;--dialog-backdrop:#0f172a73;--insta-nav-bg:#fffffff0;--insta-nav-top-bg:#ffffffc7;--insta-nav-border:#00000017;--insta-nav-top-border:#0000000f;--header-hairline-border:#0000000f;--insta-nav-shadow:0 14px 40px -4px #0f172a17, 0 2px 8px #00000008;--insta-pill-bg:#0f172a12;--insta-pill-border:#0f172a0d;--insta-icon-active:#0f172a;--insta-icon-inactive:#1e293b;--header-fade-bg:#fffffff5;--header-fade-mid:#ffffff8c;--glass-btn-bg:#ffffffeb;--glass-btn-border:#00000017;--glass-btn-rim:inset 0 1px 1px 0 #fffffff2;--glass-btn-shadow:0 4px 14px -2px #0f172a14;--glass-btn-color:#0f172a;--glass-btn-hover-bg:#f1f5f9fa;--pastel-mint-primary:#0f766e;--pastel-mint-dark:#0f766e;--pastel-teal-dark:#0f766e;--pastel-mint-bg:#e6f4f1;--pastel-mint-border:#99f6e4;--gold-primary:#d97706;--gold-dark:#b45309;--gold-bg:#f59e0b14;--gold-border:#f59e0b38;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#0000000f;--border-color-hover:#0f766e4d;--border-color-gold:#d9770638;--btn-secondary-bg:#00000008;--btn-secondary-hover-bg:#0000000f;--btn-back-bg:#0000000a;--btn-primary-bg:linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);--btn-primary-shadow:0 4px 16px -2px #0f766e59;--btn-primary-hover-shadow:0 8px 24px -2px #0f766e7a;--btn-primary-color:#fff;--slider-track-bg:#0f172a14;--slider-track-fill:linear-gradient(90deg, #0f766e 0%, #14b8a6 100%);--slider-thumb-bg:#fff;--slider-thumb-border:#0f766e;--slider-thumb-shadow:0 2px 10px #0f172a33;--hero-glow-shadow-amber:0 14px 40px -6px #d977061f, 0 2px 10px #fbbf2414;--hero-glow-shadow-amber-hover:0 20px 48px -4px #d977062e, 0 0 30px #fbbf2424;--hero-glow-shadow-teal:0 14px 40px -6px #0f766e1f, 0 2px 10px #14b8a614;--hero-glow-shadow-teal-hover:0 20px 48px -4px #0f766e2e, 0 0 30px #14b8a624;--watermark-opacity:.045;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Lora", Georgia, serif;--font-arabic:"Amiri", serif;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--transition-fast:.18s ease}:root[data-theme=dark]{--bg-primary:#0b1120;--bg-secondary:#1e293b;--bg-card:#151f32;--bg-card-hover:#1e2d47;--header-bg:#0b1120d1;--nav-bg:#1e293bd9;--dialog-backdrop:#000000b8;--insta-nav-bg:#0f172ad1;--insta-nav-top-bg:#0f172aa6;--insta-nav-border:#ffffff1f;--insta-nav-top-border:#ffffff14;--header-hairline-border:#ffffff12;--insta-nav-shadow:0 16px 44px -4px #000000a6, 0 2px 10px #0006;--insta-pill-bg:#ffffff38;--insta-pill-border:#ffffff0f;--insta-icon-active:#fff;--insta-icon-inactive:#ffffffd1;--header-fade-bg:#0b1120f5;--header-fade-mid:#0b11208c;--glass-btn-bg:#1e293bd9;--glass-btn-border:#ffffff29;--glass-btn-rim:inset 0 1px 1px 0 #ffffff38;--glass-btn-shadow:0 4px 18px #00000073;--glass-btn-color:#fff;--glass-btn-hover-bg:#334155e6;--pastel-mint-primary:#14b8a6;--pastel-mint-dark:#2dd4bf;--pastel-teal-dark:#2dd4bf;--pastel-mint-bg:#14b8a62e;--pastel-mint-border:#2dd4bf59;--gold-primary:#f59e0b;--gold-dark:#fbbf24;--gold-bg:#f59e0b2e;--gold-border:#f59e0b59;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#ffffff1f;--border-color-hover:#2dd4bf80;--border-color-gold:#f59e0b80;--btn-secondary-bg:#ffffff14;--btn-secondary-hover-bg:#ffffff24;--btn-back-bg:#ffffff14;--btn-primary-bg:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--btn-primary-shadow:0 4px 20px -2px #14b8a673;--btn-primary-hover-shadow:0 8px 28px -2px #14b8a699;--btn-primary-color:#fff;--slider-track-bg:#ffffff1f;--slider-track-fill:linear-gradient(90deg, #14b8a6 0%, #2dd4bf 100%);--slider-thumb-bg:#fff;--slider-thumb-border:#14b8a6;--slider-thumb-shadow:0 2px 12px #00000073, 0 0 10px #14b8a659;--hero-glow-shadow-amber:0 14px 40px -6px #f59e0b38, 0 2px 10px #00000080;--hero-glow-shadow-amber-hover:0 20px 48px -4px #f59e0b52, 0 0 30px #f59e0b40;--hero-glow-shadow-teal:0 14px 40px -6px #14b8a638, 0 2px 10px #00000080;--hero-glow-shadow-teal-hover:0 20px 48px -4px #14b8a652, 0 0 30px #14b8a640;--watermark-opacity:.08}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{background-color:var(--bg-primary);transition:background-color var(--transition-fast), color var(--transition-fast)}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100dvh;transition:background-color var(--transition-fast), color var(--transition-fast);line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,.section-title{font-family:var(--font-serif)}.subtab-track{background:var(--bg-secondary);border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:12px;gap:2px;width:100%;padding:3px;display:flex;position:relative;overflow:hidden}.subtab-slider-indicator{background:var(--bg-card);pointer-events:none;z-index:1;border-radius:9px;transition:left .25s cubic-bezier(.2,.8,.2,1),width .25s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute;top:3px;bottom:3px;box-shadow:0 1px 4px #00000014}:root[data-theme=dark] .subtab-slider-indicator{background:#1e293b;border:1px solid #ffffff17;box-shadow:0 2px 8px #00000059}.subtab-button{color:var(--text-muted);cursor:pointer;white-space:nowrap;z-index:2;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:.78rem;font-weight:600;transition:color .18s;display:flex;position:relative;box-shadow:none!important;background:0 0!important}.subtab-button:hover{color:var(--text-primary)}.subtab-button:active{transform:scale(.97)}@media (width<=640px){.subtab-button svg{display:none!important}.subtab-button{padding:6px 3px!important;font-size:.74rem!important}}.subtab-button-active{color:var(--pastel-mint-dark)!important;font-weight:750!important}.no-scrollbar,.hide-scrollbar{scrollbar-width:none!important;-ms-overflow-style:none!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar{width:6px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f766e40;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--pastel-mint-primary)}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--pastel-mint-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ayahHighlightPulse{0%{border-color:var(--pastel-mint-dark);box-shadow:0 0 #14b8a6b3,0 4px 16px #0000001a}50%{border-color:var(--pastel-mint-dark);box-shadow:0 0 0 6px #14b8a64d,0 8px 24px #14b8a666}to{border-color:var(--border-color);box-shadow:0 2px 8px #0000000a}}.highlighted-ayah-glow{border-color:var(--pastel-mint-dark)!important;animation:3.5s ease-out forwards ayahHighlightPulse!important}.anim-fade-in{animation:fadeIn var(--transition-normal) forwards}.anim-scale-in{animation:scaleIn var(--transition-normal) forwards}.skeleton-shimmer{background:linear-gradient(90deg,#00000008 25%,#0f766e14 50%,#00000008 75%) 0 0/200% 100%;border-radius:8px;animation:1.8s infinite shimmer}@keyframes pulseSubtle{0%,to{opacity:.5}50%{opacity:.95}}.shimmer-pulse{animation:1.6s ease-in-out infinite pulseSubtle}.ilma-loader-card,.gemini-loader-card{background:var(--bg-card);border:1.5px solid #0f766e33;border-radius:22px;padding:24px 26px;position:relative;overflow:hidden;box-shadow:0 8px 32px -4px #0f766e14}.ilma-loader-glow,.gemini-loader-glow{pointer-events:none;background:radial-gradient(circle,#0f766e0f 0%,#d977060a 40%,#0000 70%);width:200%;height:200%;animation:12s linear infinite rotate;position:absolute;top:-50%;left:-50%}.shimmer-line{background:linear-gradient(90deg,#0000000a 25%,#0f766e24 50%,#0000000a 75%) 0 0/200% 100%;border-radius:8px;height:14px;animation:1.6s ease-in-out infinite shimmer}.shimmer-line.header{background:linear-gradient(90deg,#d9770614 25%,#d9770638 50%,#d9770614 75%) 0 0/200% 100%;border-radius:10px;width:45%;height:22px}.shimmer-line.short{width:60%}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);box-shadow:0 4px 20px #00000008}.glass-panel:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 8px 28px #0f766e14}:root[data-theme=dark] .glass-panel{background:linear-gradient(145deg,#1e293bbf 0%,#0f172ae0 100%);border-color:#ffffff1c;box-shadow:inset 0 1px 1px #ffffff1a,0 8px 28px -4px #0006}:root[data-theme=dark] .glass-panel:hover{background:linear-gradient(145deg,#27354ce0 0%,#121c30f2 100%);border-color:#2dd4bf80;box-shadow:inset 0 1px 1px #ffffff2e,0 12px 36px -4px #00000080,0 0 24px #14b8a626}.ai-glow-wrapper{border-radius:20px;width:100%;position:relative}.ai-glow-wrapper:before{content:"";filter:blur(12px);opacity:.28;z-index:0;pointer-events:none;background:linear-gradient(115deg,#3d8b80,#cca574,#8c8ca8,#c48f95,#68a990,#7fa8bd,#cca574,#3d8b80) 0 0/250% 250%;border-radius:20px;transition:opacity .3s,filter .3s;animation:8s infinite aiAuraShift;position:absolute;inset:-3px}.ai-glow-wrapper:hover:before{opacity:.4;filter:blur(14px)}.ai-glow-wrapper:focus-within:before{opacity:.5;filter:blur(15px);animation-duration:6s}.ai-glow-card{z-index:2;width:100%;position:relative;background-color:var(--bg-card)!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:20px!important;transition:border-color .2s,box-shadow .2s!important;box-shadow:0 4px 16px #0000000a!important}.ai-glow-card:hover{border-color:var(--border-color-hover)!important}.ai-glow-card:focus-within{border-color:#0f766e99!important}:root[data-theme=dark] .ai-glow-card{background:linear-gradient(150deg,#1e293bf5 0%,#0f172afa 100%)!important;border:1px solid #ffffff24!important;box-shadow:inset 0 1px 1px #ffffff24,0 8px 28px #00000059!important}:root[data-theme=dark] .ai-glow-card:hover{border-color:#2dd4bf73!important}:root[data-theme=dark] .ai-glow-card:focus-within{border-color:#2dd4bfa6!important;box-shadow:inset 0 1px 1px #fff3,0 10px 32px #00000073,0 0 16px #14b8a633!important}@keyframes aiAuraShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ai-glow-button{transition:all var(--transition-normal)!important;box-shadow:0 4px 18px #0f766e59,0 0 18px #f59e0b38!important}.ai-glow-button:hover{box-shadow:0 6px 22px #0f766e73,0 0 24px #f59e0b59!important}.hero-card-glow-amber{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--hero-glow-shadow-amber);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border:none}.hero-card-glow-amber:hover{box-shadow:var(--hero-glow-shadow-amber-hover);transform:translateY(-2px)}.hero-card-glow-teal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--hero-glow-shadow-teal);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border:none}.hero-card-glow-teal:hover{box-shadow:var(--hero-glow-shadow-teal-hover);transform:translateY(-2px)}.hero-card-static-amber{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--hero-glow-shadow-amber);border:none}.hero-card-static-teal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--hero-glow-shadow-teal);border:none}:root[data-theme=dark] .hero-card-glow-amber,:root[data-theme=dark] .hero-card-static-amber{box-shadow:inset 0 1px 1px 0 #ffffff1f, var(--hero-glow-shadow-amber);background:linear-gradient(145deg,#1e293bd9 0%,#1a140acc 100%);border:1px solid #f59e0b47}:root[data-theme=dark] .hero-card-glow-teal,:root[data-theme=dark] .hero-card-static-teal{box-shadow:inset 0 1px 1px 0 #ffffff1f, var(--hero-glow-shadow-teal);background:linear-gradient(145deg,#1e293bd9 0%,#0a1a18cc 100%);border:1px solid #2dd4bf47}.hero-card-glow-ai{background:var(--bg-card);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:none;box-shadow:0 14px 40px -6px #6366f11a,0 0 30px #14b8a61f}.gold-divider{background:linear-gradient(90deg,#0000 0%,#0f766e40 50%,#0000 100%);height:1px;margin:18px 0;position:relative}.gold-divider:after{content:"✦ ۞ ✦";background:var(--bg-primary);color:var(--pastel-mint-dark);letter-spacing:.2em;padding:0 12px;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#root{width:100%;overflow-x:clip}.app-container{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:clip}@media (width>=1024px){.app-container{max-width:760px}}.app-header{z-index:900;-webkit-backdrop-filter:none;padding:12px 20px 22px;padding-top:calc(12px + env(safe-area-inset-top,0px));opacity:1;transition:transform .4s cubic-bezier(.2, .8, .2, 1), opacity .32s ease, background var(--transition-fast), backdrop-filter var(--transition-fast);background:0 0;border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;transform:translateY(0)}.app-header-scrolled{background:linear-gradient(180deg, var(--header-fade-bg) 0%, var(--header-fade-mid) 70%, transparent 100%);-webkit-backdrop-filter:blur(40px)saturate(240%)brightness(102%);box-shadow:none;will-change:transform, backdrop-filter;border-bottom:none;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 0% 65%,#0000 100%);mask-image:linear-gradient(#000 0% 65%,#0000 100%)}.app-header-hidden{opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .35s;transform:translateY(-100%)}.logo-text{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-.025em;-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;font-size:1.25rem;font-weight:750;transition:opacity .2s,transform .15s;display:flex}.logo-text:hover{opacity:.88}.logo-text:active{transform:scale(.97)}.logo-text span{background:linear-gradient(135deg, var(--text-primary) 35%, var(--pastel-mint-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}:root[data-theme=dark] .logo-text span{background:linear-gradient(135deg,#fff 40%,#2dd4bf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header-actions{align-items:center;gap:10px;display:flex}.header-btn{border:1px solid var(--glass-btn-border);background:var(--glass-btn-bg);-webkit-backdrop-filter:blur(20px)saturate(200%);width:38px;height:38px;color:var(--glass-btn-color);cursor:pointer;box-shadow:var(--glass-btn-shadow), var(--glass-btn-rim);-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.header-btn:hover{color:var(--glass-btn-color);background:var(--glass-btn-hover-bg);transform:translateY(-1px)scale(1.05)}.header-btn:active{transform:scale(.92)}.header-btn-bookmark.header-btn-active{color:var(--gold-primary);background:var(--gold-bg);border-color:var(--gold-border)}.header-btn-profile.header-btn-active{color:var(--pastel-mint-dark);background:var(--pastel-mint-bg);border-color:var(--pastel-mint-border)}:root[data-theme=dark] .header-btn-profile.header-btn-active{color:#2dd4bf;background:#14b8a638;border-color:#2dd4bf66}.main-content{padding:16px 20px calc(74px + env(safe-area-inset-bottom,0px)) 20px;flex-direction:column;flex:1;gap:24px;display:flex}.sticky-audio-bar{top:calc(56px + env(safe-area-inset-top,0px));z-index:880;background:0 0;margin:0 -4px;padding:6px 4px;transition:top .42s cubic-bezier(.2,.8,.2,1),padding .3s cubic-bezier(.16,1,.3,1);position:sticky}.chrome-hidden .sticky-audio-bar{top:calc(10px + env(safe-area-inset-top,0px))}.disclaimer-footer{text-align:center;color:var(--text-muted);opacity:.75;transition:opacity var(--transition-fast);padding:0 24px 20px;font-size:.72rem;line-height:1.5}.disclaimer-footer:hover{opacity:1}.nav-bar-container{bottom:max(14px, calc(env(safe-area-inset-bottom,0px) * .5 + 4px));z-index:1000;opacity:1;pointer-events:auto;max-width:560px;margin:0 auto;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .32s;position:fixed;left:20px;right:20px;transform:translateY(0)scale(1)}@media (width>=1024px){.nav-bar-container{max-width:720px}}.nav-bar-hidden{transform:translateY(calc(100% + 40px + env(safe-area-inset-bottom,0px))) scale(.96);opacity:0;pointer-events:none;transition:transform .44s cubic-bezier(.2,.8,.2,1),opacity .36s}.install-prompt-wrapper{transition:transform .32s cubic-bezier(.16,1,.3,1)}.install-prompt-container{bottom:calc(88px + env(safe-area-inset-bottom,0px) * .5);z-index:990;max-width:560px;margin:0 auto;transition:bottom .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);position:fixed;left:20px;right:20px}.install-prompt-nav-hidden .install-prompt-container{bottom:max(16px, calc(env(safe-area-inset-bottom,0px) * .5 + 4px))}@media (width>=1024px){.install-prompt-container{max-width:720px}}.install-prompt-card{background:var(--insta-nav-bg);-webkit-backdrop-filter:blur(28px)saturate(240%)brightness(102%);border:1px solid var(--insta-nav-border);box-shadow:var(--insta-nav-shadow);border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.nav-bar{background:var(--insta-nav-bg);-webkit-backdrop-filter:blur(28px)saturate(240%)brightness(102%);border:1px solid var(--insta-nav-border);box-shadow:var(--insta-nav-shadow);will-change:transform, backdrop-filter;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), backdrop-filter var(--transition-fast);border-radius:9999px;justify-content:space-around;align-items:center;padding:4px 6px;display:flex;position:relative;transform:translateZ(0)}.nav-bar-top{background:var(--insta-nav-top-bg);border-color:var(--insta-nav-top-border);-webkit-backdrop-filter:blur(24px)saturate(260%);box-shadow:0 8px 30px -4px #0f172a14}:root[data-theme=dark] .nav-bar-top{box-shadow:0 8px 32px -4px #00000073}.nav-liquid-pill{top:4px;bottom:4px;left:calc(6px + ((100% - 12px) / var(--total-items,5)) * var(--active-idx,0));width:calc((100% - 12px) / var(--total-items,5));background:var(--insta-pill-bg);border:1px solid var(--insta-pill-border);pointer-events:none;z-index:1;border-radius:9999px;transition:left .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1);position:absolute}.nav-item{color:var(--insta-icon-inactive);cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;transition:color .2s,transform .15s cubic-bezier(.25,1,.35,1);display:flex;position:relative}.nav-item:hover{color:var(--insta-icon-active)}.nav-item:active{transform:scale(.92)}.nav-item-active{color:var(--insta-icon-active)}.nav-icon{width:22px;height:22px;transition:transform .28s cubic-bezier(.25,1,.35,1),stroke-width .2s}.nav-item-active .nav-icon{transform:scale(1.08)}.nav-label{letter-spacing:.01em;font-size:.64rem;font-weight:600;line-height:1.1;transition:color .2s,font-weight .2s}.nav-item-active .nav-label{color:var(--insta-icon-active);font-weight:750}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:650;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn-primary{-webkit-backdrop-filter:blur(12px);background:var(--btn-primary-bg)!important;color:var(--btn-primary-color)!important;box-shadow:var(--btn-primary-shadow)!important;border:none!important}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:var(--btn-primary-hover-shadow)!important}.btn-primary:active{transform:scale(.97);box-shadow:var(--btn-primary-shadow)!important}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-color-hover);transform:translateY(-1px)}.btn-secondary:active{transform:scale(.97)translateY(0)}input[type=range]{appearance:none;background:var(--slider-track-bg);width:100%;height:6px;transition:all var(--transition-fast);cursor:pointer;border-radius:9999px;outline:none;position:relative}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--slider-track-bg);width:100%;height:6px;transition:background var(--transition-fast);border:none;border-radius:9999px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-thumb-bg);border:2.5px solid var(--slider-thumb-border);width:18px;height:18px;box-shadow:var(--slider-thumb-shadow);cursor:pointer;border-radius:50%;margin-top:-6px;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:var(--slider-thumb-shadow), 0 0 0 4px var(--pastel-mint-bg);transform:scale(1.18)}input[type=range]:active::-webkit-slider-thumb{box-shadow:var(--slider-thumb-shadow), 0 0 0 6px var(--pastel-mint-bg);transform:scale(1.28)}input[type=range]::-moz-range-track{background:var(--slider-track-bg);width:100%;height:6px;transition:background var(--transition-fast);border:none;border-radius:9999px}input[type=range]::-moz-range-thumb{background:var(--slider-thumb-bg);border:2.5px solid var(--slider-thumb-border);width:18px;height:18px;box-shadow:var(--slider-thumb-shadow);cursor:pointer;border-radius:50%;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s}input[type=range]:hover::-moz-range-thumb{box-shadow:var(--slider-thumb-shadow), 0 0 0 4px var(--pastel-mint-bg);transform:scale(1.18)}input[type=range]:active::-moz-range-thumb{box-shadow:var(--slider-thumb-shadow), 0 0 0 6px var(--pastel-mint-bg);transform:scale(1.28)}input[type=range]::-moz-range-progress{background:var(--slider-track-fill);border-radius:9999px;height:6px}.segmented-glass-control{background:var(--btn-secondary-bg);border:1px solid var(--border-color);border-radius:9999px;gap:4px;padding:4px;display:flex;position:relative}.segmented-glass-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;display:inline-flex}.segmented-glass-item:hover{color:var(--text-primary)}.segmented-glass-item-active{background:var(--bg-card)!important;color:var(--pastel-mint-dark)!important;font-weight:750!important;box-shadow:0 2px 10px #00000014,inset 0 1px 1px #ffffff26!important}.btn-icon{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--pastel-mint-dark);background:#0f766e14}.btn-icon-danger:hover{color:#dc2626;background:#ef44441a}.btn-back-circle{background:var(--glass-btn-bg);-webkit-backdrop-filter:blur(20px)saturate(200%);border:1px solid var(--glass-btn-border);width:38px;min-width:38px;height:38px;color:var(--glass-btn-color);cursor:pointer;box-shadow:var(--glass-btn-shadow), var(--glass-btn-rim);border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-back-circle:hover{background:var(--glass-btn-hover-bg);transform:translateY(-1px)scale(1.05)}.btn-back-circle:active{transform:scale(.92)}.badge{border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-quran{background:var(--pastel-mint-bg);color:var(--pastel-mint-dark);border:1px solid var(--pastel-mint-border)}.badge-hadith{background:var(--gold-bg);color:var(--gold-dark);border:1px solid var(--gold-border)}.badge-sahih{background:var(--pastel-mint-bg);color:var(--pastel-mint-dark);border:1px solid var(--pastel-mint-border)}.badge-hasan{background:var(--gold-bg);color:var(--gold-dark);border:1px solid var(--gold-border)}.badge-weak{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.badge-na{color:var(--text-secondary);background:#64748b1a;border:1px solid #64748b33}.accordion-container{background:var(--bg-card);border:1px solid var(--border-color);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.accordion-header:hover{background:var(--bg-card-hover)}.accordion-header-divider{border-bottom:1px solid var(--border-color)}.accordion-chevron{color:var(--text-muted);transition:transform .32s cubic-bezier(.16, 1, .3, 1), color var(--transition-fast);flex-shrink:0}.accordion-chevron.open{color:var(--pastel-mint-dark);transform:rotate(180deg)}.accordion-content-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1),opacity .26s;display:grid;overflow:hidden}.accordion-content-wrapper.open{opacity:1;grid-template-rows:1fr}.accordion-content-inner{min-height:0;overflow:hidden}select,option{background-color:var(--bg-card);color:var(--text-primary)}.input-group{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.input-field{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-normal);outline:none;padding:14px 18px;font-size:.95rem;box-shadow:0 2px 5px #00000005}.input-field:focus{border-color:var(--pastel-mint-primary);background:var(--bg-card);box-shadow:0 0 0 3px #0f766e26}.toast{background:var(--bg-card);border:1px solid var(--pastel-mint-primary);color:var(--text-primary);z-index:1050;opacity:0;pointer-events:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 25px #0000001f}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=480px){.btn-text{display:none}}strong,b,.response-card strong,.response-body strong,.hero-card-glow-teal strong{color:var(--pastel-mint-dark);font-weight:700}.response-card h1,.response-card h2,.response-card h3,.response-body h1,.response-body h2,.response-body h3{color:var(--pastel-mint-dark)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes miniPlayerSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes eqWave{0%,to{height:4px}50%{height:16px}}.global-mini-player-container{left:0;right:0;bottom:calc(88px + env(safe-area-inset-bottom,0px) * .5);z-index:900;pointer-events:none;justify-content:center;padding:0 16px;transition:bottom .38s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}.global-mini-player-nav-hidden,.chrome-hidden .global-mini-player-container,.chrome-hidden~.global-mini-player-container{bottom:max(16px, calc(env(safe-area-inset-bottom,0px) * .5 + 8px))}@media (width>=768px){.global-mini-player-container{padding:0;bottom:24px;left:auto;right:24px}.global-mini-player-nav-hidden,.chrome-hidden .global-mini-player-container,.chrome-hidden~.global-mini-player-container{bottom:24px}}.global-mini-player-pill{pointer-events:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);width:100%;max-width:460px;transition:all var(--transition-fast);border-radius:20px;animation:.35s cubic-bezier(.16,1,.3,1) forwards miniPlayerSlideUp;position:relative;overflow:hidden;box-shadow:0 12px 36px -4px #00000029,0 0 0 1px #14b8a61f}:root[data-theme=dark] .global-mini-player-pill{background:#121a18eb;border-color:#14b8a640;box-shadow:0 16px 40px -4px #00000073,0 0 0 1px #14b8a633}.mini-player-progress-track{background:#0000000f;width:100%;height:3px;position:absolute;top:0;left:0;overflow:hidden}:root[data-theme=dark] .mini-player-progress-track{background:#ffffff14}.mini-player-progress-bar{background:linear-gradient(90deg, var(--pastel-mint-dark), var(--emerald-light));height:100%;transition:width .25s linear}.mini-player-content{align-items:center;gap:12px;padding:10px 14px 10px 12px;display:flex}.mini-player-play-btn{cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #0f766e40;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important}.mini-player-info{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mini-player-title-row{align-items:center;gap:6px;display:flex}.mini-player-surah-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.mini-player-ayah-badge{background:var(--pastel-mint-bg);color:var(--pastel-mint-dark);border:1px solid var(--pastel-mint-border);border-radius:9999px;flex-shrink:0;padding:1px 6px;font-size:.7rem;font-weight:700}.mini-player-reciter-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.mini-player-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mini-player-equalizer{align-items:flex-end;gap:2px;height:16px;margin-right:4px;display:flex}.eq-bar{background:var(--pastel-mint-dark);border-radius:2px;width:2.5px}.eq-bar-1{animation:.8s ease-in-out infinite eqWave}.eq-bar-2{animation:.6s ease-in-out .15s infinite eqWave}.eq-bar-3{animation:.9s ease-in-out .3s infinite eqWave}.eq-bar-4{animation:.7s ease-in-out .45s infinite eqWave}.mini-player-icon-btn{color:var(--text-secondary);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.mini-player-icon-btn:hover{color:var(--text-primary);background:#0000000d}:root[data-theme=dark] .mini-player-icon-btn:hover{background:#ffffff14}.mini-player-close-btn:hover{color:#ef4444}