@font-face{font-family:Noto Naskh Arabic;src:url(../fonts/NotoNaskhArabic-Variable.ttf)format("truetype-variations"),url(../fonts/NotoNaskhArabic-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-primary:#f8faf9;--bg-secondary:#fff;--bg-tertiary:#f0f4f3;--bg-card:#fff;--bg-card-hover:#fcfdfd;--bg-overlay:#06282866;--primary:#0d5c58;--primary-dark:#073836;--primary-light:#167e78;--primary-soft:#0d5c5814;--primary-border:#0d5c5826;--gold:#bfa15f;--gold-dark:#997b3a;--gold-light:#dfc588;--gold-soft:#bfa15f1f;--gold-border:#bfa15f59;--text-primary:#1a2a29;--text-secondary:#4a5d5b;--text-muted:#738886;--text-dua:#093c39;--border-color:#e2e8e7;--border-subtle:#edf2f1;--border-primary:#e2e8e7;--accent-primary:#0d5c58;--accent-secondary:#167e78;--success:#198754;--success-soft:#1987541a;--warning:#b45309;--warning-soft:#b453091a;--shadow-sm:0 2px 6px #0000000a;--shadow-md:0 6px 18px #0628280f;--shadow-lg:0 14px 30px #0628281a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--font-scale:1;--font-sans:"Noto Naskh Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Noto Naskh Arabic", serif;--transition:all .28s cubic-bezier(.4, 0, .2, 1)}body.dark-theme{--bg-primary:#091313;--bg-secondary:#101e1e;--bg-tertiary:#162727;--bg-card:#122222;--bg-card-hover:#172b2b;--bg-overlay:#000000b3;--primary:#21968f;--primary-dark:#12635e;--primary-light:#38b2aa;--primary-soft:#21968f26;--primary-border:#21968f40;--accent-primary:#21968f;--accent-secondary:#38b2aa;--border-primary:#1f3737;--gold:#dfc27d;--gold-dark:#b8974a;--gold-light:#f5de9f;--gold-soft:#dfc27d26;--gold-border:#dfc27d4d;--text-primary:#f0f7f6;--text-secondary:#b6cbc8;--text-muted:#7e9996;--text-dua:#e1f5f2;--border-color:#1f3737;--border-subtle:#172929;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 6px 18px #0006;--shadow-lg:0 14px 30px #00000080}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:calc(16px * var(--font-scale))}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);padding-bottom:90px;line-height:1.75;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(var(--gold-soft) 1px, transparent 1px), radial-gradient(var(--primary-soft) 1px, transparent 1px);opacity:.5;pointer-events:none;z-index:-1;background-position:0 0,20px 20px;background-size:40px 40px;position:fixed;inset:0}.app-header{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);background:#ffffffeb;position:sticky;top:0}body.dark-theme .app-header{background:#101e1eeb}.header-container{justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto;padding:.75rem 1.25rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));width:44px;height:44px;color:var(--gold-light);border:2px solid var(--gold-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.brand-title{color:var(--primary);font-size:1.2rem;font-weight:800;line-height:1.2}body.dark-theme .brand-title{color:var(--gold-light)}.brand-subtitle{color:var(--text-muted);font-size:.78rem;font-weight:400}.header-actions{align-items:center;gap:.5rem;display:flex}.btn-tool{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.4rem;padding:.45rem .75rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.btn-tool:hover{background:var(--primary-soft);border-color:var(--primary-light);color:var(--primary)}.btn-tool.active-lock{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-dark)}body.dark-theme .btn-tool.active-lock{color:var(--gold-light)}.font-resizer{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;overflow:hidden}.btn-small{background:0 0;border:none;border-radius:0;padding:.45rem .6rem;font-weight:700}.btn-small:not(:last-child){border-left:1px solid var(--border-color)}.tools-menu-dropdown{display:inline-block;position:relative}.btn-tools-trigger{align-items:center;gap:.4rem;padding:.45rem .8rem;display:inline-flex}.btn-tools-trigger.open{background:var(--primary-soft);border-color:var(--gold-border);color:var(--primary)}.tools-dropdown-panel{background:var(--bg-card);border:2px solid var(--gold-border);border-radius:var(--radius-md);width:270px;box-shadow:var(--shadow-lg);z-index:1050;flex-direction:column;gap:.75rem;padding:.85rem;animation:.2s cubic-bezier(.16,1,.3,1) popup;display:flex;position:absolute;top:calc(100% + 8px);left:0}.tools-panel-header{color:var(--primary);border-bottom:1px solid var(--border-color);align-items:center;gap:.45rem;padding-bottom:.4rem;font-size:.82rem;font-weight:800;display:flex}body.dark-theme .tools-panel-header{color:var(--gold-light)}.tools-panel-group{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.panel-group-label{color:var(--text-secondary);font-size:.82rem;font-weight:700}.btn-panel-action{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.4rem;padding:.4rem .7rem;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.btn-panel-action:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn-panel-action.active-lock{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-dark)}body.dark-theme .btn-panel-action.active-lock{color:var(--gold-light)}.nav-menu-dropdown{display:inline-block;position:relative}.btn-page-dropdown{background:var(--bg-tertiary);border:1.5px solid var(--border-color);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.45rem .85rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}body.dark-theme .btn-page-dropdown{color:var(--gold-light)}.btn-page-dropdown:hover,.btn-page-dropdown.open{background:var(--primary-soft);border-color:var(--gold-border)}.dropdown-active-title{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.arrow-icon{color:var(--text-muted);font-size:.75rem;transition:transform .25s}.btn-page-dropdown.open .arrow-icon{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--bg-card);border:2px solid var(--gold-border);border-radius:var(--radius-md);width:290px;box-shadow:var(--shadow-lg);z-index:1050;animation:.2s cubic-bezier(.16,1,.3,1) popup;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header-note{color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:.5rem .85rem .35rem;font-size:.76rem;font-weight:700}.nav-dropdown-link{color:var(--text-primary);transition:var(--transition);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.75rem;padding:.75rem .85rem;text-decoration:none;display:flex}.nav-dropdown-link:last-child{border-bottom:none}.nav-dropdown-link:hover{background:var(--primary-soft)}.nav-dropdown-link.active{background:var(--gold-soft);border-right:3px solid var(--gold)}.nav-dropdown-link .link-icon{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.nav-dropdown-link.active .link-icon{background:var(--primary);color:#fff}.nav-dropdown-link .link-content{flex-direction:column;display:flex}.nav-dropdown-link .link-content strong{color:var(--text-primary);font-size:.92rem}.nav-dropdown-link .link-content small{color:var(--text-muted);font-size:.75rem;line-height:1.3}.single-dua-card{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-card));border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);padding:1.25rem;position:relative}.single-dua-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow-sm)}.single-dua-header{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.4rem;display:flex}body.dark-theme .dua-topic-title{color:var(--gold-light)}.dua-source-note{color:var(--text-muted);font-size:.76rem;font-weight:500}.single-dua-card .dua-text{font-family:var(--font-serif);color:var(--text-dua);font-size:1.28rem;line-height:2.1}.single-dua-footer{justify-content:flex-end;align-items:center;margin-top:.75rem;display:flex}.main-content{max-width:960px;margin:1.5rem auto 0;padding:0 1.25rem}.hero-section{text-align:center;margin-bottom:2rem;position:relative}.hero-badge{background:var(--gold-soft);color:var(--gold-dark);border:1px solid var(--gold-border);border-radius:var(--radius-full);align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.35rem 1rem;font-size:.88rem;font-weight:700;display:inline-flex}body.dark-theme .hero-badge{color:var(--gold-light)}.hero-heading{color:var(--primary-dark);letter-spacing:-.5px;margin-bottom:.6rem;font-size:1.9rem;font-weight:900}body.dark-theme .hero-heading{color:var(--text-primary)}.hero-desc{color:var(--text-secondary);max-width:680px;margin:0 auto 1.5rem;font-size:.98rem}.quick-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.search-box{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-box i{color:var(--text-muted);pointer-events:none;font-size:.95rem;position:absolute;right:1rem}.search-box input{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);box-shadow:var(--shadow-sm);outline:none;padding:.75rem 2.6rem .75rem 2.2rem;font-family:inherit;font-size:.92rem}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:.9rem;position:absolute;left:.8rem}.accordion-toggles{gap:.5rem;display:flex}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:.4rem;padding:.7rem 1rem;font-family:inherit;font-size:.86rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--primary);border-color:var(--primary-light)}.nav-pills-container{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;-webkit-overflow-scrolling:touch;margin-bottom:1.5rem;padding-bottom:.6rem;overflow:auto hidden}.nav-pills-container::-webkit-scrollbar{height:5px}.nav-pills-container::-webkit-scrollbar-track{background:0 0}.nav-pills-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.nav-pills-container::-webkit-scrollbar-thumb:hover{background:var(--primary)}.nav-pills{white-space:nowrap;justify-content:flex-start;gap:.6rem;padding:.2rem 0;display:flex}@media (width>=768px){.nav-pills-container{padding-bottom:0;overflow-x:visible}.nav-pills{white-space:normal;flex-wrap:wrap;justify-content:center}}.nav-pill{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.pill-num{background:var(--bg-tertiary);width:24px;height:24px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.88rem;font-weight:800;display:inline-flex}.nav-pill:hover,.nav-pill.active,.nav-pill.active-pill{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-pill.active .pill-num,.nav-pill.active-pill .pill-num,.nav-pill:hover .pill-num{color:#fff;background:#ffffff40}body.dark-theme .nav-pill{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-theme .nav-pill:hover,body.dark-theme .nav-pill.active,body.dark-theme .nav-pill.active-pill{background:var(--primary-light);color:#072624;border-color:var(--primary-light)}body.dark-theme .nav-pill.active .pill-num,body.dark-theme .nav-pill.active-pill .pill-num,body.dark-theme .nav-pill:hover .pill-num{color:#072624;background:#0003}.accordion-group{flex-direction:column;gap:1.15rem;display:flex}.accordion-item{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);scroll-margin-top:90px;overflow:hidden}.accordion-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-border)}.accordion-item.active{border-color:var(--gold-border);box-shadow:var(--shadow-md)}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-card);transition:var(--transition);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;display:flex}.accordion-header:hover{background:var(--bg-card-hover)}.accordion-item.active>.accordion-header{background:var(--primary-soft);border-bottom:1px solid var(--border-color)}.header-left{align-items:center;gap:1rem;display:flex}.step-badge{background:var(--bg-tertiary);width:42px;height:42px;color:var(--primary);border:2px solid var(--border-color);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:flex}.accordion-item.active .step-badge{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.05)}.header-text{flex-direction:column;gap:.15rem;display:flex}.step-title{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.3}.step-summary{color:var(--text-muted);font-size:.84rem}.header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.item-tag{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .65rem;font-size:.76rem;font-weight:700}.tag-primary{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border)}.tag-success{background:var(--success-soft);color:var(--success)}.toggle-icon{color:var(--text-muted);font-size:.95rem;transition:transform .3s}.accordion-item.active .toggle-icon{color:var(--primary);transform:rotate(180deg)}.accordion-content{opacity:0;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s;overflow:hidden}.accordion-item.active>.accordion-content{opacity:1;max-height:5000px}.content-body{flex-direction:column;gap:1.25rem;padding:1.4rem;display:flex}.instruction-text{color:var(--text-secondary);font-size:.98rem;font-weight:500}.hadith-card,.instruction-box,.tip-box,.alert-box-warning{border-radius:var(--radius-md);padding:1rem 1.25rem;font-size:.95rem}.instruction-box{background:var(--bg-tertiary);border:1px solid var(--border-color)}.steps-bullet-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.steps-bullet-list>li{padding-right:1.4rem;position:relative}.steps-bullet-list>li:before{content:"◆";color:var(--gold);font-size:.8rem;position:absolute;right:0}.steps-bullet-list ul{margin-top:.4rem;padding-right:1rem;list-style:circle}.tip-box{background:var(--gold-soft);border:1px solid var(--gold-border);color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.tip-box i{color:var(--gold-dark);flex-shrink:0;font-size:1.1rem}body.dark-theme .tip-box i{color:var(--gold-light)}.alert-box-warning{background:var(--warning-soft);color:var(--warning);border:1px solid #b4530940;align-items:center;gap:.75rem;font-size:.88rem;font-weight:600;display:flex}.quote-box{background:var(--bg-secondary);border-right:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-top:.75rem;padding:1.1rem 1.3rem}.quote-narrator{color:var(--text-muted);margin-bottom:.35rem;font-size:.86rem;font-weight:700}.quote-hadith{font-family:var(--font-serif);color:var(--text-dua);font-size:1.25rem;line-height:1.9}.highlight-text{color:var(--primary);font-weight:700}body.dark-theme .highlight-text{color:var(--gold-light)}.source-tag{color:var(--text-muted);margin-top:.5rem;font-size:.78rem;font-style:italic;display:inline-block}.dua-card{background:linear-gradient(145deg, var(--bg-secondary), var(--bg-tertiary));border:1.5px solid var(--gold-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.35rem;position:relative}.dua-text{font-family:var(--font-serif);color:var(--text-dua);text-align:justify;font-size:1.32rem;line-height:2}.dua-text.emphasized{color:var(--primary);font-weight:700}body.dark-theme .dua-text.emphasized{color:var(--gold-light)}.dua-divider{background:var(--gold-border);opacity:.6;height:1px;margin:1rem 0}.badge-accent{background:var(--gold-soft);color:var(--gold-dark);border-radius:var(--radius-sm);border:1px solid var(--gold-border);padding:.15rem .6rem;font-weight:700;display:inline-block}body.dark-theme .badge-accent{color:var(--gold-light)}.card-mini-title{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.95rem;display:flex}body.dark-theme .card-mini-title{color:var(--gold-light)}.quran-quote{font-family:var(--font-serif);color:var(--primary-dark);background:var(--primary-soft);border:1px dashed var(--primary-border);border-radius:var(--radius-md);text-align:center;margin:.75rem 0;padding:1.15rem 1.35rem;font-size:1.35rem;line-height:2.1}body.dark-theme .quran-quote{color:var(--gold-light);background:#21968f1a}.quran-quote-small{font-family:var(--font-serif);color:var(--primary);margin:.35rem 0;font-size:1.2rem;font-weight:700}body.dark-theme .quran-quote-small{color:var(--gold-light)}.btn-copy{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.4rem;margin-top:1rem;padding:.45rem .9rem;font-family:inherit;font-size:.84rem;font-weight:600;display:inline-flex}.btn-copy:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.btn-tiny{margin-top:0;padding:.35rem .7rem;font-size:.78rem}.corner-dua-card{border:2px solid var(--gold-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#0d5c5812,#bfa15f1f);padding:1.25rem;position:relative}.corner-header{color:var(--gold-dark);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.98rem;font-weight:800;display:flex}body.dark-theme .corner-header{color:var(--gold-light)}.corner-desc{color:var(--text-secondary);margin-bottom:.4rem;font-size:.9rem}.corner-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.tawaf-tracker-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.15rem}.tracker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.tracker-title{color:var(--primary-dark);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}body.dark-theme .tracker-title{color:var(--gold-light)}.tracker-subtitle{color:var(--text-muted);font-size:.8rem}.tracker-status{background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-color);color:var(--primary);padding:.35rem .8rem;font-size:.85rem}body.dark-theme .tracker-status{color:var(--gold-light)}.circuits-stepper{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.step-btn{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .5rem;font-family:inherit;display:flex}.step-btn .btn-index{background:var(--bg-tertiary);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.step-btn .btn-name{color:var(--text-secondary);font-size:.76rem;font-weight:700;line-height:1.2}.step-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.step-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px #0d5c5840}.step-btn.active .btn-index{color:var(--primary);background:#fff}.step-btn.active .btn-name{color:#fff}.step-btn.completed{border-color:var(--success);background:var(--success-soft)}.step-btn.completed .btn-index{background:var(--success);color:#fff}.sub-accordion-group{flex-direction:column;gap:.85rem;display:flex}.sub-accordion-item{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);overflow:hidden}.sub-accordion-item.open{border-color:var(--gold-border);box-shadow:var(--shadow-sm)}.sub-header{cursor:pointer;background:var(--bg-secondary);transition:var(--transition);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.95rem 1.15rem;display:flex}.sub-header:hover{background:var(--bg-tertiary)}.sub-accordion-item.open>.sub-header{background:var(--gold-soft);border-bottom:1px solid var(--border-color)}.sub-title{align-items:center;gap:.75rem;display:flex}.shawt-badge{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:.2rem .6rem;font-size:.76rem;font-weight:800}.sub-title h4{color:var(--text-primary);font-size:1rem;font-weight:800}.sub-icon{color:var(--text-muted);font-size:.85rem;transition:transform .25s}.sub-accordion-item.open .sub-icon{color:var(--gold-dark);transform:rotate(180deg)}body.dark-theme .sub-accordion-item.open .sub-icon{color:var(--gold-light)}.sub-content{padding:1.15rem;display:none}.sub-accordion-item.open>.sub-content{display:block}.points-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.point-item{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.88rem;display:flex}.point-item i{color:var(--primary);font-size:.8rem}body.dark-theme .point-item i{color:var(--gold-light)}.shawt-dua-box{background:linear-gradient(135deg, var(--bg-card), var(--bg-tertiary));border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:1.2rem}.dua-paragraph{font-family:var(--font-serif);color:var(--text-dua);text-align:justify;font-size:1.3rem;line-height:2.1}.dua-card-footer{border-top:1px dashed var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;display:flex}.btn-complete-shawt{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:.4rem;padding:.45rem .95rem;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-complete-shawt:hover{background:var(--primary-dark);transform:translate(-3px)}.special-action-card{background:var(--primary-soft);border:1.5px solid var(--primary-border);border-radius:var(--radius-md);padding:1.15rem}.special-badge{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.95rem;font-weight:800;display:flex}body.dark-theme .special-badge{color:var(--gold-light)}.special-desc{color:var(--text-secondary);font-size:.88rem}.special-post{color:var(--text-primary);margin-top:.6rem;font-size:.92rem}.dhikr-repeat-card{background:var(--bg-tertiary);border:1.5px solid var(--gold-border);border-radius:var(--radius-md);padding:1.25rem}.repeat-header{color:var(--gold-dark);align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}body.dark-theme .repeat-header{color:var(--gold-light)}.repeat-instruction{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.dua-card-box{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:1.15rem}.dua-repeat-instruction{color:var(--text-muted);align-items:center;gap:.4rem;margin:.75rem 0;font-size:.86rem;display:flex}.say-tracker-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.15rem}.say-tracker-title{color:var(--primary);align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.98rem;font-weight:800;display:flex}body.dark-theme .say-tracker-title{color:var(--gold-light)}.say-rounds-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem;display:grid}.say-round-item{background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;padding:.6rem .4rem}.say-round-item .round-num{color:var(--primary);font-size:.95rem;font-weight:800;display:block}.say-round-item .round-dir{color:var(--text-muted);font-size:.74rem;font-weight:600}.say-round-item:hover{border-color:var(--primary)}.say-round-item.completed{background:var(--success-soft);border-color:var(--success)}.say-round-item.completed .round-num{color:var(--success)}.say-round-item.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 10px #0d5c5833}.say-round-item.active .round-num,.say-round-item.active .round-dir{color:#fff}.tahallul-cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.tahallul-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;position:relative}.gender-icon{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.65rem;font-size:1.1rem;display:flex}body.dark-theme .gender-icon{color:var(--gold-light)}.tahallul-card h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:800}.tahallul-card ul{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.9rem;list-style:none;display:flex}.tahallul-card ul li{padding-right:1.1rem;position:relative}.tahallul-card ul li:before{content:"✓";color:var(--success);font-weight:800;position:absolute;right:0}.congrats-card{background:linear-gradient(135deg, var(--gold-soft), var(--primary-soft));border:2px solid var(--gold-border);border-radius:var(--radius-lg);align-items:center;gap:1.25rem;margin-top:1rem;padding:1.5rem;display:flex}.congrats-icon{background:var(--gold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex;box-shadow:0 4px 15px #bfa15f66}.congrats-content h3{color:var(--primary-dark);margin-bottom:.35rem;font-size:1.25rem;font-weight:800}body.dark-theme .congrats-content h3{color:var(--gold-light)}.congrats-content p{color:var(--text-secondary);font-size:.92rem}.congrats-content .dua-end{font-family:var(--font-serif);color:var(--primary);margin-top:.5rem;font-size:1.25rem;font-weight:700;line-height:1.9}body.dark-theme .congrats-content .dua-end{color:var(--gold-light)}.floating-tasbeeh{z-index:999;position:fixed;bottom:20px;left:20px}.tasbeeh-pill{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border:2px solid var(--gold-border);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-lg);transition:var(--transition);align-items:center;gap:.6rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:700;display:flex}.tasbeeh-pill:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0d5c5866}.tasbeeh-backdrop{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tasbeeh-modal-dialog{background:var(--bg-card);border:2px solid var(--gold-border);border-radius:var(--radius-lg);flex-direction:column;width:95%;max-width:450px;animation:.25s cubic-bezier(.34,1.56,.64,1) zoomIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tasbeeh-modal-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.tasbeeh-modal-title{color:var(--primary);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}body.dark-theme .tasbeeh-modal-title{color:var(--gold-light)}.btn-close-tasbeeh{background:var(--bg-card);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-close-tasbeeh:hover{background:var(--primary-soft);color:var(--primary)}.dhikr-chips-container{-ms-overflow-style:none;scrollbar-width:none;gap:.4rem;padding:.8rem 1rem .4rem;display:flex;overflow-x:auto}.dhikr-chips-container::-webkit-scrollbar{display:none}.dhikr-chip{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);flex-shrink:0;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.dhikr-chip:hover,.dhikr-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.active-dhikr-label{font-family:var(--font-serif);color:var(--primary-dark);text-align:center;margin:.5rem 1rem .2rem;font-size:1.45rem;font-weight:800}body.dark-theme .active-dhikr-label{color:var(--gold-light)}.tasbeeh-center-wrapper{justify-content:center;align-items:center;width:100%;padding:1.25rem .5rem;display:flex}.tasbeeh-big-circle{aspect-ratio:1;border:6px solid var(--gold);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 35% 35%,#157973,#073a38);border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;width:min(88vw,360px);height:min(88vw,360px);transition:transform 80ms,box-shadow 80ms;display:flex;position:relative;box-shadow:0 16px 45px #0d5c5880,inset 0 3px 15px #ffffff40}.tasbeeh-big-circle:active{transform:scale(.95);box-shadow:0 4px 18px #0d5c58b3,inset 0 4px 15px #0006}.tasbeeh-big-circle.tasbeeh-shake{animation:.16s cubic-bezier(.25,1,.5,1) tasbeeh-recoil-shake}@keyframes tasbeeh-recoil-shake{0%{transform:scale(1)translateY(0)}35%{transform:scale(.93)translateY(4px)rotate(.8deg)}70%{transform:scale(1.02)translateY(-2px)rotate(-.8deg)}to{transform:scale(1)translateY(0)rotate(0)}}.tasbeeh-big-circle.tasbeeh-tapping{border-color:#ffd875!important;box-shadow:0 0 35px #c8a86bbf,0 12px 30px #0d5c58cc,inset 0 0 20px #ffffff80!important}.tasbeeh-flash-wave{pointer-events:none;z-index:1;background:radial-gradient(circle,#ffeba0b3 0%,#c8a86b66 40%,#0d5c5800 75%);border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;animation:.22s ease-out forwards tasbeeh-flash-expand;position:absolute;top:50%;left:50%}@keyframes tasbeeh-flash-expand{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(20)}}.tasbeeh-number{font-size:clamp(3.8rem,16vw,6rem);font-weight:900;line-height:1;font-family:var(--font-sans);color:#fff;text-shadow:0 2px 10px #00000059;z-index:2;position:relative}.tasbeeh-tap-hint{color:var(--gold-light);opacity:.95;z-index:2;margin-top:.4rem;font-size:1.05rem;font-weight:700;position:relative}.tasbeeh-modal-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.target-select-wrap{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.target-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:.25rem .55rem;font-size:.78rem;font-weight:700}.target-btn.active{background:var(--gold);color:#fff;border-color:var(--gold)}.btn-tasbeeh-reset{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;font-weight:700;display:inline-flex}.btn-tasbeeh-reset:hover{color:#d9534f;border-color:#d9534f}.toast{background:var(--primary-dark);color:#fff;border-radius:var(--radius-md);border:1px solid var(--gold-border);box-shadow:var(--shadow-lg);z-index:10000;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.app-footer{text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:3rem;padding:2rem 1.25rem}.footer-container{max-width:960px;margin:0 auto}.footer-container p{color:var(--primary);margin-bottom:.3rem;font-size:1.05rem;font-weight:800}body.dark-theme .footer-container p{color:var(--gold-light)}.footer-sub{color:var(--text-muted)!important;font-size:.84rem!important;font-weight:400!important}.footer-version-wrap{margin-top:.85rem}.footer-version-badge{font-size:.78rem;font-family:var(--font-sans);color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-color);letter-spacing:.2px;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;display:inline-flex}.footer-version-badge strong{color:var(--primary);font-weight:700}body.dark-theme .footer-version-badge strong{color:var(--gold-light)}.btn-clear-cache-action{color:#c0392b!important;border-color:#c0392b33!important}.btn-clear-cache-action:hover{color:#fff!important;background:#c0392b!important;border-color:#c0392b!important}body.dark-theme .btn-clear-cache-action{color:#e74c3c!important;border-color:#e74c3c4d!important}body.dark-theme .btn-clear-cache-action:hover{color:#fff!important;background:#e74c3c!important;border-color:#e74c3c!important}@media (width<=768px){.header-container{padding:.6rem .9rem}.brand-title{font-size:1.05rem}.brand-subtitle,.tool-label{display:none}.hero-heading{font-size:1.45rem}.hero-desc{font-size:.88rem}.quick-bar{flex-direction:column;align-items:stretch}.search-box{width:100%}.accordion-toggles{justify-content:stretch}.accordion-toggles .btn-secondary{flex:1;justify-content:center}.accordion-header{padding:.95rem 1rem}.step-badge{width:36px;height:36px;font-size:1rem}.step-title{font-size:1rem}.step-summary{font-size:.78rem}.content-body{padding:1rem}.dua-text,.dua-paragraph,.quran-quote{font-size:1.18rem;line-height:1.95}.circuits-stepper{grid-template-columns:repeat(4,1fr)}.circuits-stepper .step-btn:last-child{grid-column:span 4}.congrats-card{text-align:center;flex-direction:column;gap:.75rem}.floating-tasbeeh{bottom:14px;left:14px}.tasbeeh-big-circle{width:min(88vw,340px);height:min(88vw,340px)}.tasbeeh-number{font-size:clamp(3.6rem,16vw,5.5rem)}}@media (width<=480px){.nav-dropdown-menu{width:250px;left:0;right:auto}.tools-dropdown-panel{width:250px;left:0}.dropdown-active-title{max-width:105px}.circuits-stepper{grid-template-columns:repeat(2,1fr)}.circuits-stepper .step-btn:last-child{grid-column:span 2}.points-grid{grid-template-columns:1fr}.say-rounds-grid{grid-template-columns:repeat(2,1fr)}}.arrow-icon.rotated{transform:rotate(180deg)}.tools-menu-dropdown{position:relative}.btn-tools-dropdown{border:1.5px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.45rem .9rem;font-family:inherit;font-size:clamp(.78rem,2vw,.9rem);transition:all .2s;display:flex}.btn-tools-dropdown:hover{background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary)}.tools-dropdown-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);z-index:200;flex-direction:column;gap:.5rem;min-width:220px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000026}.tools-dropdown-panel.hidden{display:none}.tools-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tools-row-label{color:var(--text-secondary);font-size:.85rem}.font-size-controls{gap:.3rem;display:flex}.btn-font-ctrl{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary);transition:var(--transition);padding:.35rem .65rem;font-family:inherit;font-size:.85rem;font-weight:700}.btn-font-ctrl:hover{background:var(--primary);border-color:var(--primary);color:#fff!important}.btn-theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);width:100%;transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .85rem;font-family:inherit;font-size:.88rem;font-weight:600;display:flex}.btn-theme-toggle:hover{background:var(--primary);border-color:var(--primary);color:#fff!important}body.dark-theme .btn-font-ctrl:hover,body.dark-theme .btn-theme-toggle:hover{background:var(--gold);border-color:var(--gold);color:#122222!important}.dua-category-list{flex-direction:column;gap:1rem;display:flex}.single-dua-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:1rem 1.2rem;transition:box-shadow .2s}.single-dua-card:hover{box-shadow:0 4px 16px #00000014}.single-dua-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.6rem;display:flex}.dua-topic-title{color:var(--accent-primary);align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex}.dua-source-note{color:var(--text-secondary);background:var(--bg-secondary);border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.single-dua-footer{justify-content:flex-end;margin-top:.75rem;display:flex}.madinah-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.madinah-info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;padding:1.2rem;transition:all .2s}.madinah-info-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.madinah-card-icon{color:var(--accent-primary);margin-bottom:.5rem;font-size:1.8rem}.madinah-info-card h4{color:var(--text-primary);margin:0 0 .4rem;font-size:1rem;font-weight:700}.madinah-info-card p{color:var(--text-secondary);margin:0;font-size:.84rem;line-height:1.6}.madinah-hero .hero-badge{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary))}.say-round-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.say-round-item.say-done{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);opacity:.8;text-decoration:line-through}.step-btn.done{opacity:.6;text-decoration:line-through}.print-page-title{display:none}@page{margin:2cm 1.8cm;size:A4 portrait}@media print{.app-header,.hero-section,.quick-bar,.nav-pills-container,.floating-tasbeeh,.btn-copy,.btn-complete-shawt,.tasbeeh-backdrop,.toast,.tools-menu-dropdown,.single-dua-footer,.dua-card-footer,.toggle-icon,.item-tag,.card-icon,.madinah-card-icon,.tawaf-tracker-container,.circuits-stepper,.say-rounds-grid,.app-footer,.dua-divider{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif!important;font-size:12pt!important;line-height:1.8!important}.main-content{max-width:100%!important;margin:0!important;padding:0!important}.print-page-title{text-align:center;border-bottom:1.5px solid #000;margin-bottom:2rem;padding-bottom:.5rem;display:block!important}.print-page-title h1{color:#000;margin:0 0 .3rem;font-size:19pt;font-weight:700}.print-page-title p{color:#333;margin:0;font-size:11pt}.accordion-group{display:block!important}.accordion-item{page-break-inside:avoid;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:1.8rem!important;padding:0!important;display:block!important}.accordion-header{cursor:default!important;background:0 0!important;border:none!important;margin-bottom:.5rem!important;padding:0!important;display:block!important}.header-left{display:block!important}.step-badge{color:#000!important;background:0 0!important;margin:0!important;padding:0!important;font-size:14pt!important;font-weight:700!important;display:inline!important}.step-badge:before{content:"- ";font-weight:700}.step-badge:after{content:". "}.step-title{color:#000!important;font-size:14pt!important;font-weight:700!important;display:inline!important}.step-summary{color:#444!important;margin:3px 0 8px 1.2rem!important;font-size:10.5pt!important;display:block!important}.accordion-content{opacity:1!important;max-height:none!important;padding:0 0 0 .5rem!important;display:block!important}.content-body{padding:0!important}.hadith-card,.dua-card,.quote-box,.corner-dua-card,.single-dua-card,.instruction-box,.tip-box,.alert-box-warning{page-break-inside:avoid;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:.6rem 0 1rem!important;padding:0!important}.instruction-text,.corner-desc{color:#222!important;margin:.4rem 0 .4rem 1.2rem!important;font-size:11.5pt!important;font-style:italic!important;display:block!important}.instruction-text:before,.corner-desc:before{content:"> ";color:#444;font-style:normal;font-weight:700}.quote-narrator{color:#000!important;margin:.5rem 0 .2rem 1.2rem!important;font-size:11pt!important;font-weight:700!important;display:block!important}.quote-hadith,.dua-text,.quran-quote{color:#000!important;margin:.4rem 0 .4rem 1.2rem!important;padding:0!important;font-family:Noto Naskh Arabic,Traditional Arabic,serif!important;font-size:13pt!important;font-weight:700!important;line-height:2!important;display:block!important}.source-tag,.dua-source-note{color:#555!important;background:0 0!important;margin:.2rem 0 .6rem 1.2rem!important;padding:0!important;font-size:9.5pt!important;display:block!important}.tip-box,.alert-box-warning{color:#222!important;margin:.4rem 0 .6rem 1.2rem!important;font-size:10.5pt!important;display:block!important}.tip-box span:before{content:"* فائدة: ";color:#000;font-weight:700}.alert-box-warning span:before{content:"* تنبيه: ";color:#000;font-weight:700}.tip-box i,.alert-box-warning i{display:none!important}.steps-bullet-list{margin:.4rem 0 .8rem!important;padding-right:2.2rem!important;list-style-type:disc!important}.steps-bullet-list li{color:#000!important;margin-bottom:.3rem!important;font-size:11.5pt!important;line-height:1.75!important}.sub-accordion-group{margin:.8rem 0 0 1rem!important;display:block!important}.sub-accordion-item{page-break-inside:avoid;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:1.2rem!important;padding:0!important;display:block!important}.sub-header{cursor:default!important;background:0 0!important;margin-bottom:.3rem!important;padding:0!important;display:block!important}.sub-title{display:block!important}.shawt-badge{color:#000!important;margin-left:4px!important;font-size:12pt!important;font-weight:700!important;display:inline!important}.shawt-badge:before{content:"• "}.shawt-badge:after{content:": "}.sub-title h4{color:#000!important;font-size:12pt!important;font-weight:700!important;display:inline!important}.sub-content{opacity:1!important;max-height:none!important;padding:0 0 0 1rem!important;display:block!important}.single-dua-card{border-bottom:.5px solid #e0e0e0!important;margin-bottom:1rem!important;padding-bottom:.5rem!important}.single-dua-header{margin-bottom:.2rem!important}.dua-topic-title{color:#000!important;font-size:12pt!important;font-weight:700!important}.dua-topic-title:before{content:"• "}.dua-topic-title i{display:none!important}.madinah-cards-grid{margin:.5rem 0 .8rem 1rem!important;display:block!important}.madinah-info-card{page-break-inside:avoid;text-align:right!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;margin-bottom:.6rem!important;padding:0!important;display:block!important}.madinah-info-card h4{color:#000!important;margin:0 0 .2rem!important;font-size:11.5pt!important;font-weight:700!important}.madinah-info-card h4:before{content:"• "}.madinah-info-card p{color:#222!important;margin:0 0 .4rem 1.2rem!important;font-size:11pt!important}}.update-banner-bar[data-v-6dedeebf]{top:env(safe-area-inset-top,0);z-index:99999;color:#fff;border-bottom:2px solid var(--gold);background:linear-gradient(135deg,#0d5c58,#117873);padding:.65rem 1rem;position:fixed;left:0;right:0;box-shadow:0 4px 20px #00000040}.update-banner-content[data-v-6dedeebf]{justify-content:space-between;align-items:center;gap:.75rem;max-width:900px;margin:0 auto;display:flex}.update-banner-text[data-v-6dedeebf]{align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:flex}.update-icon[data-v-6dedeebf]{color:var(--gold-light);font-size:1.1rem}.btn-update-now[data-v-6dedeebf]{background:var(--gold);color:#122222;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:transform .15s,background-color .15s;display:inline-flex}.btn-update-now[data-v-6dedeebf]:hover{background:var(--gold-light);transform:translateY(-1px)}.slide-down-enter-active[data-v-6dedeebf],.slide-down-leave-active[data-v-6dedeebf]{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.slide-down-enter-from[data-v-6dedeebf],.slide-down-leave-to[data-v-6dedeebf]{opacity:0;transform:translateY(-100%)}@media (width<=600px){.update-banner-content[data-v-6dedeebf]{text-align:center;flex-direction:column;gap:.5rem}.btn-update-now[data-v-6dedeebf]{justify-content:center;width:100%}}