@font-face{font-family:Naskh;src:url(/fonts/noto-naskh-arabic.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Naskh;src:url(/fonts/noto-naskh-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212}:root{--bg: #0d1b16;--surface: #142722;--surface-2: #1b352c;--line: rgba(232, 200, 122, .14);--line-solid: #26433a;--text: #eaf2ee;--muted: #91a79c;--gold: #e8c87a;--gold-dim: rgba(232, 200, 122, .5);--accent: #52c398;--danger: #e08a7a;--ring-track: rgba(255, 255, 255, .09);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(0, 0, 0, .6);--fs: 1;--radius: 18px;color-scheme:dark}:root[data-theme=light],:root[data-theme=auto]{color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f5f2e9;--surface: #fffdf7;--surface-2: #f0ece0;--line: #e4ddca;--line-solid: #e4ddca;--text: #17251f;--muted: #6a7b71;--gold: #9a6f24;--gold-dim: rgba(154, 111, 36, .45);--accent: #10775a;--danger: #b5442d;--ring-track: rgba(23, 37, 31, .1);--shadow: 0 1px 2px rgba(60, 50, 20, .06), 0 10px 30px -18px rgba(60, 50, 20, .35);color-scheme:light}}:root[data-theme=light]{--bg: #f5f2e9;--surface: #fffdf7;--surface-2: #f0ece0;--line: #e4ddca;--line-solid: #e4ddca;--text: #17251f;--muted: #6a7b71;--gold: #9a6f24;--gold-dim: rgba(154, 111, 36, .45);--accent: #10775a;--danger: #b5442d;--ring-track: rgba(23, 37, 31, .1);--shadow: 0 1px 2px rgba(60, 50, 20, .06), 0 10px 30px -18px rgba(60, 50, 20, .35);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Naskh,Geeza Pro,Noto Naskh Arabic,Times New Roman,serif;font-size:16px;line-height:1.7;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--gold);text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}.boot{display:grid;place-items:center;height:100%}.boot-mark{width:44px;height:44px;border-radius:12px;border:2px solid var(--gold-dim);transform:rotate(45deg);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.app{display:flex;flex-direction:column;min-height:100%}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:4px;padding:max(env(safe-area-inset-top),8px) 12px 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line)}.bar-title{flex:1;min-width:0}.bar-title h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:0}.bar-title p{margin:0;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--muted);flex:0 0 auto}.icon-btn:active{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:21px;height:21px;display:block}.page{flex:1;padding:14px 14px calc(24px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin-inline:auto}.section-head{display:flex;align-items:baseline;gap:8px;margin:22px 4px 10px}.section-head h2{margin:0;font-size:1rem;font-weight:700}.section-head span{font-size:.78rem;color:var(--muted)}.section-head:first-child{margin-top:6px}.badge{font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.review{color:var(--gold);border-color:var(--gold-dim)}.card{display:block;width:100%;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card:active{transform:scale(.988)}.card,.card:active{transition:transform .12s ease}.resume{padding:16px;margin-bottom:6px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 60%),var(--surface);border-color:var(--gold-dim)}.resume-top{display:flex;align-items:center;gap:12px}.resume-label{font-size:.74rem;color:var(--gold);letter-spacing:.04em}.resume h3{margin:2px 0 0;font-size:1.18rem}.resume-meta{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.resume-text{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.95rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-list{display:flex;flex-direction:column;gap:8px}.cat{display:flex;align-items:center;gap:13px;padding:12px 14px}.cat-body{flex:1;min-width:0}.cat-body h3{margin:0;font-size:1.05rem;font-weight:700}.cat-body p{margin:1px 0 0;font-size:.79rem;color:var(--muted)}.cat-body p .done{color:var(--accent)}.chev{color:var(--muted);opacity:.55;flex:0 0 auto}.chev svg{width:18px;height:18px;display:block}.ring{position:relative;flex:0 0 auto;display:grid;place-items:center}.ring svg{display:block;transform:rotate(-90deg) scaleX(-1)}.ring circle{fill:none;stroke-linecap:round}.ring .track{stroke:var(--ring-track)}.ring .bar{stroke:var(--accent);transition:stroke-dashoffset .28s cubic-bezier(.3,.9,.3,1)}.ring.full .bar{stroke:var(--gold)}.ring-label{position:absolute;inset:0;display:grid;place-items:center;font-size:.72rem;font-variant-numeric:tabular-nums;color:var(--muted);line-height:1}.ring.full .ring-label{color:var(--gold)}.reader{display:flex;flex-direction:column;height:100dvh}.reader-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 8px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.reader-inner{max-width:680px;margin-inline:auto}.zikr-label{display:inline-block;margin-bottom:12px;font-size:.8rem;color:var(--gold);padding:3px 12px;border:1px solid var(--gold-dim);border-radius:999px}.zikr-text{margin:0;font-size:calc(1.34rem * var(--fs));line-height:2.15;text-align:center;text-wrap:pretty}.zikr-quran{margin:18px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:calc(1.18rem * var(--fs));line-height:2.2;text-align:center;color:var(--text)}.zikr-note{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:calc(.92rem * var(--fs));line-height:1.9;color:var(--muted)}.zikr-note b{color:var(--text);font-weight:700}.zikr-ref{margin:6px 0 0;font-size:calc(.85rem * var(--fs));color:var(--gold-dim)}.zikr-actions{display:flex;gap:8px;margin-top:18px;justify-content:center}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.82rem}.pill:active{background:var(--surface-2)}.pill svg{width:15px;height:15px}.tapzone{position:relative}.tapzone:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--tx, 50%) var(--ty, 50%),color-mix(in srgb,var(--accent) 22%,transparent),transparent 45%);opacity:0;transition:opacity .35s ease}.tapzone.flash:after{opacity:1;transition:opacity 0s}.reader-foot{flex:0 0 auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);display:flex;align-items:center;gap:10px}.nav-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--surface-2);color:var(--text)}.nav-btn:disabled{opacity:.3}.nav-btn:active:not(:disabled){background:var(--line-solid)}.nav-btn svg{width:22px;height:22px}.count{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.count-hint{font-size:.72rem;color:var(--muted)}.count-note{font-size:.74rem;color:var(--gold)}.count-big{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.count-big b{font-size:1.6rem;font-weight:700;line-height:1.2}.count-big span{font-size:.95rem;color:var(--muted)}.progress-line{height:2px;background:var(--ring-track)}.progress-line>div{height:100%;background:var(--gold);transition:width .3s cubic-bezier(.3,.9,.3,1)}.done-mark{color:var(--accent)}.finished{text-align:center;padding:32px 8px}.finished .mark{width:64px;height:64px;margin:0 auto 18px;border-radius:20px;border:2px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center}.finished h2{margin:0 0 6px;font-size:1.4rem;color:var(--gold)}.finished p{margin:0 0 22px;color:var(--muted);font-size:.92rem}.btn-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{padding:11px 20px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);font-size:.92rem}.btn.primary{background:var(--gold);color:#14231c;border-color:var(--gold);font-weight:700}.btn.ghost{background:none}.btn.danger{color:var(--danger)}.btn:active{transform:scale(.97)}.scrim{position:fixed;inset:0;z-index:40;background:#00000080;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:41;max-height:86dvh;display:flex;flex-direction:column;background:var(--bg);border-top:1px solid var(--line);border-radius:22px 22px 0 0;animation:rise .24s cubic-bezier(.2,.9,.25,1);padding-bottom:env(safe-area-inset-bottom)}@keyframes rise{0%{transform:translateY(12%);opacity:.6}}.sheet-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;flex:1;font-size:1.05rem}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:8px 14px 18px}.grip{width:38px;height:4px;border-radius:2px;background:var(--line-solid);margin:8px auto 0}.index-row{display:flex;align-items:flex-start;gap:11px;width:100%;padding:11px 4px;text-align:start;border-bottom:1px solid var(--line)}.index-row:last-child{border-bottom:0}.index-row.current{background:var(--surface);border-radius:12px}.index-num{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.74rem;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--muted)}.index-row.done .index-num{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.index-row.current .index-num{background:var(--gold);color:#14231c}.index-text{flex:1;min-width:0;font-size:.95rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.index-count{flex:0 0 auto;font-size:.74rem;color:var(--muted);padding-top:4px}.setting{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.setting:last-child{border-bottom:0}.setting-body{flex:1;min-width:0}.setting-body h3{margin:0;font-size:.96rem;font-weight:400}.setting-body p{margin:1px 0 0;font-size:.76rem;color:var(--muted)}.switch{flex:0 0 auto;width:48px;height:29px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;transition:background .18s ease}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch i{position:absolute;top:3px;inset-inline-end:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:inset-inline-end .18s cubic-bezier(.3,.9,.3,1);box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true] i{inset-inline-end:24px}.segment{display:flex;gap:2px;padding:3px;background:var(--surface-2);border-radius:12px}.segment button{padding:6px 13px;border-radius:9px;font-size:.84rem;color:var(--muted)}.segment button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.fs-preview{margin:10px 0 0;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:calc(1.34rem * var(--fs));line-height:2.15;text-align:center}.search-field{display:flex;align-items:center;gap:9px;padding:0 12px;height:44px;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex:1}.search-field input{flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;font-size:1rem;outline:none}.search-field svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}.hit{display:block;width:100%;text-align:start;padding:13px 14px;margin-bottom:8px}.hit-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.74rem;color:var(--muted);margin-bottom:6px}.hit-meta .dot{opacity:.5}.hit-text{font-size:1.02rem;line-height:1.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hit-text mark{background:color-mix(in srgb,var(--gold) 32%,transparent);color:inherit;border-radius:3px}.empty{text-align:center;color:var(--muted);padding:48px 16px;font-size:.95rem}.notice{margin-top:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid var(--gold-dim);font-size:.82rem;color:var(--text);line-height:1.8}.prose{font-size:.92rem;line-height:1.95;color:var(--muted)}.prose b{color:var(--text)}.toast{position:fixed;inset-inline:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:center;pointer-events:none}.toast>div{background:var(--surface);border:1px solid var(--line);color:var(--text);padding:9px 18px;border-radius:999px;font-size:.86rem;box-shadow:var(--shadow);animation:rise .2s ease}@media(prefers-reduced-motion:reduce){*,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}