@font-face{font-family:naskh;src:url(/_next/static/media/00944f579ad18510-s.woff) format("woff");font-display:swap;font-weight:400}@font-face{font-family:naskh;src:url(/_next/static/media/360a802f85dbc517-s.woff) format("woff");font-display:swap;font-weight:700}@font-face{font-family:naskh Fallback;src:local("Arial");ascent-override:106.90%;descent-override:63.40%;line-gap-override:0.00%;size-adjust:100.00%}.__className_b18081{font-family:naskh,naskh Fallback,Amiri,Noto Naskh Arabic,serif}.__variable_b18081{--font-naskh:"naskh","naskh Fallback",Amiri,Noto Naskh Arabic,serif}:root{color-scheme:light;--color-green:#176b55;--tasbih-area-canvas-start:86%;--tasbih-area-canvas-end:82%;--color-green-deep:#104f40;--color-gold:#b99b58;--color-ivory:#f7f5ef;--color-surface:#fffefa;--color-ink:#30332f;--color-muted:#64655e;--color-line:#dedbd2;--color-soft:#eeece4;--color-review:#6d5428;--color-canvas:#f7f5ef;--color-panel:#f7f5ef;--color-section:#f7f5ef;--color-art-bg:#f7f5ef;--color-badge-bg:#f7f5ef;--color-review-bg:#f4eddd;--color-review-panel:#f0eddf;--color-feature-lead:#fffefa;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.75rem;--page-width:72rem;--page-gutter:clamp(1rem,4vw,3rem);background:var(--color-canvas);color:var(--color-ink);font-family:Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:100%;line-height:1.9}*{box-sizing:border-box}body{margin:0;min-block-size:100svh;display:flex;flex-direction:column}main{flex:1 1;min-inline-size:0}.container{inline-size:min(calc(100% - var(--page-gutter) * 2),var(--page-width));margin-inline:auto}h1,h2,h3,p{margin:0;overflow-wrap:anywhere}h1,h2,h3{color:var(--color-ink);text-wrap:balance}h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.55;font-weight:700}h1,h2{letter-spacing:normal}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.65}h3{font-size:var(--text-xl);line-height:1.75}p{text-wrap:pretty}a{color:var(--color-green);text-underline-offset:.3em}svg{display:block;max-inline-size:100%}::selection{background:#dbe7d8;color:#104f40}:focus-visible{outline:3px solid var(--color-green);outline-offset:5px}main:focus{outline:none}.skip-link{position:absolute;inset-block-start:.5rem;inset-inline-start:.75rem;padding:.5rem 1rem;background:var(--color-surface);transform:translateY(-200%);z-index:10;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{border-block-end:1px solid var(--color-line);background:var(--color-canvas)}.header-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-block:var(--space-4) var(--space-3);gap:var(--space-4)}.brand{display:inline-flex;align-items:center;margin-inline-start:-.375rem;text-decoration:none;flex-shrink:1;max-inline-size:100%}.brand--footer{margin-inline-start:-.75rem}.brand__logo{block-size:3.75rem;inline-size:auto;max-inline-size:100%}.brand--footer .brand__logo{block-size:5.5rem}.brand__narrow{display:none}.logo--light{display:block}.logo--dark,:root[data-theme=dark] .logo--light{display:none}:root[data-theme=dark] .logo--dark{display:block}.header-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-xs)}.header-status>span{inline-size:.4rem;block-size:.4rem;background:var(--color-green);border-radius:50%}.header-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;max-inline-size:100%}.header-tools .storage-notice{flex-basis:100%;max-inline-size:20rem;font-size:var(--text-sm)}.theme-toggle{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;padding:.6rem;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:var(--color-ink)}.theme-toggle svg{inline-size:1.4rem;block-size:1.4rem}.theme-toggle:not(:disabled):hover{background:var(--color-soft);border-color:var(--color-green)}.main-nav{order:3;inline-size:100%;display:flex;flex-wrap:wrap;gap:var(--space-1);padding:.3rem;border:1px solid var(--color-line);border-radius:.85rem;background:var(--color-surface)}.main-nav a{display:grid;place-items:center;flex:1 1 auto;min-block-size:2.75rem;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);text-decoration:none;color:var(--color-muted);border-radius:var(--radius-sm);text-align:center}.main-nav a[aria-current=page]{color:var(--color-green-deep);font-weight:700;background:var(--color-soft)}.footer-nav a:hover,.main-nav a:hover{text-decoration:underline}.main-nav__icon{display:none}.eyebrow{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-green);font-weight:700;margin-block-end:var(--space-4)}.eyebrow-line{display:inline-block;inline-size:1.75rem;block-size:1px;background:var(--color-gold)}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-block:var(--space-7) var(--space-8);align-items:center}.hero>*,.page-content>*{min-inline-size:0}.hero h1{font-size:clamp(2.3rem,4.7vw,4rem)}.hero h1>span{color:var(--color-ink)}.hero-description{color:var(--color-muted);font-size:var(--text-lg);max-inline-size:32rem;margin-block:var(--space-5) var(--space-6);line-height:2.1}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.button-link{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-4);min-inline-size:0;max-inline-size:100%;min-block-size:3.25rem;padding:.8rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;font-size:var(--text-sm);font-weight:700;transition:background-color .16s ease,border-color .16s ease}.button-link__label{min-inline-size:0;overflow-wrap:anywhere}.button-link__arrow{font-family:Arial,sans-serif;font-size:1.25rem;flex-shrink:0}.button-link--primary{color:var(--color-surface);background:var(--color-green)}.button-link--primary:hover{background:var(--color-green-deep)}.button-link--secondary{color:var(--color-green-deep);border-color:var(--color-line)}.button-link--secondary:hover{background:var(--color-soft);border-color:var(--color-green)}.button-link--light{color:#104f40;background:#f7f5ef}.button-link--light:hover{background:#e9eddf}.header-search{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:var(--color-ink)}.header-search svg{inline-size:1.3rem;block-size:1.3rem}.header-search:hover,.header-search[aria-current=page]{background:var(--color-soft);border-color:var(--color-green);color:var(--color-green-deep)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;max-inline-size:100%;padding:.2rem .65rem;border:1px solid var(--color-line);border-radius:2rem;font-size:var(--text-xs);color:var(--color-green-deep);background:var(--color-badge-bg);line-height:1.8}.status-badge>span{inline-size:.3rem;block-size:.3rem;border-radius:50%;background:currentColor}.status-badge--review{color:var(--color-review);background:var(--color-review-bg);border-color:var(--color-line)}.hero-art{display:none;position:relative;isolation:isolate;inline-size:min(100%,24rem);aspect-ratio:1/1.13;justify-self:center;flex-direction:column;justify-content:center;align-items:center;margin-block-start:var(--space-4)}.hero-art__arch{position:relative;inline-size:88%;aspect-ratio:1;background:var(--color-art-bg);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px #0000000a}.hero-art__logo{inline-size:93%;block-size:auto;margin-inline:auto}.hero-art__orbit{position:absolute;border:1px solid var(--color-line);border-radius:50%;z-index:-1}.hero-art__orbit--outer{inline-size:88%;block-size:66%;transform:rotate(-32deg)}.hero-art__orbit--inner{inline-size:82%;block-size:64%;transform:rotate(28deg)}.hero-art__bead{position:absolute;background:var(--color-gold);border-radius:50%}.hero-art__bead--one{inline-size:1.1rem;block-size:1.1rem;inset-inline-end:5%;inset-block-start:32%}.hero-art__bead--two{inline-size:.7rem;block-size:.7rem;inset-inline-start:8%;inset-block-end:21%}.hero-art__bead--three{inline-size:.4rem;block-size:.4rem;inset-inline-start:14%;inset-block-end:17%}.hero-art__caption{position:absolute;inset-block-end:-1rem;inline-size:100%;display:flex;justify-content:center;text-align:center;align-items:center;gap:var(--space-3);font-size:.7rem;color:var(--color-muted)}.hero-art__caption>span{inline-size:1.5rem;block-size:1px;flex-shrink:0;background:var(--color-gold)}.project-section{padding-block:var(--space-7);background:var(--color-section);border-block:1px solid var(--color-line);scroll-margin-block-start:var(--space-6)}.section-heading{display:grid;gap:var(--space-4);margin-block-end:var(--space-6)}.section-heading>p{color:var(--color-muted);font-size:var(--text-sm)}.section-heading .eyebrow{margin-block-end:var(--space-2)}.feature-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.feature-card{position:relative;min-inline-size:0;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.feature-card,.feature-card__link{display:flex;flex-direction:column;align-items:center}.feature-card__link{gap:var(--space-1);inline-size:100%;block-size:100%;padding:var(--space-5) var(--space-3);color:inherit;text-decoration:none;border-radius:inherit}.feature-card h3{font-size:var(--text-lg);margin-block-start:var(--space-2)}.feature-icon{display:grid;place-items:center;inline-size:3rem;block-size:3rem;color:var(--color-green);background:var(--color-soft);border-radius:var(--radius-sm)}.feature-icon svg{inline-size:2rem;block-size:2rem}.feature-card p{color:var(--color-muted);font-size:var(--text-xs);line-height:1.8}.site-footer{border-block-start:1px solid var(--color-line);padding-block:var(--space-7) var(--space-5)}.footer-main{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;padding-block-end:var(--space-6)}.footer-main>div{min-inline-size:0;max-inline-size:100%}.footer-description{color:var(--color-muted);font-size:var(--text-sm);max-inline-size:24rem;margin-block-start:var(--space-4)}.footer-nav{display:flex;flex-wrap:wrap;align-content:start;gap:var(--space-2) var(--space-5)}.footer-nav a{display:inline-flex;align-items:center;min-block-size:2.75rem;text-decoration:none;font-size:var(--text-sm);color:var(--color-muted)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);border-block-start:1px solid var(--color-line);padding-block-start:var(--space-5);color:var(--color-muted);font-size:var(--text-xs)}.footer-bottom>span{font-family:Georgia,serif;letter-spacing:.08em}.public-page{max-inline-size:52rem;padding-block:var(--space-7) var(--space-8)}.page-intro{padding-block-end:var(--space-6);margin-block-end:var(--space-6);border-block-end:1px solid var(--color-line)}.page-intro .status-badge,.page-intro h1{margin-block-end:var(--space-4)}.page-intro h1{font-size:clamp(2rem,4.5vw,3rem)}.lead{color:var(--color-muted);font-size:var(--text-lg);max-inline-size:40rem;line-height:2.1}.page-content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.page-content>.button-link{justify-self:start}.editorial-card{display:flex;flex-wrap:wrap;align-items:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.editorial-card>div{min-inline-size:0}.section-index{font-family:Georgia,serif;font-size:1.3rem;color:var(--color-review);line-height:2.2}.editorial-card h2,.review-note h2{font-size:var(--text-xl);margin-block-end:var(--space-2)}.editorial-card p,.review-note p{color:var(--color-muted);line-height:2.1}.review-note{padding:var(--space-5);border-inline-start:3px solid var(--color-gold);background:var(--color-review-panel);border-radius:var(--radius-sm)}.editorial-card .license-notice{margin-block:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-review-panel);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.7;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.editorial-card .source-links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-block:var(--space-3);padding:0;list-style:none}.editorial-card .source-links a{color:var(--color-primary);overflow-wrap:anywhere}.not-found{max-inline-size:50rem;text-align:center;padding-block:var(--space-7) var(--space-8)}.error-number{font-family:Georgia,serif;color:#657b60;font-size:clamp(4rem,12vw,7rem);line-height:1.3}.not-found .eyebrow{justify-content:center;margin-block-start:var(--space-5)}.not-found .lead{margin:var(--space-4) auto var(--space-6)}@media (min-width:40rem){.hero{padding-block:var(--space-8)}.section-heading{grid-template-columns:1fr 1fr;align-items:end}.section-heading>p{max-inline-size:25rem;justify-self:end}.public-page{padding-block:var(--space-8)}.editorial-card{gap:var(--space-6);padding:var(--space-6);flex-wrap:nowrap}}@media (min-width:62rem){.header-inner{padding-block:var(--space-4);gap:var(--space-5)}.main-nav{order:0;inline-size:auto;gap:var(--space-1)}.main-nav a{padding-inline:var(--space-4)}.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-7);padding-block:var(--space-8);min-block-size:34rem}.hero-art{display:flex;inline-size:min(100%,24rem);margin:0}.project-section{padding-block:var(--space-8)}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.feature-card__link{padding-block:var(--space-6)}}@media (max-width:19rem){.brand__wide{display:none}.brand__narrow{display:block}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}:root[data-theme=dark]{color-scheme:dark;--tasbih-area-canvas-start:94%;--tasbih-area-canvas-end:92%;--color-canvas:#1c1d1b;--color-green:#8ed4b2;--color-green-deep:#d6eee0;--color-surface:#252622;--color-ink:#f0eee6;--color-muted:#c1bfb6;--color-line:#505149;--color-soft:#30312b;--color-review:#e4c98f;--color-panel:#1c1d1b;--color-section:#1c1d1b;--color-art-bg:#1c1d1b;--color-badge-bg:#30312b;--color-review-bg:#3a3120;--color-review-panel:#332d21;--color-feature-lead:#252622}@media (prefers-color-scheme:dark){:root:not([data-theme]) .logo--light,:root[data-theme=system] .logo--light{display:none}:root:not([data-theme]) .logo--dark,:root[data-theme=system] .logo--dark{display:block}:root:not([data-theme]),:root[data-theme=system]{color-scheme:dark;--tasbih-area-canvas-start:94%;--tasbih-area-canvas-end:92%;--color-canvas:#1c1d1b;--color-green:#8ed4b2;--color-green-deep:#d6eee0;--color-surface:#252622;--color-ink:#f0eee6;--color-muted:#c1bfb6;--color-line:#505149;--color-soft:#30312b;--color-review:#e4c98f;--color-panel:#1c1d1b;--color-section:#1c1d1b;--color-art-bg:#1c1d1b;--color-badge-bg:#30312b;--color-review-bg:#3a3120;--color-review-panel:#332d21;--color-feature-lead:#252622}}button,input,select{font:inherit}button{cursor:pointer;overflow-wrap:anywhere}button:disabled,fieldset:disabled,input:disabled{cursor:default}button:disabled{opacity:.65}.content-list,.interactive-stack{display:grid;gap:1.5rem;min-inline-size:0}.surface-panel{padding:clamp(1rem,3vw,2rem);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-inline-size:0}.surface-panel h2{font-size:var(--text-xl);margin-block-end:.75rem}.muted{color:var(--color-muted)}.small{font-size:var(--text-sm)}.action-button,.favorite-toggle{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;max-inline-size:100%;padding:.6rem 1rem;border:1px solid var(--color-green);border-radius:var(--radius-sm);background:var(--color-green);color:var(--color-surface);line-height:1.8}.action-button--secondary,.favorite-toggle{color:var(--color-green-deep);background:var(--color-soft)}.favorite-toggle[aria-pressed=true]{border-width:2px}.action-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-block-start:1rem}.confirmation-panel,.local-note,.storage-notice{padding:1rem;border-inline-start:3px solid var(--color-gold);border-radius:.5rem;background:var(--color-review-bg);color:var(--color-review)}.confirmation-panel{text-align:start;inline-size:100%}.confirmation-panel h2{color:var(--color-review)}.search-panel label,.settings-font>label{display:block;font-weight:700;margin-block-end:.75rem}input[type=search],select{inline-size:100%;min-inline-size:0;min-block-size:3rem;max-inline-size:100%;border:1px solid var(--color-muted);border-radius:.5rem;background:var(--color-canvas);color:var(--color-ink);padding:.65rem}input::placeholder{color:var(--color-muted);opacity:1}.search-panel .small{margin-block-start:.75rem}.settings-fieldset{margin:0}.settings-fieldset legend{color:var(--color-green-deep);font-size:var(--text-xl);font-weight:700;padding-inline:.5rem}.theme-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1rem}.theme-option{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem;min-block-size:2.75rem;border:1px solid var(--color-muted);border-radius:.5rem;cursor:pointer}.theme-option:has(input:checked){background:var(--color-soft);border-color:var(--color-green)}.theme-option input{accent-color:var(--color-green);inline-size:1.25rem;block-size:1.25rem;flex-shrink:0}.settings-preview{margin-block-start:1.5rem}.reading-text{font-family:var(--font-naskh),"Noto Sans Arabic",serif;font-size:calc(1.125rem * var(--reading-scale, 1));white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1}.surface-panel .reading-title{font-size:calc(1.375rem * var(--reading-scale, 1))}.content-card__header{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-block-end:1rem}.content-card__header>*{min-inline-size:0;max-inline-size:100%}@media (min-width:40rem){.content-card__header{flex-direction:row;justify-content:space-between;gap:1rem}.content-card__header .favorite-toggle{flex:none}}.content-detail{font-size:var(--text-sm);color:var(--color-muted);margin-block-start:1rem;overflow-wrap:anywhere}.content-statement{border-block-start:1px solid var(--color-line);margin-block-start:1.5rem;padding-block-start:1rem}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;margin-block:1rem}.category-tags li{background:var(--color-soft);color:var(--color-green-deep);border-radius:1rem;font-size:var(--text-sm);padding:.2rem .75rem}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.feedback-panel{max-inline-size:45rem}.feedback-fields{border:0;padding:0;margin:0;display:grid;gap:1.25rem;min-inline-size:0}.feedback-fields label{display:block;font-weight:700;margin-block-end:.5rem}.feedback-fields input[type=email],.feedback-fields textarea{inline-size:100%;max-inline-size:100%;min-inline-size:0;border:1px solid var(--color-muted);border-radius:.5rem;padding:.65rem;background:var(--color-canvas);color:var(--color-ink);font:inherit}a.action-button{text-decoration:none}.contact-channel{display:grid;gap:var(--space-5,1.5rem)}.contact-channel textarea{inline-size:100%;max-inline-size:100%;min-inline-size:0;min-block-size:9rem;border:1px solid var(--color-muted);border-radius:.5rem;padding:.75rem;font:inherit;line-height:1.8;background:var(--color-surface);color:var(--color-ink);resize:vertical}.contact-label{margin-block:1rem .35rem;font-weight:700;font-size:var(--text-sm)}.contact-address-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.contact-address{display:inline-block;max-inline-size:100%;padding:.55rem .8rem;border:1px solid var(--color-line);border-radius:.5rem;background:var(--color-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.contact-status{min-block-size:1.6em}.feedback-fields textarea{resize:vertical;min-block-size:9rem}.feedback-fields :disabled{cursor:not-allowed}.feedback-fields [aria-invalid=true]{border-width:2px}.feedback-error{color:var(--color-review);font-weight:700}.feedback-context,.feedback-status{overflow-wrap:anywhere;margin-block:1rem}.feedback-status:empty{margin:0}.feedback-challenge{max-inline-size:100%;min-block-size:4.5rem}.feature-card{background:var(--color-feature-lead)}.feature-card:hover{border-color:var(--color-green);box-shadow:0 8px 24px #104f4010}.feature-card h3{color:var(--color-green-deep)}.feature-card__link:focus-visible{outline-offset:3px}.category-section{padding-block:var(--space-7);scroll-margin-block-start:var(--space-6)}.category-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.category-card{position:relative;min-inline-size:0;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-feature-lead);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.category-card:before{content:"";position:absolute;inset-block-start:-1px;inset-inline:1.25rem;block-size:2px;border-radius:0 0 2px 2px;background:var(--color-gold);opacity:.7}.category-card__link{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);inline-size:100%;block-size:100%;min-block-size:9.5rem;padding:var(--space-4);border-radius:inherit;color:inherit;text-decoration:none}.category-card__link:focus-visible{outline-offset:3px}.category-icon{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;color:var(--color-green);background:var(--color-soft);border:1px solid color-mix(in srgb,var(--color-gold) 40%,transparent);border-radius:var(--radius-sm)}.category-icon svg{inline-size:1.75rem;block-size:1.75rem}.category-card__text{display:grid;gap:.15rem;min-inline-size:0}.category-card h3{font-size:var(--text-base);line-height:1.6;color:var(--color-green-deep)}.category-card p{font-size:var(--text-xs);line-height:1.8;color:var(--color-muted)}.category-card__meta{margin-block-start:auto;font-size:var(--text-xs);color:var(--color-green)}.category-card:not(.category-card--soon):hover{border-color:var(--color-green);box-shadow:0 8px 24px #104f4012;transform:translateY(-2px)}.category-card:not(.category-card--soon):active{transform:translateY(0) scale(.99);box-shadow:none}.category-card--soon{border-style:dashed;background:transparent}.category-card--soon:before{opacity:.35}.category-card--soon .category-icon{color:var(--color-muted)}.category-card--soon h3{color:var(--color-ink)}.category-card--soon .category-card__meta{color:var(--color-review)}@media (min-width:40rem){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.category-card__link{padding:var(--space-5);min-block-size:11rem}.category-card h3{font-size:var(--text-lg)}}@media (min-width:62rem){.category-section{padding-block:var(--space-8)}}@media (max-width:39.99rem){.category-section{padding-block:2rem}}.footer-nav a[aria-current=page]{color:var(--color-green-deep);font-weight:700;text-decoration:underline}.empty-state{border-style:dashed;background:var(--color-soft);padding-block:2rem}.empty-state p{color:var(--color-muted);max-inline-size:38rem}.theme-option{flex:1 1 8rem}input[type=search]:disabled{opacity:.65;cursor:not-allowed}@media (max-width:39.99rem){.hero{padding-block:1.5rem 2rem;gap:0}.hero h1{font-size:1.9rem}.hero .eyebrow{margin-block-end:.5rem}.hero-description{font-size:.9375rem;margin-block:.75rem 1.25rem;line-height:1.9}.project-section{padding-block:2rem}.section-heading{margin-block-end:1.25rem;gap:.25rem}.hero-actions .button-link{flex:1 1 8rem;gap:.5rem;padding-inline:.9rem}.header-status{max-inline-size:10rem}.header-tools .header-status{display:none}body{padding-block-end:calc(4.25rem + env(safe-area-inset-bottom))}.main-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:20;inline-size:auto;flex-wrap:nowrap;gap:0;padding:.3rem .5rem calc(.3rem + env(safe-area-inset-bottom));border:0;border-block-start:1px solid var(--color-line);border-radius:0;background:color-mix(in srgb,var(--color-surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -6px 18px #104f400d}.main-nav a{flex:1 1;gap:.15rem;min-block-size:3.4rem;padding:.3rem .2rem;font-size:.75rem;line-height:1.4}.main-nav a[aria-current=page]{background:transparent}.main-nav__icon{display:block;inline-size:1.35rem;block-size:1.35rem;padding:.15rem .9rem;box-sizing:content-box;border-radius:1rem}.main-nav a[aria-current=page] .main-nav__icon{background:var(--color-soft)}.public-page{padding-block-start:2rem}.page-intro{padding-block-end:1.5rem;margin-block-end:1.5rem}.page-intro h1{margin-block-end:.75rem}.lead{font-size:1rem}}body:has(.tasbih-page){padding-block-end:0}.tasbih-page{--font-reading:var(--font-naskh),"Noto Sans Arabic","Segoe UI",Tahoma,serif;flex:none;inline-size:100%;block-size:100vh;block-size:100dvh}.counter-panel,.tasbih-workspace{block-size:100%;min-inline-size:0}.counter-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);text-align:center}.tasbih-upper{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-block-size:0;overflow-y:auto;padding:max(.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-left),env(safe-area-inset-right)) .75rem}.tasbih-upper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.11;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 13 26.5 17.9 31.8 16.2 30.1 21.5 35 24 30.1 26.5 31.8 31.8 26.5 30.1 24 35 21.5 30.1 16.2 31.8 17.9 26.5 13 24 17.9 21.5 16.2 16.2 21.5 17.9ZM24 13V0M31.8 16.2 48 0M35 24H48M31.8 31.8 48 48M24 35V48M16.2 31.8 0 48M13 24H0M16.2 16.2 0 0' fill='none' stroke='%23b99b58' stroke-width='.6'/%3E%3C/svg%3E") top /3rem;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%)}.tasbih-upper>*{flex-shrink:0;max-inline-size:36rem;inline-size:100%}.tasbih-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.tasbih-tools{display:flex;justify-content:flex-end;gap:.5rem}.tasbih-toolbar h1{color:var(--color-muted);font-size:.875rem;font-weight:400}.tasbih-back{justify-self:start;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;flex-shrink:0;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:var(--color-green-deep)}.tasbih-back svg{inline-size:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tasbih-upper>.tasbih-reading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1 1 auto;min-block-size:6rem;min-inline-size:0}.tasbih-reading:has(.tasbih-reading__scroll){min-block-size:9rem}.tasbih-reading__label{display:flex;align-items:center;gap:.75rem;color:var(--color-muted);font-size:var(--text-xs)}.tasbih-reading__label>span{inline-size:1.5rem;block-size:1px;background:var(--color-gold)}.tasbih-reading h2{font-family:var(--font-reading);color:var(--color-green-deep);font-size:clamp(1.6rem,7vw,2.25rem);line-height:1.5}.tasbih-reading:has(.tasbih-reading__scroll) h2{font-size:clamp(1.05rem,4.2vw,1.3rem)}.tasbih-reading__empty p{color:var(--color-muted);font-size:var(--text-base);line-height:1.8}.tasbih-reading__scroll{display:flex;flex-direction:column;flex:1 1 auto;min-block-size:3rem;inline-size:100%;overflow-y:auto;padding:.75rem .5rem 1.5rem;text-align:start;-webkit-mask-image:linear-gradient(transparent,#000 .75rem,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(transparent,#000 .75rem,#000 calc(100% - 1.5rem),transparent)}.tasbih-reading__scroll>:first-child{margin-block-start:auto}.tasbih-reading__scroll>:last-child{margin-block-end:auto}.tasbih-reading__scroll .reading-text{font-family:var(--font-reading);font-size:calc(1.3rem * var(--reading-scale, 1))}.tasbih-reading__scroll[data-size=s]{text-align:center}.tasbih-reading__scroll[data-size=s] .reading-text{font-size:calc(clamp(1.6rem, 7.5vw, 2.25rem) * var(--reading-scale, 1));line-height:1.9}.tasbih-reading__scroll[data-size=m] .reading-text{font-size:calc(clamp(1.35rem, 5.5vw, 1.7rem) * var(--reading-scale, 1))}.tasbih-reading__scroll[data-size=s] .category-tags{justify-content:center}.count-button{display:grid;place-items:center;inline-size:100%;block-size:100%;min-block-size:0;padding:.5rem max(.5rem,env(safe-area-inset-left),env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom));border:0;border-radius:0;background:linear-gradient(to bottom,var(--color-canvas),color-mix(in srgb,var(--color-canvas) var(--tasbih-area-canvas-start),var(--color-green)) 18%,color-mix(in srgb,var(--color-canvas) var(--tasbih-area-canvas-end),var(--color-green)));color:var(--color-ink);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.count-button:focus-visible{outline-offset:-5px}.count-button:disabled{opacity:1;cursor:default}.counter-dial{--press-depth:5px;position:relative;display:grid;place-items:center;inline-size:min(88vw,38vh,23rem);inline-size:min(88vw,38dvh,23rem);aspect-ratio:1;container-type:inline-size}.counter-dial,.counter-dial *{pointer-events:none}.counter-ring{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.counter-ring circle{fill:none}.counter-ring__edge{stroke:var(--color-gold);stroke-width:.5;opacity:.65;transition:opacity .3s ease,stroke-width .3s ease}.counter-ring__track{stroke:var(--color-soft);stroke-width:9}.counter-ring__progress{stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .22s ease-out}.counter-ring__marker{transform-box:view-box;transform-origin:60px 60px;transition:transform .22s ease-out}.counter-ring__marker circle{fill:var(--color-surface);stroke:var(--color-gold);stroke-width:.9}.counter-dial[data-reached=true] .counter-ring__edge{opacity:1;stroke-width:.9}.counter-ring__ripple{fill:none;stroke:var(--color-gold);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;animation:goal-ripple 1.3s ease-out 1}@keyframes goal-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.counter-ring__complete{stroke:var(--color-gold);stroke-width:9;stroke-linecap:round;stroke-dashoffset:0;animation:goal-sweep .7s ease-in-out 1}@keyframes goal-sweep{0%{stroke-dashoffset:326.73}}.count-button__check{display:inline-block;inline-size:1em;block-size:1em;margin-inline-end:.3em;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;animation:goal-check .36s ease-out .45s 1 backwards}@keyframes goal-check{0%{stroke-dashoffset:1}}.counter-face{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;inline-size:76%;block-size:76%;min-block-size:0;aspect-ratio:1;padding:9%;border:1px solid color-mix(in srgb,var(--color-gold) 40%,var(--color-line));border-radius:50%;color:var(--color-ink);background:radial-gradient(circle at 50% 28%,var(--color-surface),var(--color-canvas) 72%);box-shadow:0 10px 26px #104f401f,0 3px 6px #104f4012,inset 0 1px 0 color-mix(in srgb,white 30%,transparent),inset 0 -8px 18px #104f400a;transform:translateY(0) scale(1);transition:transform .22s ease-out,box-shadow .22s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow-wrap:normal}.count-button:not(:disabled):hover .counter-face{border-color:var(--color-gold)}.count-button[data-pressed=true]:not(:disabled) .counter-face{transform:translateY(var(--press-depth)) scale(.985);box-shadow:0 2px 5px #104f401a,inset 0 1px 0 color-mix(in srgb,white 20%,transparent),inset 0 5px 14px #104f401a;transition-duration:60ms;transition-timing-function:ease-out}.count-button__arch{inline-size:13cqi;block-size:auto;fill:none;stroke:var(--color-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.counter-value{display:block;max-inline-size:100%;color:var(--color-green-deep);font-size:22cqi;font-weight:700;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter-value[data-size=m]{font-size:16cqi}.counter-value[data-size=l]{font-size:11cqi}.counter-value[data-size=xl]{font-size:4.8cqi;overflow-wrap:anywhere}.counter-value bdi{display:inline-block;max-inline-size:100%;animation:count-tick .18s ease-out}@keyframes count-tick{0%{transform:translateY(-3px) scale(1.04);opacity:.7}}.count-button__hint{color:var(--color-muted);font-size:max(.8rem,4.2cqi);line-height:1.6}.count-button__ornament{display:flex;align-items:center;gap:.4rem;margin-block-start:.2rem}.count-button__ornament>span{inline-size:8cqi;block-size:1px;background:var(--color-gold)}.count-button__ornament svg{inline-size:max(.6rem,3.2cqi);fill:var(--color-gold)}.counter-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);inline-size:min(100%,26rem)}.counter-actions>*{flex:0 1 auto;min-inline-size:0}.counter-actions>.change-dhikr{flex:1 1 100%}.counter-reset{display:flex}.pill-button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;inline-size:100%;min-block-size:3.25rem;padding:.6rem .75rem;border:1px solid var(--color-line);border-radius:2rem;font-size:var(--text-base);font-weight:700;line-height:1.6;box-shadow:0 6px 16px #104f400d;transition:background-color .16s ease,border-color .16s ease,transform .12s ease}.pill-button svg{inline-size:1.15rem;block-size:1.15rem;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill-button--change{border-color:var(--color-green);color:var(--color-surface);background:var(--color-green)}.pill-button--change:not(:disabled):hover{border-color:var(--color-green-deep);background:var(--color-green-deep)}.pill-button--reset{min-block-size:2.75rem;padding:.3rem 1rem;color:var(--color-muted);background:transparent;font-size:var(--text-sm);font-weight:600;box-shadow:none}.pill-button--reset svg{color:var(--color-review)}.pill-button--round{min-block-size:2.75rem;padding:.3rem 1rem;border-color:var(--color-gold);color:var(--color-green-deep);background:transparent;font-size:var(--text-sm);font-weight:700;box-shadow:none;animation:round-in .3s ease-out 1}.pill-button--round svg{color:var(--color-gold)}@keyframes round-in{0%{opacity:0;transform:scale(.94)}}.pill-button:not(:disabled):hover{border-color:var(--color-green)}.pill-button:not(:disabled):active{transform:translateY(1px)}.tasbih-goal{gap:.4rem;inline-size:auto;min-block-size:2.75rem;padding:.3rem 1rem;color:var(--color-green-deep);background:transparent;font-size:var(--text-sm);box-shadow:none}.tasbih-goal svg{inline-size:1.1rem;block-size:1.1rem;stroke-width:1.7}.tasbih-confirmation.goal-dialog{padding:0;text-align:center}.goal-dialog form{display:grid;gap:var(--space-3);padding:1.5rem}.goal-dialog input{inline-size:100%;min-block-size:4rem;border:1px solid var(--color-muted);border-radius:var(--radius-md);padding:.5rem;background:var(--color-canvas);color:var(--color-green-deep);font-size:2rem;font-weight:700;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-dialog input::placeholder{color:var(--color-muted);font-size:var(--text-base);font-weight:400}.goal-dialog input:focus-visible{border-color:var(--color-green)}.goal-dialog .feedback-error:empty{display:none}.goal-dialog .action-row{margin-block-start:0}.goal-dialog .action-row>*{flex:1 1 8rem}.goal-dialog__remove{justify-self:center;min-block-size:2.75rem;padding:.3rem .75rem;border:0;background:none;color:var(--color-review);font-weight:600;text-decoration:underline;text-underline-offset:.25em}.counter-dial[data-reached=true] .count-button__hint{color:var(--color-green-deep);font-weight:700}.tasbih-tool-slot{position:relative;inline-size:2.75rem;block-size:2.75rem}.tasbih-tool{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:0;border:1px solid var(--color-line);border-radius:50%;background:var(--color-surface);color:var(--color-ink);box-shadow:0 4px 12px #104f400d;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.tasbih-tool svg{inline-size:1.25rem;block-size:1.25rem}.tasbih-tool:not(:disabled):hover{border-color:var(--color-green)}.tasbih-tool[aria-pressed=true]{background:var(--color-green);border-color:var(--color-green);color:var(--color-surface)}.tasbih-tools__error,.tasbih-tools__note{position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-end:0;z-index:2;inline-size:max-content;max-inline-size:13rem;padding:.4rem .6rem;border-radius:var(--radius-sm);background:var(--color-review-bg);color:var(--color-review);font-size:var(--text-xs);line-height:1.7}.tasbih-tools__note{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line);box-shadow:0 6px 16px #104f401a}.pill-button{min-inline-size:0;overflow-wrap:anywhere}.tasbih-upper .counter-actions{inline-size:min(100%,26rem)}.tasbih-upper .storage-notice{text-align:start}#dhikr-picker{padding:.75rem}#dhikr-choice{inline-size:100%;max-inline-size:100%}@media (orientation:landscape) and (max-height:520px),(orientation:portrait) and (max-height:860px){.tasbih-upper{gap:.375rem;padding-block-end:.5rem}.tasbih-reading__label{display:none}.tasbih-reading:has(.tasbih-reading__scroll){min-block-size:4.75rem}.tasbih-reading__scroll{min-block-size:2.75rem;padding-block:.5rem 1.25rem}.counter-actions{gap:.375rem}.pill-button--change,.tasbih-goal{min-block-size:2.75rem;padding-block:.3rem}}.tasbih-upper:has(#dhikr-picker) .tasbih-reading__scroll{display:none}.tasbih-upper:has(#dhikr-picker) .tasbih-reading:has(.tasbih-reading__scroll){min-block-size:0}@media (orientation:portrait) and (max-height:600px){.tasbih-upper:has(#dhikr-picker) .tasbih-reading{display:none}#dhikr-picker{padding:.5rem .75rem}#dhikr-picker .small{display:none}#dhikr-picker label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (orientation:landscape) and (max-height:520px){.counter-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.counter-dial{inline-size:min(44vw,72dvh,23rem)}}.tasbih-confirmation{inline-size:min(calc(100% - 2rem),28rem);max-block-size:calc(100dvh - 2rem);overflow-y:auto;margin:auto;padding:1.5rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-ink);text-align:start;box-shadow:0 20px 80px #0004}.tasbih-confirmation::backdrop{background:#0007}@container (max-width: 12rem){.count-button__arch,.count-button__hint,.count-button__ornament{display:none}.counter-value[data-size=s]{font-size:32cqi}}@media (prefers-reduced-motion:reduce){.count-button[data-pressed=true]:not(:disabled) .counter-face{transform:none}}