@font-face{font-family:Amiri;src:url(/fonts/amiri-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--ink: #12100d;--ink-raised: #1b1712;--ink-line: #2c251c;--parchment: #ece4d4;--parchment-dim: #a89c85;--brass: #c8a44d;--brass-bright: #e3c780;--brass-dim: #6d5a2e;--reader-size: 1.75rem;--measure: 46rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--ink)}body{margin:0;font-family:Amiri,Segoe UI,serif;background:var(--ink);color:var(--parchment);line-height:1.9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button.counter{-webkit-tap-highlight-color:transparent;user-select:none}a{color:var(--brass);text-underline-offset:.25em}a:hover{color:var(--brass-bright)}.wrap{max-width:var(--measure);margin:0 auto;padding:0 1.25rem}.masthead{border-bottom:1px solid var(--ink-line);padding:1.5rem 0 1.25rem;margin-bottom:2rem}.masthead .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.masthead h1,.masthead .home{font-size:1.35rem;font-weight:700;margin:0;color:var(--brass);text-decoration:none}.masthead .sub{color:var(--parchment-dim);font-size:1rem}.intent-group{margin:0 0 2.75rem}.intent-group>h2{font-size:1.5rem;color:var(--brass);margin:0 0 .85rem;padding-bottom:.4rem;border-bottom:1px solid var(--ink-line)}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.card{display:block;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:.5rem;padding:1rem 1.15rem;text-decoration:none;color:inherit;transition:border-color .15s ease}.card:hover{border-color:var(--brass-dim)}.card h3{margin:0 0 .35rem;font-size:1.3rem;color:var(--brass);font-weight:400}.card .meta{font-size:.95rem;color:var(--parchment-dim)}.tag-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.tag{font-size:.85rem;color:var(--brass);border:1px solid var(--brass-dim);border-radius:999px;padding:.1rem .65rem}.ruqyah-head h1{font-size:2rem;color:var(--brass);margin:0 0 .6rem;line-height:1.5}.provenance{background:var(--ink-raised);border:1px solid var(--ink-line);border-right:3px solid var(--brass-dim);border-radius:.4rem;padding:.85rem 1rem;font-size:1rem;color:var(--parchment-dim);margin:1.25rem 0 2rem}.provenance a{word-break:break-all}.library{list-style:none;margin:2rem 0;padding:0;display:grid;gap:1rem}.library a{display:grid;gap:.15rem;padding:1.15rem 1.35rem;background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:.5rem;color:inherit;text-decoration:none}.library a:hover,.library a:focus-visible{border-color:var(--brass-dim)}.lib-title{color:var(--brass);font-size:1.5rem;line-height:1.4}.lib-sub{color:var(--parchment-dim);font-size:1.05rem}.lib-meta{color:var(--parchment-dim);font-size:.9rem}.reader-title{color:var(--brass);font-size:1.9rem;font-weight:400;margin:1.5rem 0 0}.reader-sub{color:var(--parchment-dim);font-size:1.05rem;margin:.1rem 0 0}.passage{margin:0 0 2.5rem}.passage-head{display:flex;align-items:baseline;gap:.6rem;color:var(--brass);font-size:1.05rem;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--ink-line)}.passage-head .ref,.passage-head .note{color:var(--parchment-dim);font-size:.95rem}.passage-head .note:before{content:"—";margin-inline-end:.35rem;color:var(--brass-dim)}.repeat-badge{margin-inline-start:auto;color:var(--brass);border:1px solid var(--brass-dim);border-radius:999px;padding:.05rem .6rem;font-size:.9rem;white-space:nowrap}button.counter{background:transparent;min-height:2.25rem;min-width:4rem;padding:.1rem .9rem;font-size:1.05rem;font-variant-numeric:tabular-nums;cursor:pointer}button.counter:hover{border-color:var(--brass)}button.counter .count{font-size:1.25rem}button.counter.is-done{background:#c8a44d24;border-color:var(--brass);color:var(--brass-bright)}button.counter.is-done:after{content:" ✓"}.bismillah{text-align:center;color:var(--brass);font-size:calc(var(--reader-size) * .85);margin:0 0 .9rem}.verses{font-size:var(--reader-size);line-height:2.15;text-align:justify;text-align-last:right}.ayah{transition:background-color .2s ease;border-radius:.2rem;padding:.05em .1em}.ayah.is-playing{background:#c8a44d29;box-shadow:0 0 0 .15em #c8a44d29}.ayah-mark{color:var(--brass);font-size:.75em;white-space:nowrap;padding:0 .15em}.dua-text{font-size:calc(var(--reader-size) * .9);line-height:2.1;text-align:justify;text-align-last:right}.dua-source{color:var(--parchment-dim);font-size:.95rem;margin-top:.5rem}.dua-note{color:var(--brass);font-size:.95rem;line-height:1.7;margin:.6rem 0 0;padding:.5rem .75rem;border-inline-start:2px solid var(--brass-dim);background:#c8a44d0d;border-radius:.25rem}.pending{border:1px dashed var(--brass-dim);border-radius:.4rem;padding:.9rem 1rem;color:var(--parchment-dim);font-size:1.05rem;background:#c8a44d0a}.pending strong{color:var(--brass);font-weight:400}.toolbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink-line);padding:.6rem 0;margin-bottom:1.75rem}.toolbar .wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}button{font-family:inherit;font-size:1rem;color:var(--brass);background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:.4rem;padding:.35rem .8rem;cursor:pointer;transition:border-color .15s ease;min-height:2.25rem}button:hover:not(:disabled){border-color:var(--brass-dim)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:var(--brass)}.size-control{display:flex;align-items:center;gap:.3rem;margin-inline-start:auto}.size-control span{color:var(--parchment-dim);font-size:.95rem}.status{color:var(--parchment-dim);font-size:.95rem;flex-basis:100%}footer{border-top:1px solid var(--ink-line);margin-top:3rem;padding:1.5rem 0 3rem;color:var(--parchment-dim);font-size:.95rem}footer p{margin:.35rem 0}@media(max-width:30rem){:root{--reader-size: 1.5rem}.toolbar .wrap{gap:.35rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}