.hirz-section{padding:0 0 var(--space-6);direction:rtl}.hirz-section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2);text-align:center}.hirz-section__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);text-align:center}.hirz-toolbar{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.hirz-search{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);direction:rtl}.hirz-search::placeholder{color:var(--color-text-muted)}.hirz-search:focus{outline:2px solid var(--color-accent);outline-offset:2px}.hirz-category-select{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);direction:rtl;cursor:pointer}.hirz-count{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.hirz-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.hirz-card__btn{width:100%;text-align:right;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.hirz-card__btn:hover{background:var(--color-surface-hover);border-color:var(--color-accent-soft);box-shadow:var(--shadow-md)}.hirz-card__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hirz-card__title{font-weight:var(--font-semibold);color:var(--color-text);line-height:1.35}.hirz-card__category{font-size:var(--text-xs);color:var(--color-accent);font-weight:var(--font-medium)}.hirz-card__benefit{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.hirz-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow-y:auto}.hirz-detail-overlay__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;border:none;cursor:pointer;z-index:0}.hirz-detail{position:relative;z-index:1;max-width:36rem;width:100%;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);padding:var(--space-5);direction:rtl}.hirz-detail__title{font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-3);color:var(--color-text);line-height:1.4}.hirz-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.hirz-detail__category{color:var(--color-accent);font-weight:var(--font-medium)}.hirz-detail__benefit{font-size:var(--text-sm);color:var(--color-accent);margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-accent-soft);border-radius:var(--radius-md);line-height:1.5}.hirz-detail__content{font-size:var(--text-base);line-height:1.7;color:var(--color-text);margin-bottom:var(--space-4);white-space:pre-wrap;word-break:break-word}.hirz-detail__close{width:100%}@media (min-width: 480px){.hirz-toolbar{flex-direction:row;align-items:center}.hirz-search{flex:1;min-width:0}.hirz-category-select{width:auto;min-width:10rem}}.content--compact{padding:var(--space-4) 0}.istikhara__steps{margin:var(--space-2) 0;padding-inline-start:var(--space-4)}.istikhara__steps li{margin-bottom:var(--space-1)}.istikhara__dua{margin:var(--space-2) 0;padding:var(--space-2);border-inline-start:4px solid var(--color-primary, #1e3a5f);background:var(--color-bg-subtle);border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.7}.istikhara__then{margin:var(--space-2) 0 var(--space-2);font-weight:600}.istikhara__btn{width:100%;margin-top:var(--space-2)}.istikhara__error{margin-top:var(--space-2);color:var(--color-error, #b91c1c);font-size:var(--text-sm)}.istikhara__result{margin-top:var(--space-3)}.istikhara__image-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-subtle)}.istikhara__image{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;vertical-align:middle}.istikhara__new-btn{width:100%;margin-top:var(--space-2)}.maf{padding:0 0 var(--space-8);direction:rtl;max-width:100%;min-height:20rem}.maf-head{text-align:center;margin-bottom:var(--space-5)}.maf-head__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1);letter-spacing:.02em}.maf-head__sub{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-weight:var(--font-medium)}.maf-err{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:#b91c1c;background:#b91c1c14;border:1px solid rgba(185,28,28,.2);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.maf-err-retry{align-self:flex-start;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:#b91c1c;background:transparent;border:1px solid rgba(185,28,28,.4);border-radius:var(--radius-md);cursor:pointer}.maf-err-retry:hover{background:#b91c1c1a}.maf-empty-state{padding:var(--space-6);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.maf-empty-state p{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-base)}.maf-empty-state__hint{color:var(--color-text-muted)!important;font-size:var(--text-sm)!important;margin-bottom:var(--space-4)!important}.maf-empty-state__retry{padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer}.maf-empty-state__retry:hover{background:var(--color-accent-soft-hover, rgba(13, 148, 136, .18))}.maf-load{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:14rem;color:var(--color-text-muted);font-size:var(--text-sm)}.maf-load--inline{min-height:8rem;padding:var(--space-6)}.maf-search-wrap{margin-bottom:var(--space-4)}.maf-search-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.maf-search-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.maf-search-input::placeholder{color:var(--color-text-muted)}.maf-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.maf-search-results{margin-top:var(--space-3)}.maf-search-results__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);margin:0 0 var(--space-3)}.maf-search-results .maf-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maf-tabs-wrap{margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.maf-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0;scrollbar-width:thin}.maf-tabs::-webkit-scrollbar{height:4px}.maf-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.maf-tab:hover{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong)}.maf-tab--active{color:var(--tint, var(--color-accent));background:color-mix(in srgb,var(--tint, var(--color-accent)) 10%,var(--color-surface));border-color:var(--tint, var(--color-accent));box-shadow:0 2px 8px color-mix(in srgb,var(--tint, var(--color-accent)) 18%)}.maf-tab__ico{font-size:1.1em;line-height:1}.maf-tab__label{line-height:1.3}.maf-pills-wrap{margin-bottom:var(--space-4)}.maf-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.maf-pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.maf-pill:hover{color:var(--color-text);border-color:var(--color-border-strong);background:var(--color-bg-subtle)}.maf-pill--active{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.maf-prompt{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.maf-prompt p{margin:0}.maf-list-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.maf-list{list-style:none;margin:0;padding:0}.maf-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);background:transparent;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:right;transition:background .2s ease;font-family:inherit}.maf-list-item:last-child{border-bottom:none}.maf-list-item:hover{background:var(--color-surface-hover)}.maf-list-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.maf-list-item__title{flex:1;line-height:1.4}.maf-list-item__go{flex-shrink:0;font-size:1.25em;color:var(--color-text-muted);transition:color .2s ease,transform .2s ease}.maf-list-item:hover .maf-list-item__go{color:var(--color-accent);transform:translate(-2px)}.maf-empty{margin:0;padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.maf-reader-screen{display:flex;flex-direction:column;min-height:60vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:maf-reader-screen-in .25s ease-out}@keyframes maf-reader-screen-in{0%{opacity:0}to{opacity:1}}.maf-reader-screen__bar{flex-shrink:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.maf-reader-screen__back{padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-accent);background:transparent;border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease}.maf-reader-screen__back:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.maf-reader-screen__body{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-5);-webkit-overflow-scrolling:touch}.maf-reader-article{max-width:42em;margin:0 auto}.maf-reader-article__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);text-align:center;line-height:var(--leading-tight)}.maf-reader-article__text{font-family:var(--font-display);font-size:var(--text-lg);line-height:2.2;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text)}.maf-reader-article__text p{margin:0 0 var(--space-4)}.maf-reader-article__text p:last-child{margin-bottom:0}@media (min-width: 480px){.maf-reader-screen{max-width:42rem;margin:0 auto}}.qada-section .content__card{padding:var(--space-5)}.qada-auth-wrap{max-width:24rem;margin:0 auto}.qada-wrap{max-width:42rem;margin:0 auto;padding:0 var(--space-5)}.qada-auth-card .content__subtitle{margin-bottom:var(--space-4)}.qada-auth-tabs{display:flex;gap:0;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.qada-auth-tab{flex:1;padding:var(--space-3) var(--space-4);border:none;border-bottom:3px solid transparent;margin-bottom:-1px;background:none;border-radius:0;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;color:var(--color-text-muted);transition:color .25s ease,border-color .25s ease}.qada-auth-tab:hover{color:var(--color-text)}.qada-auth-tab--active{color:var(--color-islamic-green);border-bottom-color:var(--color-islamic-green)}.qada-auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.qada-auth-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.qada-auth-label span{color:var(--color-text-secondary)}.qada-auth-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:border-color .25s ease,box-shadow .25s ease}.qada-auth-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.qada-auth-error{margin:0;padding:var(--space-3);font-size:var(--text-sm);color:var(--color-error, #b91c1c);background:#b91c1c0f;border-radius:var(--radius-md)}.qada-auth-success{margin:0;padding:var(--space-3);font-size:var(--text-sm);color:var(--color-success, #15803d);background:#16a34a0f;border-radius:var(--radius-md)}.qada-auth-forgot-link,.qada-auth-forgot-intro{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.qada-auth-submit{width:100%;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);border-radius:var(--radius-md)}.qada-section__message{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.qada-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);position:relative}.qada-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-islamic-green) 25%,var(--color-islamic-gold) 75%,transparent 100%);opacity:.35;border-radius:1px}.qada-header__title-wrap{min-width:0}.qada-header__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:.02em;line-height:1.25;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@supports (not (-webkit-background-clip: text)){.qada-header__title{background:none;-webkit-text-fill-color:var(--color-text);color:var(--color-text)}}.qada-header__greeting{margin:var(--space-2) 0 0;font-size:var(--text-base);color:var(--color-text-muted);font-weight:var(--font-medium);font-style:italic}.qada-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.qada-signout-btn{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .25s ease}.qada-signout-btn:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-islamic-green);color:var(--color-islamic-green)}.qada-header__intro{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:36ch}.qada-header__totals{margin:var(--space-6) auto 0;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.qada-stat{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-xl);transition:transform .2s ease,box-shadow .25s ease}.qada-stat:hover{transform:translateY(-1px)}.qada-stat--prayers{background:linear-gradient(135deg,var(--color-islamic-green-soft) 0%,rgba(6,95,70,.04) 100%);border:1px solid rgba(6,95,70,.15);box-shadow:var(--shadow-sm)}.qada-stat--prayers:hover{box-shadow:0 4px 12px #065f461f}.qada-stat--fasting{background:linear-gradient(135deg,var(--color-islamic-gold-soft) 0%,rgba(180,83,9,.04) 100%);border:1px solid rgba(180,83,9,.2);box-shadow:var(--shadow-sm)}.qada-stat--fasting:hover{box-shadow:var(--shadow-gold)}.qada-stat__value{font-family:var(--font-display);font-size:1.75rem;font-weight:var(--font-bold);line-height:1}.qada-stat--prayers .qada-stat__value{color:var(--color-islamic-green)}.qada-stat--fasting .qada-stat__value{color:var(--color-islamic-gold)}.qada-stat__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.qada-add-manual-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-islamic-green);background:var(--color-islamic-green-soft);border:1px solid rgba(6,95,70,.25);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.qada-add-manual-btn:hover{background:#065f4626;border-color:var(--color-islamic-green);color:var(--color-islamic-green)}.qada-loader{padding:var(--space-12);text-align:center}.qada-loader .loader__text{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.qada-data-block{margin-top:0}.qada-block{margin-bottom:var(--space-10)}.qada-block:last-of-type{margin-bottom:var(--space-8)}.qada-block__title{margin:0 0 var(--space-5);display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--color-text);letter-spacing:.02em}.qada-block__title-accent{display:inline-block;width:4px;height:1.25em;border-radius:2px;background:var(--color-islamic-green);flex-shrink:0}.qada-block__title-accent--gold{background:linear-gradient(180deg,var(--color-islamic-gold) 0%,#92400e 100%)}.qada-block__title-accent--muted{background:var(--color-border-strong)}.qada-list{list-style:none;margin:0;padding:0}.qada-list--prayers{display:grid;grid-template-columns:1fr;gap:0}@media (min-width: 420px){.qada-list--prayers{grid-template-columns:repeat(2,1fr);gap:0 var(--space-8)}}@media (min-width: 560px){.qada-list--prayers{grid-template-columns:repeat(3,1fr)}}.qada-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) 0;padding-right:var(--space-3);padding-left:0;border-bottom:1px solid var(--color-border);position:relative;transition:background .2s ease}.qada-list__item:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:2px;background:var(--color-islamic-green);opacity:.4;transition:opacity .2s ease,height .2s ease}.qada-list__item--done:before{opacity:.15;height:40%}.qada-list__item:hover{background:#fff6}.qada-list__item:last-child{border-bottom:none}.qada-list__item--done .qada-list__label{color:var(--color-text-muted);font-weight:var(--font-medium)}.qada-list__item--done .qada-list__label:after{content:" ✓";color:var(--color-islamic-green);font-weight:var(--font-bold);margin-right:var(--space-1)}.qada-list__label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);min-width:4.5rem;cursor:pointer;display:flex;align-items:center;gap:var(--space-2)}.qada-stepper{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-bg-subtle);padding:var(--space-1);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow .2s ease,border-color .2s ease}.qada-stepper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.qada-stepper--wide{gap:var(--space-2);padding:var(--space-2)}.qada-stepper--wide .qada-stepper__input{width:3.25rem}.qada-stepper__btn{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:var(--color-bg);color:var(--color-text-secondary);font-size:1.125rem;font-weight:600;line-height:1;cursor:pointer;transition:all .2s ease}.qada-stepper__btn:hover{background:var(--color-accent-soft);color:var(--color-accent)}.qada-stepper__btn:focus{outline:none;background:var(--color-accent-soft);color:var(--color-accent)}.qada-stepper__input{width:2.75rem;padding:var(--space-2) var(--space-1);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);text-align:center;background:transparent;color:var(--color-text);transition:color .2s ease}.qada-stepper__input:focus{outline:none}.qada-stepper__input::-webkit-outer-spin-button,.qada-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qada-stepper__input[type=number]{-moz-appearance:textfield}.qada-fast{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-6)}.qada-fast__item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease}.qada-fast__item:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;pointer-events:none;border-radius:0 0 0 40%}.qada-fast__item:first-child:before{background:linear-gradient(135deg,var(--color-islamic-green-soft) 0%,transparent 70%)}.qada-fast__item:last-child:before{background:linear-gradient(135deg,var(--color-islamic-gold-soft) 0%,transparent 70%)}[dir=rtl] .qada-fast__item:before{right:auto;left:0;border-radius:0 0 40%}.qada-fast__item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.qada-fast__item:first-child{border-color:#065f4633}.qada-fast__item:last-child{border-color:#b4530933}.qada-fast__label{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--color-text);cursor:pointer;position:relative}.qada-fast__item:first-child .qada-fast__label{color:var(--color-islamic-green)}.qada-fast__item:last-child .qada-fast__label{color:var(--color-islamic-gold)}.qada-fast__sublabel{display:block;font-size:var(--text-sm);font-weight:400;color:var(--color-text-muted);margin-top:2px}.qada-block--notes .qada-block__title{margin-bottom:var(--space-4)}.qada-notes-input{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-relaxed);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg-subtle) 100%);color:var(--color-text);resize:vertical;min-height:110px;transition:border-color .25s ease,box-shadow .25s ease}.qada-notes-input:focus{outline:none;border-color:var(--color-islamic-gold);box-shadow:0 0 0 2px var(--color-islamic-gold-soft)}.qada-notes-input::placeholder{color:var(--color-text-muted);font-style:italic}.qada-status{margin-top:var(--space-8);padding-top:var(--space-5);font-size:var(--text-xs);text-align:center;color:var(--color-text-muted);min-height:1.5em;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.qada-status__saving{color:var(--color-accent);font-weight:var(--font-medium)}.qada-status__saving:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-left:var(--space-1);animation:qada-pulse 1s ease-in-out infinite}[dir=rtl] .qada-status__saving:before{margin-left:0;margin-right:var(--space-1)}@keyframes qada-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.qada-status__saved{opacity:.8}.qada-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;animation:qada-fadeIn .2s ease}@keyframes qada-fadeIn{0%{opacity:0}to{opacity:1}}.qada-modal{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);max-width:24rem;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-6);animation:qada-slideUp .25s ease}@keyframes qada-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.qada-modal__title{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.qada-modal__tabs{display:flex;gap:0;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.qada-modal__tab{flex:1;padding:var(--space-2) var(--space-3);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-radius:0;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;color:var(--color-text-muted);transition:color .2s ease,border-color .2s ease}.qada-modal__tab:hover{color:var(--color-text)}.qada-modal__tab--active{color:var(--color-islamic-green);border-bottom-color:var(--color-islamic-green)}.qada-modal__form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.qada-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.qada-modal__label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.qada-modal__input,.qada-modal__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.qada-modal__input:focus,.qada-modal__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.qada-modal__calc-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-islamic-green);background:var(--color-islamic-green-soft);border:1px solid rgba(6,95,70,.2);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease}.qada-modal__calc-btn:hover{background:#065f4626;border-color:var(--color-islamic-green)}.qada-modal__quick{display:flex;gap:var(--space-2)}.qada-modal__quick-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-islamic-gold);background:var(--color-islamic-gold-soft);border:1px solid rgba(180,83,9,.2);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease}.qada-modal__quick-btn:hover{background:#b4530926;border-color:var(--color-islamic-gold)}.qada-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.qada-modal__btn{padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.qada-modal__btn--cancel{background:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted)}.qada-modal__btn--cancel:hover{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.qada-modal__btn--apply{background:var(--color-islamic-green);border:1px solid var(--color-islamic-green);color:#fff}.qada-modal__btn--apply:hover{background:#055238;border-color:#055238}.quran-section{padding:0 0 var(--space-6);direction:rtl;font-family:Noto Naskh Arabic,Tajawal,Traditional Arabic,serif}.quran-hero{margin-bottom:var(--space-4)}.quran-section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1);text-align:center}.quran-section__badge{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin:0}.quran-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.quran-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.quran-tab:hover{color:var(--color-text)}.quran-tab--active{color:var(--color-accent);border-color:var(--color-accent);font-weight:var(--font-semibold)}.quran-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quran-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.quran-error{padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;font-size:var(--text-sm)}.quran-surah-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.quran-surah-card__btn{width:100%;text-align:right;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--text-base);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-1) var(--space-3);align-items:center}.quran-surah-card__btn:hover{border-color:var(--color-border-strong)}.quran-surah-card__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quran-surah-card__num{grid-row:1 / -1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);color:var(--color-text-muted);font-weight:var(--font-bold);font-size:var(--text-xs);border-radius:var(--radius-sm)}.quran-surah-card__name{font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-base)}.quran-surah-card__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.quran-juz-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-2)}.quran-juz-card__btn{width:100%;text-align:center;padding:var(--space-3);font-family:inherit;font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1)}.quran-juz-card__btn:hover{border-color:var(--color-border-strong)}.quran-juz-card__num{font-weight:var(--font-semibold);color:var(--color-text)}.quran-juz-card__range{font-size:var(--text-xs);color:var(--color-text-muted)}.quran-reader{display:flex;flex-direction:column;max-height:calc(100vh - 8rem);min-height:16rem;padding-bottom:var(--space-4)}.quran-reader__header{flex-shrink:0;padding-bottom:var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.quran-reader__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.quran-reader__back{display:inline-block;padding:var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);background:none;border:none;cursor:pointer;font-family:inherit;margin-bottom:var(--space-2)}.quran-reader__back:hover{text-decoration:underline}.quran-reader__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quran-reader__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0}.quran-reader__verse-count{font-weight:var(--font-normal);color:var(--color-text-muted);font-size:var(--text-base)}.quran-reader__reciter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.quran-reader__reciter-label{font-size:var(--text-sm);color:var(--color-text-muted)}.quran-reader__reciter-select{flex:1;min-width:10rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;direction:rtl}.quran-reader__play-all{margin-top:var(--space-2)}.quran-reader__play-all-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid var(--color-accent-soft);border-radius:var(--radius-md);cursor:pointer}.quran-reader__play-all-btn:hover{background:var(--color-accent);color:var(--color-surface)}.quran-reader__play-all-btn--stop{color:var(--color-text);background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.quran-reader__play-all-btn--stop:hover{background:var(--color-border-strong);color:var(--color-text)}.quran-reader__loading{padding:var(--space-4)}.quran-verse-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.quran-verse{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.quran-verse--playing{background:var(--color-accent-soft)}.quran-verse__surah-heading{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);font-family:Noto Naskh Arabic,Traditional Arabic,serif}.quran-search-wrap{margin-bottom:var(--space-4)}.quran-search{width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-family:"Noto Naskh Arabic","Tajawal",inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);direction:rtl}.quran-search::placeholder{color:var(--color-text-muted)}.quran-search:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.quran-search-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);list-style:none}.quran-verse__row{display:flex;align-items:flex-start;gap:var(--space-2)}.quran-verse__num{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-subtle);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%}.quran-verse__arabic{flex:1;margin:0;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:var(--text-lg);line-height:1.8;color:var(--color-text)}.quran-verse__play{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;font-size:.6rem;color:var(--color-accent);background:var(--color-accent-soft);border:none;border-radius:50%;cursor:pointer}.quran-verse__play:hover{background:var(--color-accent);color:var(--color-surface)}.quran-verse__play:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quran-verse__page{display:inline-block;margin-top:var(--space-1);padding-inline-start:calc(1.5rem + var(--space-3));font-size:.7rem;color:var(--color-text-muted)}.tasbih-section{padding:0 0 var(--space-6);direction:rtl}.tasbih-card{position:relative;background:linear-gradient(165deg,#fffefbfa,#f9f6f0f2,#f3efe6eb);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-lg),var(--shadow-inner);overflow:visible}.tasbih-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(180,83,9,.04),transparent 55%);pointer-events:none}.tasbih-card__corner{position:absolute;width:20px;height:20px;border-color:var(--color-islamic-gold);border-style:solid;border-width:0;opacity:.5}.tasbih-card__corner--tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px;border-radius:6px 0 0}.tasbih-card__corner--tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px;border-radius:0 6px 0 0}.tasbih-card__corner--bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 6px}.tasbih-card__corner--br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 6px}.tasbih-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2);position:relative;z-index:1}.tasbih-section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0;text-align:center;font-family:var(--font-display);letter-spacing:.02em}.tasbih-info-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-accent);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0;box-shadow:var(--shadow-sm)}.tasbih-info-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.tasbih-info-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tasbih-info-btn__icon{font-size:1.25rem;line-height:1}.tasbih-section__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4);text-align:center;position:relative;z-index:1}.tasbih-divider{height:3px;width:min(85%,14rem);margin:0 auto var(--space-6);background:linear-gradient(90deg,transparent,var(--color-accent) 15%,var(--color-islamic-gold) 50%,var(--color-accent) 85%,transparent);border-radius:2px;opacity:.7;position:relative;z-index:1}.tasbih-circle-wrap{position:relative;width:min(16rem,78vw);height:min(16rem,78vw);margin:0 auto var(--space-5);z-index:1;display:flex;align-items:center;justify-content:center}.tasbih-circle-wrap--done .tasbih-circle-progress{filter:drop-shadow(0 0 8px rgba(180,83,9,.25))}.tasbih-circle-svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scaleX(-1);width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(15,23,42,.06))}.tasbih-circle-bg{stroke:var(--color-border);stroke-opacity:.5}.tasbih-circle-progress{stroke-linecap:round;transition:stroke-dashoffset .3s ease}.tasbih-circle-tap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70%;height:70%;max-width:70%;max-height:70%;border-radius:50%;border:2px solid var(--color-border);background:linear-gradient(145deg,var(--color-surface) 0%,var(--color-bg-subtle) 100%);box-shadow:var(--shadow-inner),0 4px 12px #0f172a14;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;font-family:var(--font-sans);aspect-ratio:1}.tasbih-circle-tap:not(:disabled):hover{background:linear-gradient(145deg,var(--color-accent-soft) 0%,rgba(13,148,136,.08) 100%);border-color:var(--color-accent);box-shadow:var(--shadow-inner),0 6px 16px #0d948826}.tasbih-circle-tap:not(:disabled):active{transform:translate(-50%,-50%) scale(.97);box-shadow:var(--shadow-inner),0 2px 8px #0f172a1a}.tasbih-circle-tap:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.tasbih-circle-tap:disabled{cursor:default;border-color:var(--color-islamic-green-soft);background:linear-gradient(145deg,var(--color-islamic-green-soft) 0%,rgba(6,95,70,.06) 100%);box-shadow:var(--shadow-inner),0 4px 14px #065f461f}.tasbih-circle-count{font-size:clamp(2.75rem,11vw,3.75rem);font-weight:var(--font-bold);color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.02em}.tasbih-circle-tap:disabled .tasbih-circle-count{color:var(--color-islamic-green)}.tasbih-circle-total{font-size:var(--text-lg);color:var(--color-text-muted);font-weight:var(--font-medium);font-variant-numeric:tabular-nums;margin-top:2px}.tasbih-circle-phase{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-top:var(--space-2);font-family:var(--font-display)}.tasbih-phases{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6);position:relative;z-index:1}.tasbih-phase-pill{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-radius:999px;background:var(--color-bg-subtle);border:1px solid var(--color-border);transition:color .2s ease,background .2s ease,border-color .2s ease;font-family:var(--font-display)}.tasbih-phase-pill--active{color:var(--color-accent);background:var(--color-accent-soft);border-color:#0d948840}.tasbih-phase-pill--done{color:var(--color-islamic-green);background:var(--color-islamic-green-soft);border-color:#065f4633}.tasbih-phase-pill--active.tasbih-phase-pill--done{color:var(--color-islamic-green);background:var(--color-islamic-green-soft);border-color:#065f4640}.tasbih-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);position:relative;z-index:1}.tasbih-reset{min-width:11rem;font-weight:var(--font-semibold)}.tasbih-complete{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-islamic-gold);margin:0;font-family:var(--font-display);text-shadow:0 1px 2px rgba(180,83,9,.15)}.app{max-width:54rem;margin:0 auto;padding:var(--space-6) var(--space-5);padding-top:calc(var(--header-height) + var(--space-4));min-height:82vh;padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.app--loading{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.section-divider--islamic{position:relative;height:4px;margin:0 auto;width:min(90%,18rem)}.section-divider--islamic:before,.section-divider--islamic:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--color-islamic-gold);opacity:.6;transform:translateY(-50%)}.section-divider--islamic:before{right:0}.section-divider--islamic:after{left:0}.section-divider--islamic{background:linear-gradient(90deg,transparent,var(--color-accent) 15%,var(--color-islamic-gold) 50%,var(--color-accent) 85%,transparent);border-radius:2px;opacity:.85}.loader{text-align:center}.loader__spinner{width:52px;height:52px;margin:0 auto var(--space-4);border:3px solid var(--color-accent-soft);border-top-color:var(--color-accent);border-right-color:var(--color-islamic-gold-soft);border-radius:50%;animation:spin .75s linear infinite}.loader__text{margin:0;font-size:var(--text-base);color:var(--color-text-muted);font-weight:var(--font-medium)}@keyframes spin{to{transform:rotate(360deg)}}.bismillah{font-family:"Noto Naskh Arabic",var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-islamic-gold);letter-spacing:.08em;margin:0 0 var(--space-4);text-align:center;opacity:.9}.bismillah--section{font-size:var(--text-base);margin-bottom:var(--space-3);opacity:.85}.app-header{position:fixed;top:0;left:0;right:0;z-index:150;width:100%;min-height:var(--header-height);display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#fffefbfa,#f9f6f0f2,#f3efe6eb);border-bottom:1px solid var(--color-border);box-shadow:0 2px 12px #0f172a0f,0 1px #fffc inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(180,83,9,.03),transparent 60%);pointer-events:none}.app-header__inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:54rem;padding:var(--space-3) var(--space-5);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));position:relative;z-index:1}.app-header__back{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:2.75rem;min-height:2.75rem;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent);background:var(--color-accent-soft);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-lg);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;box-shadow:0 1px 3px #0f172a0a;flex-shrink:0}.app-header__back:hover{color:var(--color-accent-hover);background:#0d94882e;border-color:#0d94884d;box-shadow:0 2px 8px #0d94881f}.app-header__back:active{transform:scale(.98);box-shadow:0 1px 2px #0f172a0f}.app-header__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-header__back-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.app-header__back-icon svg{display:block}.app-header__back-text{white-space:nowrap}.app-header__back-placeholder{display:block;min-width:2.75rem;min-height:2.75rem;flex-shrink:0}.app-header .app-header__bismillah{margin:0;flex:1;text-align:end;font-family:"Noto Naskh Arabic",var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-islamic-gold);letter-spacing:.08em;opacity:.95}.app-header__favicon{flex-shrink:0;width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md),0 0 0 2px #ffffffe6}.app-header__accent{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(85%,16rem);height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-islamic-gold),var(--color-accent),transparent);border-radius:2px;opacity:.75}.header{margin-bottom:var(--space-6);padding:var(--space-6) var(--space-5) var(--space-5);position:relative;background:linear-gradient(165deg,#fffefbeb,#f9f6f0d9,#f3efe6b3);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-inner);display:flex;flex-direction:column}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(180,83,9,.04),transparent 60%);pointer-events:none}.header:after{content:"";display:block;margin-top:var(--space-5);height:3px;width:min(85%,16rem);margin-inline:auto;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-islamic-gold),var(--color-accent),transparent);border-radius:2px;opacity:.8}.header__row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;position:relative;z-index:1}.header .bismillah{margin:0;flex:1;text-align:end;position:relative;z-index:1}.header__favicon{flex-shrink:0;width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md),0 0 0 2px #ffffffe6;position:relative;z-index:1}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-1);background:#fffefbbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);width:100%;max-width:100%;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-md),0 0 0 1px #fff9 inset;border:1px solid rgba(15,23,42,.06);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tabs__tab{flex:1 1 auto;min-width:4.5rem;min-height:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:inherit;font-weight:var(--font-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.tabs__tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.tabs__tab--active{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);color:var(--color-accent);border:1px solid var(--color-islamic-gold-soft);position:relative}.tabs__tab--active:before{content:"";position:absolute;bottom:6px;right:50%;transform:translate(50%);width:5px;height:5px;border-radius:50%;background:var(--color-islamic-gold);opacity:.85}.tabs__tab--active:hover{color:var(--color-accent-hover)}.tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.overview-section{padding:0 0 var(--space-6)}.overview-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-5);text-align:center;letter-spacing:.02em}.overview-glance{position:relative;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(162deg,var(--color-surface) 0%,rgba(249,246,240,.7) 100%);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-inner)}.overview-glance .embed-corner{position:absolute;width:14px;height:14px;border-color:var(--color-islamic-gold);opacity:.4}.overview-glance .embed-corner--tl{top:8px;left:8px;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0}.overview-glance .embed-corner--tr{top:8px;right:8px;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.overview-glance .embed-corner--bl{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.overview-glance .embed-corner--br{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px}.overview-glance__date{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.overview-glance__sep{opacity:.7}.overview-glance__next{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3)}.overview-glance__next-label{font-size:var(--text-xs);color:var(--color-text-muted);width:100%}.overview-glance__next-name{font-weight:var(--font-semibold);color:var(--color-accent);font-size:var(--text-base)}.overview-glance__next-time{font-variant-numeric:tabular-nums;font-size:var(--text-lg);color:var(--color-text);font-weight:var(--font-medium)}.overview-bento{position:relative;padding:var(--space-5) var(--space-4);background:radial-gradient(ellipse 100% 70% at 50% 0%,rgba(180,83,9,.05) 0%,transparent 50%),linear-gradient(165deg,#fffefbfa,#fcfaf5f0);border-radius:var(--radius-2xl);border:1px solid rgba(180,83,9,.08);box-shadow:var(--shadow-md),0 0 0 1px #ffffffbf inset;overflow:hidden}.overview-bento__heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-islamic-gold);letter-spacing:.06em;margin:0 0 var(--space-4);text-align:center;line-height:1.3}.overview-bento__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.overview-bento__card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:5rem;padding:var(--space-3) var(--space-2);background:linear-gradient(180deg,#fffffff2,#fffefbe6);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-lg);box-shadow:0 2px 6px #0f172a0a,0 0 0 1px #ffffffd9 inset;cursor:pointer;font-family:inherit;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.overview-bento__card:hover{border-color:#b4530926;box-shadow:var(--shadow-md),0 0 0 1px #b453091a,0 0 0 1px #ffffffe6 inset;transform:translateY(-2px)}.overview-bento__card:active{transform:translateY(0)}.overview-bento__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.overview-bento__card--featured{grid-column:span 2;min-height:6.5rem;padding:var(--space-4) var(--space-3);background:linear-gradient(145deg,#fffefbfa,#fcfaf5f2);border-color:#b453091a;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0f172a0d,0 0 0 1px #ffffffe6 inset}.overview-bento__card--featured:hover{box-shadow:var(--shadow-lg),0 6px 20px #b4530914,0 0 0 1px #b453091f,0 0 0 1px #fffffff2 inset}.overview-bento__card--wide{grid-column:span 4;min-height:4rem;flex-direction:row;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:right;justify-content:flex-end;border-radius:var(--radius-lg)}.overview-bento__card--wide .overview-bento__card-icon{margin-bottom:0;margin-left:var(--space-2)}.overview-bento__card--wide .overview-bento__card-desc{margin-top:2px;margin-left:auto}.overview-bento__card-icon{font-size:1.75rem;line-height:1;margin-bottom:var(--space-2)}.overview-bento__card--featured .overview-bento__card-icon{font-size:2.25rem;margin-bottom:var(--space-3)}.overview-bento__card-title{font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text);line-height:1.3}.overview-bento__card--featured .overview-bento__card-title{font-size:var(--text-base)}.overview-bento__card-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-tight);margin-top:var(--space-1)}.overview-bento__card--wide .overview-bento__card-title{font-size:var(--text-sm)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fffefbd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(15,23,42,.06);box-shadow:0 -4px 20px #0f172a0f,0 0 0 1px #ffffff80 inset;padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.bottom-nav__list{display:flex;justify-content:space-around;align-items:center;list-style:none;padding:0;max-width:28rem;margin:0 auto}.bottom-nav__item{flex:1;min-width:0}.bottom-nav__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:100%;min-height:44px;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);font-family:inherit;font-weight:var(--font-medium);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color .2s ease,background .2s ease;position:relative}.bottom-nav__btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.bottom-nav__btn--active{color:var(--color-accent);font-weight:var(--font-semibold);background:var(--color-accent-soft)}.bottom-nav__btn--active:before{content:"";position:absolute;top:4px;right:50%;transform:translate(50%);width:6px;height:6px;border-radius:50%;background:var(--color-islamic-gold);opacity:.8}.bottom-nav__btn--active:hover{color:var(--color-accent-hover)}@media (max-width: 479px){.tabs{display:none}.bottom-nav{display:block;background:linear-gradient(180deg,#fffefbeb,#f9f6f0e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(180,83,9,.08);box-shadow:0 -6px 24px #0f172a0f,0 -1px #ffffffb3 inset,0 0 0 1px #b453090a;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.bottom-nav__list{max-width:100%;gap:var(--space-1)}.bottom-nav__btn{min-height:48px;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-lg);font-weight:var(--font-medium);color:var(--color-text-muted);transition:color .2s ease,background .2s ease,transform .15s ease}.bottom-nav__btn:hover{color:var(--color-text);background:#fff9}.bottom-nav__btn--active{color:var(--color-accent);font-weight:var(--font-semibold);background:linear-gradient(135deg,#0d94881a,#b453090f);border:1px solid rgba(13,148,136,.15);box-shadow:0 2px 8px #0d948814}.bottom-nav__btn--active:before{width:5px;height:5px;top:6px;background:var(--color-islamic-gold);opacity:.9;box-shadow:0 0 0 2px #fffefbe6}.bottom-nav__btn:active{transform:scale(.97)}.app{padding:var(--space-4) var(--space-4);padding-top:calc(var(--header-height) + var(--space-3));padding-bottom:5.75rem;min-height:auto}.app-header__inner{padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px))}.app-header__back{min-width:44px;min-height:44px;padding:var(--space-2)}.app-header__back-text{display:none}.app-header__back-placeholder{min-width:44px;min-height:44px}.app-header .app-header__bismillah{font-size:var(--text-base);letter-spacing:.06em}.app-header__favicon{width:40px;height:40px}.app-header__accent{width:min(80%,14rem);height:2px;opacity:.8}.bismillah{font-size:var(--text-base);margin-bottom:var(--space-3)}.overview-section__title{font-size:var(--text-xl);margin-bottom:var(--space-4)}.overview-glance{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5)}.overview-bento{padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl)}.overview-bento__heading{margin-bottom:var(--space-3);font-size:var(--text-xs)}.overview-bento__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.overview-bento__card{min-height:4.5rem;padding:var(--space-3) var(--space-2)}.overview-bento__card--featured{min-height:5.5rem;padding:var(--space-4) var(--space-3)}.overview-bento__card--featured .overview-bento__card-icon{font-size:1.75rem}.overview-bento__card--featured .overview-bento__card-title{font-size:var(--text-sm)}.overview-bento__card--wide{grid-column:span 2;min-height:3.5rem;padding:var(--space-3) var(--space-3)}.overview-bento__card-icon{font-size:1.5rem}.overview-bento__card-title{font-size:var(--text-xs)}.overview-bento__card-desc{font-size:.65rem}.prayer-section{padding:0 0 var(--space-4)}.prayer-section__header{margin-bottom:var(--space-4);gap:var(--space-3)}.prayer-section__title{font-size:var(--text-xl);letter-spacing:.02em}.prayer-quote-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.prayer-panel{padding:var(--space-4) var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(162deg,var(--color-surface) 0%,rgba(249,246,240,.6) 100%);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-md),0 0 0 1px #ffffffb3 inset}.prayer-panel .embed-corner{width:16px;height:16px;opacity:.35}.prayer-panel .embed-corner--tl{top:8px;left:8px}.prayer-panel .embed-corner--tr{top:8px;right:8px}.prayer-panel .embed-corner--bl{bottom:8px;left:8px}.prayer-panel .embed-corner--br{bottom:8px;right:8px}.prayer-date-block{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid var(--color-border)}.prayer-date-block__hijri{font-size:var(--text-base)}.prayer-date-block__gregorian{font-size:var(--text-sm)}.prayer-next-callout{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);gap:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d94881a,#b453090f);border:1px solid rgba(13,148,136,.12);box-shadow:0 2px 8px #0d94880f}.prayer-next-callout__name{font-size:var(--text-sm)}.prayer-next-callout__time{font-size:var(--text-lg)}.prayer-grid{gap:var(--space-2)}.prayer-card{padding:var(--space-2) var(--space-2);min-height:3rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.prayer-card:active{transform:scale(.98)}.prayer-card--next{box-shadow:var(--shadow-md),0 0 0 1px #0d948826,0 4px 12px #0d94881a}.prayer-card__name{font-size:.75rem}.prayer-card__time{font-size:.85rem}.prayer-source{margin-top:var(--space-3);padding-top:var(--space-3)}.content__card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md),0 0 0 1px #ffffffb3 inset}.content__title{font-size:var(--text-xl)}.content__subtitle{margin-bottom:var(--space-4)}.youtube-section{padding:var(--space-4) 0 var(--space-6)}.youtube-section__title{font-size:var(--text-xl)}.youtube-embed-wrap{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),0 0 0 1px #0f172a0f}.youtube-track__link{padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg)}.youtube-track__thumb{width:6rem;height:3.4rem}.youtube-track__name{font-size:var(--text-sm)}.quote-popup-overlay{padding:var(--space-4);align-items:flex-end}.quote-popup{max-height:88vh;padding:var(--space-5) var(--space-4);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -8px 32px #0f172a1f,0 0 0 1px #ffffffe6 inset}.quote-popup__title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.quote-popup__text{font-size:var(--text-sm);margin-bottom:var(--space-4)}.quote-popup__close{min-height:48px;border-radius:var(--radius-lg)}.app--loading .loader__spinner{width:48px;height:48px}.app--loading .loader__text{font-size:var(--text-sm)}}@media (min-width: 480px){.bottom-nav{display:none}}.tab-panel{display:block;animation:fadeIn .3s ease}.tab-panel[hidden]{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.prayer-section{padding:var(--space-4) 0 var(--space-6);position:relative;max-width:42rem;margin:0 auto}.prayer-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.prayer-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0;letter-spacing:.02em;line-height:var(--leading-tight);flex:1;min-width:0}.prayer-quote-btn{flex-shrink:0;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;color:var(--color-islamic-gold);background:var(--color-islamic-gold-soft);border:1px solid var(--color-islamic-gold);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease;box-shadow:var(--shadow-sm)}.prayer-quote-btn:hover{background:#b4530933;transform:translateY(-1px);box-shadow:var(--shadow-md)}.prayer-quote-btn:focus-visible{outline:2px solid var(--color-islamic-gold);outline-offset:2px}.prayer-panel{position:relative;padding:var(--space-5) var(--space-4);background:linear-gradient(160deg,var(--color-surface) 0%,var(--color-bg-subtle) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-inner)}.prayer-panel .embed-corner{position:absolute;width:18px;height:18px;border-color:var(--color-accent);border-style:solid;border-width:0;opacity:.3;pointer-events:none}.prayer-panel .embed-corner--tr,.prayer-panel .embed-corner--bl{border-color:var(--color-islamic-gold)}.prayer-panel .embed-corner--tl{top:10px;left:10px;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0}.prayer-panel .embed-corner--tr{top:10px;right:10px;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.prayer-panel .embed-corner--bl{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.prayer-panel .embed-corner--br{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px}.prayer-date-block{text-align:center;margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:#fff9;border-radius:var(--radius-md);border:1px solid var(--color-border)}.prayer-date-block__hijri{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-islamic-gold)}.prayer-date-block__sep{color:var(--color-text-muted);font-weight:var(--font-medium);margin:0 var(--space-1)}.prayer-date-block__gregorian{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.prayer-next-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-accent-soft) 0%,rgba(180,83,9,.08) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-islamic-gold-soft)}.prayer-next-callout__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);letter-spacing:.02em}.prayer-next-callout__name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-accent)}.prayer-next-callout__time{font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-islamic-gold);letter-spacing:.02em}.quote-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#0f172a66;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:quote-overlay-in .2s ease}@keyframes quote-overlay-in{0%{opacity:0}to{opacity:1}}.quote-popup-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:transparent;cursor:pointer}.quote-popup{position:relative;max-width:28rem;max-height:85vh;overflow:auto;padding:var(--space-6) var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl),0 0 0 1px #fffc inset;animation:quote-popup-in .25s ease}@keyframes quote-popup-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.quote-popup__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-islamic-gold);margin:0 0 var(--space-4);text-align:center}.quote-popup__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-5);text-align:right}.quote-popup__close{display:block;width:100%;margin:0}.prayer-hero{text-align:center;margin-bottom:var(--space-6);padding:var(--space-5) var(--space-4);background:linear-gradient(160deg,var(--color-surface) 0%,var(--color-bg-subtle) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-inner);animation:prayer-hero-in .4s ease-out}@keyframes prayer-hero-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.prayer-hero__badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-soft);border:1px solid var(--color-islamic-gold-soft);border-radius:var(--radius-xl)}.prayer-section__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:-.02em;line-height:var(--leading-tight)}.prayer-hero__tagline{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:22rem;margin-left:auto;margin-right:auto}.prayer-hero__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);text-decoration:none;box-shadow:var(--shadow-sm);transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.prayer-hero__link:hover{color:var(--color-accent-hover);background:var(--color-surface-hover);border-color:var(--color-accent-soft);box-shadow:var(--shadow-md);transform:translateY(-1px)}.prayer-hero__link-icon{font-size:1em;opacity:.85}.prayer-embed-frame{width:100%;border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(165deg,#ffffffeb,#f8fafcf2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px #0d948814,0 4px 6px -1px #0f172a0a,0 12px 24px -8px #0f172a14,0 24px 48px -12px #0d94880f,inset 0 1px #ffffffe6;animation:prayer-frame-in .6s cubic-bezier(.22,1,.36,1) .1s both;position:relative}@keyframes prayer-frame-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.prayer-embed-frame__chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:44px;background:linear-gradient(180deg,var(--color-bg-subtle) 0%,var(--color-surface) 100%);border-bottom:1px solid var(--color-border);box-shadow:0 1px #fffc inset}.prayer-embed-frame__dots{display:flex;align-items:center;gap:5px}.prayer-embed-frame__dots span{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);opacity:.7}.prayer-embed-frame__dots span:nth-child(1){background:#f87171}.prayer-embed-frame__dots span:nth-child(2){background:#fbbf24}.prayer-embed-frame__dots span:nth-child(3){background:#34d399}.prayer-embed-frame__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);letter-spacing:.02em}.prayer-embed-frame__inner{width:100%;height:70vh;min-height:400px;max-height:720px;position:relative;overflow:hidden;background:var(--color-surface)}.prayer-embed-frame__corner{position:absolute;width:20px;height:20px;border-color:var(--color-accent);border-style:solid;border-width:0;opacity:.35;pointer-events:none;transition:opacity .2s ease;z-index:2}.prayer-embed-frame__corner--tr,.prayer-embed-frame__corner--bl{border-color:var(--color-islamic-gold)}.prayer-embed-frame:hover .prayer-embed-frame__corner{opacity:.55}.prayer-embed-frame__corner--tl{top:8px;left:8px;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0}.prayer-embed-frame__corner--tr{top:8px;right:8px;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.prayer-embed-frame__corner--bl{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.prayer-embed-frame__corner--br{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px}.prayer-embed{width:100%;height:100%;min-height:400px;border:0;display:block;position:relative;z-index:1}.prayer-date{text-align:center;margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium)}.prayer-panel .prayer-grid{margin:0;padding:var(--space-2) 0 0}.prayer-source{text-align:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.prayer-source .prayer-hero__link{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.prayer-loading,.prayer-error{text-align:center;padding:var(--space-8)}.prayer-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-muted)}.loader__spinner--small{width:36px;height:36px;margin:0;border-top-color:var(--color-accent);border-color:var(--color-accent-soft)}.prayer-error p{margin:0 0 var(--space-4);color:var(--color-text-secondary)}.prayer-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media (min-width: 380px){.prayer-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 480px){.prayer-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-3)}}@media (min-width: 640px){.prayer-grid{grid-template-columns:repeat(5,1fr)}}.prayer-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2) var(--space-1);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;text-align:center;min-height:3.25rem;position:relative}.prayer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--color-border-strong)}.prayer-card--next{background:linear-gradient(145deg,var(--color-surface) 0%,rgba(13,148,136,.08) 100%);border-color:#0d94884d;box-shadow:var(--shadow-md),var(--shadow-accent),0 0 24px #0d948814}.prayer-card--next:hover{box-shadow:var(--shadow-lg),0 6px 20px #0d948833,0 0 28px #0d94881a}@keyframes next-prayer-glow{0%,to{box-shadow:var(--shadow-md),var(--shadow-accent),0 0 24px #0d948814}50%{box-shadow:var(--shadow-md),var(--shadow-accent),0 0 32px #0d94881f}}.prayer-card--next{animation:next-prayer-glow 4s ease-in-out infinite}.prayer-card__next-label{display:block;font-size:.65rem;font-weight:var(--font-semibold);color:var(--color-islamic-gold);letter-spacing:.04em;margin-bottom:var(--space-1);line-height:1.2}.prayer-card__name{font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--color-text);margin-bottom:var(--space-1);line-height:1.2}.prayer-card__time{font-variant-numeric:tabular-nums;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.02em;color:var(--color-text)}@media (min-width: 480px){.prayer-card__name{font-size:var(--text-sm)}.prayer-card__time{font-size:1rem}}.prayer-card__badge{position:absolute;top:var(--space-2);left:var(--space-2);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;border-radius:var(--radius-sm);font-weight:var(--font-semibold);box-shadow:var(--shadow-accent)}.youtube-section{padding:var(--space-4) 0}.youtube-section__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1);text-align:center;letter-spacing:.02em}.youtube-section__subtitle{text-align:center;margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.youtube-embed-wrap{position:relative;width:100%;padding-bottom:115%;margin-bottom:var(--space-6);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);background:#0f0f0f}.youtube-embed-wrap .embed-corner{position:absolute;width:20px;height:20px;border-color:var(--color-accent);border-style:solid;border-width:0;opacity:.35;pointer-events:none;z-index:2}.youtube-embed-wrap .embed-corner--tr,.youtube-embed-wrap .embed-corner--bl{border-color:var(--color-islamic-gold)}.youtube-embed-wrap:hover .embed-corner{opacity:.55}.youtube-embed-wrap .embed-corner--tl{top:8px;left:8px;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0}.youtube-embed-wrap .embed-corner--tr{top:8px;right:8px;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.youtube-embed-wrap .embed-corner--bl{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.youtube-embed-wrap .embed-corner--br{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px}.youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-loading{padding:var(--space-6)}.youtube-tracks-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-4);text-align:center}.youtube-tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.youtube-track{margin:0;padding:0}.youtube-track__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.youtube-track__link:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-soft);transform:translate(-3px)}.youtube-track__num{flex-shrink:0;width:2rem;font-variant-numeric:tabular-nums;font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.youtube-track__thumb{flex-shrink:0;width:7.5rem;height:4.2rem;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-subtle)}.youtube-track__thumb img{width:100%;height:100%;object-fit:cover;display:block}.youtube-track__name{flex:1;font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);min-width:0}.content{line-height:var(--leading-relaxed);color:var(--color-text-secondary);text-align:center;padding:var(--space-1) 0}.content__card{max-width:28rem;margin:0 auto;padding:var(--space-6) var(--space-5);background:linear-gradient(160deg,var(--color-surface) 0%,var(--color-bg-subtle) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md),var(--shadow-inner);position:relative}.content__card .embed-corner{position:absolute;width:18px;height:18px;border-color:var(--color-accent);border-style:solid;border-width:0;opacity:.3;pointer-events:none}.content__card .embed-corner--tr,.content__card .embed-corner--bl{border-color:var(--color-islamic-gold)}.content__card .embed-corner--tl{top:10px;left:10px;border-top-width:2px;border-left-width:2px;border-radius:4px 0 0}.content__card .embed-corner--tr{top:10px;right:10px;border-top-width:2px;border-right-width:2px;border-radius:0 4px 0 0}.content__card .embed-corner--bl{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px;border-radius:0 0 0 4px}.content__card .embed-corner--br{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px;border-radius:0 0 4px}.content__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-3);letter-spacing:.02em}.content__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5);font-weight:var(--font-medium)}.content p{margin:var(--space-2) 0;font-weight:var(--font-medium)}.btn{margin-top:var(--space-4);min-height:44px;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-family:inherit;font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:active{transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:var(--shadow-accent)}.btn--primary:hover{box-shadow:0 6px 20px #0d948859;background:linear-gradient(135deg,var(--color-accent-hover),var(--color-islamic-green))}:root{--color-bg: #f9f6f0;--color-bg-subtle: #f3efe6;--color-surface: #fffefb;--color-surface-hover: #faf8f5;--color-border: rgba(15, 23, 42, .06);--color-border-strong: rgba(15, 23, 42, .1);--color-text: #1a1a17;--color-text-secondary: #4a4944;--color-text-muted: #6b6a63;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-soft: rgba(13, 148, 136, .12);--color-accent-soft-hover: rgba(13, 148, 136, .18);--color-islamic-gold: #b45309;--color-islamic-gold-soft: rgba(180, 83, 9, .12);--color-islamic-green: #065f46;--color-islamic-green-soft: rgba(6, 95, 70, .08);--color-cream: #f9f6f0;--color-cream-warm: #f3efe6;--font-sans: "Tajawal", "Segoe UI", "Traditional Arabic", Tahoma, sans-serif;--font-display: "Amiri", "Tajawal", "Traditional Arabic", serif;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: clamp(1.5rem, 4.5vw, 2.25rem);--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-2xl: 28px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 4px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .06);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .07), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-accent: 0 4px 14px rgba(13, 148, 136, .2);--shadow-gold: 0 4px 14px rgba(180, 83, 9, .15);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .85);--header-height: 5.25rem}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);background-image:linear-gradient(180deg,#f9f6f0,#f7f4ee 40%,#f3efe6fa,#f5f0e8f2),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 4 L44 36 L76 40 L44 44 L40 76 L36 44 L4 40 L36 36 Z' fill='none' stroke='%23b45309' stroke-width='0.35' opacity='0.04'/%3E%3C/svg%3E"),radial-gradient(ellipse 120% 80% at 50% -20%,rgba(13,148,136,.06),transparent),radial-gradient(ellipse 80% 60% at 100% 0%,var(--color-islamic-gold-soft),transparent 50%),radial-gradient(ellipse 80% 60% at 0% 0%,var(--color-islamic-green-soft),transparent 50%);background-size:100% 100%,256px 256px,80px 80px,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0;min-height:100vh;direction:rtl;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 479px){:root{--header-height: 4.5rem;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 6px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .07), 0 4px 12px rgba(15, 23, 42, .05)}body{background-image:linear-gradient(180deg,#faf7f2,#f8f5ef,#f5f1e9fa 70%,#f7f3ecf5),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E"),radial-gradient(ellipse 100% 60% at 50% -10%,rgba(13,148,136,.07),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(180,83,9,.06),transparent 50%),radial-gradient(ellipse 70% 50% at 0% 0%,rgba(6,95,70,.05),transparent 50%);background-size:100% 100%,256px 256px,100% 100%,100% 100%,100% 100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}