*{box-sizing:border-box}html{min-width:280px}body{background:var(--background);color:var(--text);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);margin:0;font:16px/1.55 system-ui,Tajawal,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--primary);outline-offset:3px}#app{max-width:680px;margin:0 auto}.site-header{text-align:center;padding:18px 20px 12px}.site-header h1{color:var(--primary);overflow-wrap:anywhere;margin:18px 0 0;font-size:clamp(1.55rem,6vw,2.2rem)}.memorial-message{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.header-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 14px}.theme-picker{gap:8px;display:flex}.theme-swatch{border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:36px;height:36px}.theme-swatch[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.navbar{z-index:20;inset-inline:0;max-width:680px;padding:8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 auto;display:grid;position:fixed;bottom:0;box-shadow:0 -5px 18px #00000012}.navbar a{min-width:0;min-height:52px;color:var(--text);white-space:nowrap;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;text-decoration:none;display:flex}.nav-icon{font-size:1.25rem;line-height:1}.nav-label{text-overflow:ellipsis;max-width:100%;font-size:clamp(.64rem,2.5vw,.8rem);overflow:hidden}.navbar a[aria-current=page]{color:var(--surface);background:var(--primary);border-color:var(--primary)}body[data-theme=dark] .navbar a[aria-current=page]{color:#09261d}main{padding:0 20px calc(96px + env(safe-area-inset-bottom))}.page{width:100%}.card,.counter-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(18px,4vw,28px);box-shadow:0 8px 25px #0000000a}.card h2{color:var(--primary);margin:0 0 16px}.card p{color:var(--muted)}.counter-card{text-align:center}.counter-title{color:var(--primary);margin:0 0 6px;font-size:clamp(1.8rem,7vw,2.5rem)}.counter-progress,.counter-total{color:var(--muted);margin:8px 0}.counter-button{background:var(--primary);color:#fff;cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:min(58vw,220px);height:min(58vw,220px);margin:20px auto;display:flex;box-shadow:0 14px 30px #0000002b}.counter-number{font-size:clamp(3.5rem,12vw,5rem);font-weight:800;line-height:1}.counter-hint{font-size:.9rem}.counter-notice{min-height:1.5em;color:var(--primary);font-weight:700}.counter-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:10px;margin-top:18px;display:flex}.target-label,.field{text-align:start;color:var(--muted);flex-direction:column;gap:5px;font-weight:600;display:flex}.target-input{width:92px}.target-input,.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--text);border-radius:10px;padding:8px 10px}.counter-controls button,.primary-button,.copy-button{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:10px;min-height:44px;padding:8px 14px;font-weight:700}body[data-theme=dark] .counter-controls button,body[data-theme=dark] .primary-button,body[data-theme=dark] .copy-button{color:#09261d}.counter-preferences{justify-content:center;gap:20px;margin-top:20px;display:flex}.counter-preferences label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.counter-preferences input{width:20px;height:20px;accent-color:var(--primary)}.link-list{gap:10px;display:grid}.link-list a{background:var(--background);color:var(--primary);border-radius:12px;padding:14px;font-weight:700;text-decoration:none;display:block}.memorial-form{gap:16px;display:grid}.field input,.field select,.field textarea{width:100%}.generated-link{overflow-wrap:anywhere;gap:10px;display:grid}.generated-link[hidden]{display:none}.memorial-ad{margin-top:24px;display:none}.memorial-ad.is-filled{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;display:block}@media (width<=380px){main,.site-header,.navbar{padding-inline:14px}.theme-picker{gap:5px}.theme-swatch{width:31px;height:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.memorial-banner{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 20px 12px;padding:14px 18px;display:flex}.memorial-banner p{color:var(--primary);overflow-wrap:anywhere;flex:250px;margin:0;font-size:1.08rem;font-weight:800}.memorial-banner small{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;flex-basis:100%}.memorial-badge,.memorial-invite{min-height:36px;color:var(--primary);background:var(--background);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.memorial-invite{color:#fff;background:var(--primary)}body[data-theme=dark] .memorial-invite{color:#09261d}.content-tabs{scrollbar-width:thin;gap:8px;margin-bottom:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.content-tabs button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-weight:700}.content-tabs button[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:#fff}body[data-theme=dark] .content-tabs button[aria-selected=true]{color:#09261d}.dua-list,.azkar-list{gap:14px;display:grid}.dua-card,.azkar-card{border:1px solid var(--border);background:var(--background);border-radius:16px;padding:20px}.dua-card h3{color:var(--primary);margin:0 0 10px;font-size:1.12rem}.dua-arabic,.azkar-text{white-space:pre-line;overflow-wrap:anywhere;margin:8px 0 16px;font:700 clamp(1.45rem,5vw,1.85rem)/1.9 Amiri,Noto Naskh Arabic,Georgia,serif;color:var(--text)!important}.dua-translation{color:var(--muted);line-height:1.65}.dua-usage{border-inline-start:3px solid var(--primary);color:var(--muted);background:var(--surface);padding:9px 12px;font-size:.9rem}.dua-source{color:var(--primary);text-underline-offset:3px;font-size:.84rem;text-decoration:underline;display:inline-block}.dua-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.dua-actions button,.azkar-count{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:10px;min-height:44px;padding:8px 12px;font-weight:700}.dua-actions button+button{color:var(--primary);background:0 0}.dua-actions button:disabled{opacity:.6;cursor:wait}body[data-theme=dark] .dua-actions button:first-child,body[data-theme=dark] .azkar-count:not(:disabled){color:#09261d}.action-status{color:var(--muted);font-size:.9rem}.azkar-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.azkar-card.is-complete{border-color:var(--primary)}.azkar-count{margin-top:14px;display:block}.azkar-count:disabled{color:var(--primary);background:var(--surface);cursor:default}.resume-banner{background:var(--primary);color:#fff;border-radius:12px;margin-bottom:16px;padding:14px 16px;font-weight:700;text-decoration:none;display:block}body[data-theme=dark] .resume-banner{color:#09261d}.surah-search{border:1px solid var(--border);background:var(--background);width:100%;min-height:46px;color:var(--text);border-radius:12px;margin-bottom:14px;padding:10px 14px}.surah-index{gap:8px;max-height:min(68vh,800px);padding-inline-end:4px;display:grid;overflow-y:auto}.surah-row{border:1px solid var(--border);background:var(--background);min-height:66px;color:var(--text);border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;display:grid}.surah-number{width:36px;height:36px;color:var(--primary);background:var(--surface);border-radius:50%;place-items:center;font-weight:800;display:grid}.surah-names{min-width:0;display:grid}.surah-names strong{color:var(--primary);font-family:Amiri,Georgia,serif;font-size:1.3rem;line-height:1.3}.surah-names small,.surah-details{color:var(--muted);font-size:.82rem}.surah-details{text-align:end;white-space:nowrap}.reader-back{color:var(--primary);margin:4px 0 16px;display:inline-block}.reader-title{text-align:center;color:var(--primary);margin:0;font:700 2.2rem/1.5 Amiri,Georgia,serif}.reader-subtitle{text-align:center;color:var(--muted);margin:0 0 16px}.reader-controls{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.reader-controls button{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px}.reader-controls button[aria-pressed=true]{background:var(--primary);color:#fff}.quran-reader{background:var(--background);border-radius:16px;padding:8px 16px}.quran-reader.reader-night{color:#f3f4f6;background:#111827}.quran-ayah{border-bottom:1px solid var(--border);padding:22px 4px;scroll-margin-top:18px;position:relative}.quran-ayah:last-child{border-bottom:none}.quran-text{text-align:right;font:400 var(--ayah-size,32px)/2.15 Amiri, "Noto Naskh Arabic", Georgia, serif;overflow-wrap:anywhere;margin:0 0 12px;color:inherit!important}.ayah-marker{border:1px solid var(--primary);min-width:34px;height:34px;color:var(--primary);border-radius:50%;place-items:center;padding:0 8px;font-size:.84rem;display:inline-grid}.reader-night .ayah-marker{color:#5ee0b1;border-color:#5ee0b1}.reader-status{text-align:center;color:var(--muted)}@media (width<=380px){.memorial-banner{margin-inline:14px}.surah-row{grid-template-columns:34px minmax(0,1fr)}.surah-details{text-align:start;grid-column:2}.quran-reader{padding-inline:10px}}.memorial-preview{border:1px solid var(--border);background:var(--background);border-radius:16px;margin-top:22px;padding:18px}.memorial-preview h3,.memorial-preview h4{color:var(--primary);margin:0 0 12px}.memorial-preview h4{margin-top:18px}.memorial-preview .dua-arabic{margin-bottom:0}.generated-link{margin-top:20px}.memorial-actions{flex-wrap:wrap;gap:8px;display:flex}.share-button,.open-button{border:1px solid var(--primary);min-height:44px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-flex}.share-button{background:var(--primary);color:#fff}body[data-theme=dark] .share-button{color:#09261d}.names-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.name-card{border:1px solid var(--border);background:var(--background);border-radius:14px;padding:16px}.name-card h3{color:var(--primary);margin:4px 0 6px;font:700 1.8rem/1.6 Amiri,Georgia,serif}.name-card p{margin:0}.name-number{color:var(--muted);font-size:.8rem}.startup-error{text-align:center;margin:20px}body{background:radial-gradient(ellipse at 50% -15%, #e8ddc74a 0, transparent 48%), var(--background);font-family:Tajawal,Cairo,system-ui,sans-serif}.site-header{padding-top:20px}.site-header h1{color:var(--primary);letter-spacing:.015em;font-family:Amiri,Georgia,serif}.text-button{border-color:var(--gold-soft);background:color-mix(in srgb, var(--surface) 88%, transparent)}.theme-swatch[aria-pressed=true]{outline-color:var(--gold)}main{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.card,.counter-card{border-color:color-mix(in srgb, var(--gold-soft) 62%, var(--border));box-shadow:var(--shadow);border-radius:20px}.card h2{font-family:Amiri,Georgia,serif}.navbar{inset-inline:14px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--gold-soft) 72%, var(--border));background:color-mix(in srgb, var(--surface) 86%, transparent);backdrop-filter:blur(12px);border-radius:22px;width:min(640px,100% - 28px);padding:7px 8px;box-shadow:0 12px 36px #172b211c,inset 0 1px #ffffff70}.navbar a{border-radius:15px;min-height:54px;transition:color .2s,background .2s,transform .2s;position:relative}.navbar a[aria-current=page]{color:var(--primary);background:color-mix(in srgb, var(--gold-soft) 28%, transparent)}.navbar a[aria-current=page]:after{content:"";background:var(--gold);width:18px;height:2px;box-shadow:0 0 9px color-mix(in srgb, var(--gold) 50%, transparent);border-radius:2px;position:absolute;bottom:2px}.nav-icon{filter:saturate(.78)}.counter-card{background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--background) 76%, var(--surface)));padding:clamp(22px,6vw,36px);position:relative;overflow:hidden}.counter-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.75;height:3px;position:absolute;inset:0 0 auto}.counter-title{font-family:Amiri,Georgia,serif}.counter-progress{font-weight:700;color:var(--gold)!important}.counter-button{isolation:isolate;border:1px solid color-mix(in srgb, var(--gold) 52%, transparent);width:min(64vw,252px);height:min(64vw,252px);color:var(--primary);background:radial-gradient(circle, var(--dial-face) 66%, transparent 67%), conic-gradient(from -90deg, var(--gold) var(--progress,0deg), color-mix(in srgb, var(--border) 85%, transparent) 0);user-select:none;margin:24px auto;padding:12px;transition:transform .16s,filter .2s,box-shadow .2s;position:relative;box-shadow:0 18px 38px #14271c24,0 5px 12px #14271c16,inset 0 2px 4px #ffffffa0}.counter-button:after{content:"";z-index:0;border:1px solid color-mix(in srgb, var(--gold-soft) 65%, transparent);opacity:.7;border-radius:50%;transition:inset .18s,opacity .18s;position:absolute;inset:10px}.counter-button>span{z-index:1;position:relative}.counter-button:active{filter:saturate(1.12);transform:scale(.965);box-shadow:0 7px 18px #14271c24,inset 0 3px 9px #14271c12}.counter-number{color:var(--primary);font-variant-numeric:tabular-nums;text-shadow:0 1px #fff9}.counter-hint{color:var(--muted);font-weight:600}.target-presets{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.target-presets button{border:1px solid var(--gold-soft);background:color-mix(in srgb, var(--surface) 88%, var(--gold-soft));min-width:64px;min-height:40px;color:var(--primary);cursor:pointer;border-radius:999px;padding:7px 16px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.target-presets button[aria-pressed=true]{color:var(--surface);border-color:var(--primary);background:var(--primary)}.target-presets button:active{transform:scale(.96)}.counter-controls button,.primary-button,.copy-button,.dua-actions button,.azkar-count{border-color:var(--primary);background:linear-gradient(145deg, var(--primary-soft), var(--primary));box-shadow:0 4px 11px color-mix(in srgb, var(--primary) 17%, transparent);border-radius:12px}.target-input,.field input,.field select,.field textarea,.surah-search{border-color:color-mix(in srgb, var(--gold-soft) 75%, var(--border));border-radius:12px}.dua-card,.azkar-card,.name-card,.surah-row{border-color:color-mix(in srgb, var(--gold-soft) 55%, var(--border));border-radius:16px;box-shadow:0 5px 18px #172b2108}.dua-arabic,.azkar-text,.quran-text{font-family:Amiri,Noto Naskh Arabic,Georgia,serif}.memorial-banner{text-align:center;border:1px solid color-mix(in srgb, var(--gold) 58%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 96%, var(--gold-soft)), var(--surface) 64%);border-radius:150px 150px 22px 22px/54px 54px 22px 22px;flex-direction:column;align-items:center;gap:14px;margin:8px 20px 20px;padding:30px 22px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #47391e0e,inset 0 1px #ffffffb0}.memorial-banner:before{content:"✦";color:var(--gold);opacity:.8;font-size:14px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.memorial-copy{flex-direction:column;align-items:center;width:100%;display:flex}.memorial-kicker{color:var(--muted);margin:0;font-size:.98rem;font-weight:600}.memorial-name{max-width:100%;color:var(--primary);text-shadow:0 2px 16px color-mix(in srgb, var(--gold) 26%, transparent);overflow-wrap:anywhere;margin:4px 0 0;font:700 clamp(2rem,8vw,2.8rem)/1.45 Amiri,Georgia,serif}.memorial-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(220px,62%);height:1px;margin:11px 0 9px;display:block;position:relative}.memorial-divider:after{content:"◇";color:var(--gold);background:var(--surface);padding:0 8px;font-size:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memorial-prayer{max-width:36rem;color:var(--muted);margin:0;font:400 1.18rem/1.9 Amiri,Georgia,serif}.memorial-copy small{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.memorial-badge,.memorial-invite{border:1px solid var(--gold-soft);background:color-mix(in srgb, var(--gold-soft) 24%, var(--surface));color:var(--primary)}.memorial-invite{border-color:var(--primary);background:var(--primary);color:var(--surface)}.memorial-preview .memorial-banner{margin:0}.memorial-preview .memorial-name{font-size:2rem}.reader-title,.dua-card h3,.name-card h3{font-family:Amiri,Georgia,serif}body[data-theme=dark] .memorial-banner{background:linear-gradient(165deg, #29352b, var(--surface) 70%)}body[data-theme=dark] .memorial-divider:after{background:var(--surface)}body[data-theme=dark] .counter-number{text-shadow:none}@media (width<=380px){.memorial-banner{margin-inline:14px;padding-inline:16px}.navbar{width:calc(100% - 16px);inset-inline:8px}.counter-button{width:min(67vw,224px);height:min(67vw,224px)}}@keyframes bead-ripple{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.counter-button:active:after{animation:none}}.memorial-banner{text-align:start;border-inline-start:3px solid var(--gold);background:linear-gradient(100deg, color-mix(in srgb, var(--gold-soft) 20%, var(--surface)), var(--surface) 68%);border-radius:18px;flex-direction:row;align-items:center;gap:10px;min-height:78px;margin:7px 20px 14px;padding:9px 14px;box-shadow:0 6px 18px #47391e0b}.memorial-banner:before{display:none}.memorial-copy{flex:auto;min-width:0;display:block}.memorial-banner .memorial-kicker{flex:initial;color:var(--muted);margin:0;font-size:.91rem;line-height:1.45;display:inline}.memorial-kicker:after{content:" "}.memorial-name{text-shadow:0 1px 8px color-mix(in srgb, var(--gold) 20%, transparent);margin:0;font-size:clamp(1.08rem,4vw,1.3rem);line-height:1.45;display:inline}.memorial-divider{display:none}.memorial-banner .memorial-prayer{flex:initial;max-width:100%;color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:2px 0 0;font:400 .96rem/1.35 Amiri,Georgia,serif;display:-webkit-box;overflow:hidden}.memorial-badge,.memorial-invite{white-space:normal;text-align:center;flex:none;max-width:112px;min-height:34px;padding:5px 9px;font-size:.76rem;line-height:1.2}.memorial-preview .memorial-banner{min-height:78px}.action-status{display:none}.action-status.is-visible{border:1px solid var(--gold-soft);background:color-mix(in srgb, var(--gold-soft) 24%, var(--surface));width:fit-content;max-width:100%;color:var(--primary);border-radius:999px;margin:0;padding:7px 12px;font-size:.9rem;display:block}@media (width<=380px){.memorial-banner{gap:7px;margin-inline:14px;padding:8px 10px}.memorial-kicker{font-size:.84rem}.memorial-name{font-size:1.08rem}.memorial-prayer{font-size:.88rem}.memorial-badge,.memorial-invite{max-width:100px;padding-inline:7px;font-size:.7rem}}.navbar{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=639px){.navbar{width:calc(100% - 20px);inset-inline:10px}.navbar a{min-height:56px}.nav-label{font-size:clamp(.7rem,2.7vw,.84rem)}.dua-actions button,.azkar-count,.target-presets button{min-height:44px}}.azkar-page{width:100%}.azkar-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--gold-soft) transparent;-webkit-overflow-scrolling:touch;align-items:center;gap:9px;width:100%;margin:0 0 14px;padding:3px 2px 9px;display:flex;overflow-x:auto}.azkar-tab{border:1px solid color-mix(in srgb, var(--gold-soft) 72%, var(--border));background:color-mix(in srgb, var(--surface) 78%, var(--background));min-height:48px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;padding:8px 15px;font-weight:700;transition:color .2s,background-color .22s,border-color .22s,box-shadow .22s,transform .22s;display:inline-flex;position:relative}.azkar-tab:hover{border-color:var(--gold);transform:translateY(-1px)}.azkar-tab[aria-selected=true]{color:#c5a059;background:#0d3b2e;border-color:#0d3b2e;box-shadow:0 5px 18px #0d3b2e30,inset 0 1px #ffffff20}.azkar-tab[aria-selected=true]:after{content:"";inset-inline:26px;background:#c5a059;border-radius:2px;height:2px;position:absolute;bottom:-4px;box-shadow:0 0 10px #c5a059b0}.azkar-tab-progress{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 76%, transparent);min-width:35px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding-inline:6px;font-size:.75rem;line-height:1;display:inline-grid}.azkar-tab[aria-selected=true] .azkar-tab-progress{color:#e8c778;background:#ffffff12;border-color:#c5a05977}.azkar-list{grid-template-columns:minmax(0,1fr);align-items:stretch}.azkar-card{text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;min-height:210px;padding:clamp(18px,4vw,26px);transition:opacity .24s,background-color .24s,border-color .24s,box-shadow .24s,transform .2s;display:flex}.azkar-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #172b2112}.azkar-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.azkar-text{white-space:pre-line;overflow-wrap:anywhere;width:100%;margin:0 0 14px;font:400 clamp(1.75rem,5vw,2.2rem)/2.2 Amiri,Noto Naskh Arabic,Georgia,serif;color:var(--text)!important}.azkar-source{color:var(--muted);text-underline-offset:3px;align-self:flex-start;margin:auto 0 14px;font-size:.78rem;line-height:1.45;text-decoration:none}.azkar-source:hover{color:var(--primary);text-decoration:underline}.azkar-count{color:#fffdf7;cursor:pointer;touch-action:manipulation;background:radial-gradient(circle at 34% 25%,#28634c,#0d3b2e 72%);border:2px solid #c5a059;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:76px;height:76px;min-height:76px;margin:0 auto;padding:7px;transition:transform .16s,opacity .22s,background .22s,box-shadow .22s;display:inline-flex;box-shadow:0 8px 18px #0d3b2e26,inset 0 1px #ffffff35}.azkar-count-value{font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:800;line-height:1.05}.azkar-count-label{color:#f0e2c3;font-size:.68rem;line-height:1.3}.azkar-count:active:not(:disabled){transform:scale(.92);box-shadow:0 3px 10px #0d3b2e2e,inset 0 2px 7px #061f1950}.azkar-count:disabled{cursor:default}.azkar-count.is-done{color:#f0d58e;background:linear-gradient(145deg,#28634c,#0d3b2e);border-color:#c5a059;font-size:.95rem;font-weight:800}body[data-theme=dark] .azkar-count:not(:disabled){color:#fffdf7}body[data-theme=dark] .azkar-count.is-done{color:#f0d58e}.azkar-card.is-complete{opacity:.76;border-color:color-mix(in srgb, var(--gold) 54%, var(--border))}.azkar-card.is-complete .azkar-text{color:var(--muted)!important}.azkar-completion{border:1px solid color-mix(in srgb, var(--gold) 52%, var(--border));background:linear-gradient(140deg, color-mix(in srgb, var(--gold-soft) 34%, var(--surface)), var(--surface));color:var(--primary);text-align:center;border-radius:18px;margin-top:16px;padding:20px;font:700 1.25rem/1.7 Amiri,Georgia,serif;animation:.32s both azkar-completion-in;box-shadow:0 8px 24px #c5a05916}.azkar-completion[hidden]{display:none}@keyframes azkar-completion-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.azkar-tabs{gap:12px}.azkar-tab{min-height:52px;padding-inline:18px}.azkar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.azkar-card{min-height:250px}}@media (prefers-reduced-motion:reduce){.azkar-tab,.azkar-card,.azkar-count{transition:none}.azkar-completion{animation:none}}@media (width>=640px){#app{max-width:min(100%,900px)}main,.site-header{padding-inline:24px}.memorial-banner{margin-inline:24px}.dua-list,.azkar-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.dua-card,.azkar-card{height:100%}.dua-arabic,.azkar-text{font-size:clamp(1.5rem,2.5vw,1.85rem)}.surah-index{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1025px){#app{max-width:1040px}main,.site-header{padding-inline:28px}.memorial-banner{margin-inline:28px}.home-dashboard{grid-template-columns:minmax(0,1fr);align-items:start}.quran-page{padding-inline:clamp(32px,5vw,72px)}.quran-reader{max-width:820px;margin-inline:auto;padding:16px clamp(24px,4vw,48px)}.quran-text{line-height:2.25}}.home-dashboard{display:block}.counter-card{text-align:center;padding:clamp(14px,3.5vw,28px);position:relative;overflow:hidden}.counter-dhikr-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;max-width:640px;margin:0 auto;display:grid}.counter-title{color:var(--primary);overflow-wrap:anywhere;margin:0;font:700 clamp(1.65rem,5vw,2.5rem)/1.55 Amiri,Noto Naskh Arabic,Georgia,serif}.dhikr-step{border:1px solid var(--gold-soft);background:color-mix(in srgb, var(--surface) 84%, var(--gold-soft));width:42px;height:42px;color:var(--primary);cursor:pointer;border-radius:50%;place-items:center;font:400 1.6rem/1 system-ui,sans-serif;display:grid}.counter-card .target-presets{margin:10px auto 4px}.counter-card .target-presets button{border-color:var(--gold-soft);background:var(--surface);min-width:68px;min-height:42px;color:var(--primary)}.counter-card .target-presets button[data-target=open]{min-width:102px}.counter-card .target-presets button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:var(--surface)}.counter-button{isolation:isolate;color:#fffdf7;cursor:pointer;touch-action:manipulation;user-select:none;background:radial-gradient(circle at 34% 26%,#28634c 0,#174b38 40%,#0f382c 76%);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:clamp(220px,66vw,300px);height:clamp(220px,66vw,300px);margin:14px auto 6px;padding:22px;transition:transform .18s,box-shadow .24s;animation:5.8s ease-in-out infinite dial-breathe;display:flex;position:relative;box-shadow:0 18px 42px #0b2e222e,inset 0 3px 7px #ffffff2b,inset 0 -10px 18px #061f1940}body[data-theme=dark] .counter-button{color:#fffdf7}.counter-progress-ring{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.counter-ring-track,.counter-ring-value{fill:none;stroke-width:5px}.counter-ring-track{stroke:#ffffff45}.counter-ring-value{stroke:#c5a059;stroke-linecap:round;filter:drop-shadow(0 0 5px #d4af3780);transition:stroke-dashoffset .42s cubic-bezier(.2,.75,.25,1)}.counter-number{z-index:1;color:#fffdf7;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #061f1940;font-size:clamp(4rem,15vw,6rem);font-weight:700;line-height:1;position:relative}.counter-hint{z-index:1;color:#f7eedb;font-size:1rem;font-weight:600;position:relative}.counter-button:active{transform:scale(.965);box-shadow:0 9px 24px #0b2e2234,inset 0 2px 12px #061f1940}.counter-button:active:after{opacity:.8;animation:.48s ease-out bead-ripple;inset:5px}.counter-button:disabled{cursor:wait}.counter-progress{color:var(--primary);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.counter-total{color:var(--muted);margin:3px 0;font-size:.9rem}.counter-notice{min-height:1.4em;color:var(--primary);margin:2px 0;font-size:.92rem;font-weight:700}.counter-card .counter-controls{margin-top:5px}.counter-card .counter-preferences{gap:18px;margin-top:10px;font-size:.86rem}.counter-card .counter-preferences label{color:var(--muted)}.counter-card .counter-preferences input{width:18px;height:18px}.counter-card.target-reached{animation:.54s ease-out target-glow}.counter-card.target-reached .counter-ring-value{filter:drop-shadow(0 0 9px #d4af37)}@keyframes dial-breathe{0%,to{box-shadow:0 18px 42px #0b2e222e,inset 0 3px 7px #ffffff2b,inset 0 -10px 18px #061f1940}50%{box-shadow:0 22px 48px #0b2e2238,inset 0 4px 9px #ffffff38,inset 0 -10px 18px #061f1940}}@keyframes target-glow{0%{box-shadow:0 0 0 0 #c5a05900, var(--shadow)}40%{box-shadow:0 0 0 10px #c5a05938,0 0 38px #c5a05940}to{box-shadow:var(--shadow)}}@media (prefers-reduced-motion:reduce){.counter-card.target-reached,.counter-button{animation:none}.counter-ring-value{transition:none}}@media (width<=639px){.site-header{padding-top:12px;padding-bottom:6px}.site-header h1{margin-top:8px;font-size:clamp(1.35rem,5vw,1.7rem);line-height:1.2}.memorial-banner{min-height:72px;margin-top:4px;margin-bottom:9px;padding-block:7px}.counter-card{padding:12px}.counter-title{font-size:clamp(1.45rem,4.7vw,2rem);line-height:1.35}.counter-card .target-presets{margin-top:6px;margin-bottom:0}.counter-card .target-presets button{min-height:38px;padding-block:5px}.counter-button{width:clamp(205px,58vw,270px);height:clamp(205px,58vw,270px);margin:8px auto 2px}.counter-number{font-size:clamp(3.8rem,14vw,5rem)}.counter-notice{min-height:1.1em;margin-block:0}.counter-card .counter-controls{margin-top:1px}.counter-card .counter-preferences{margin-top:6px}}@media (width<=639px) and (height<=780px){.site-header{padding-top:8px}.memorial-banner{min-height:66px}.counter-card{padding:8px}.counter-button{width:clamp(190px,54vw,250px);height:clamp(190px,54vw,250px)}}.memorial-badge,.memorial-invite{appearance:none;border:1px solid var(--gold-soft);cursor:pointer;font:inherit}.create-memorial-modal{border:1px solid var(--gold-soft);background:var(--surface);width:min(720px,100vw - 28px);max-width:none;max-height:min(90dvh,900px);color:var(--text);border-radius:24px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #111a1533}.create-memorial-modal::backdrop{backdrop-filter:blur(5px);background:#101a16a6}.create-memorial-modal-frame{overscroll-behavior:contain;max-height:min(90dvh,900px);padding:26px;position:relative;overflow-y:auto}.modal-close{z-index:3;float:inline-end;border:1px solid var(--gold-soft);background:var(--surface);width:42px;height:42px;color:var(--primary);cursor:pointer;border-radius:50%;place-items:center;margin:-12px -12px 4px 8px;font-size:1.7rem;line-height:1;display:grid;position:sticky;top:0}.create-memorial-content{clear:both}.create-memorial-content>h2{color:var(--primary);margin:0 0 18px;font:700 1.8rem/1.4 Amiri,Georgia,serif}.create-memorial-content .memorial-preview,.create-memorial-modal .memorial-ad{margin-top:18px}@media (width<=639px){.create-memorial-modal{border-bottom:0;border-left:0;border-right:0;border-radius:24px 24px 0 0;width:100%;max-height:min(92dvh,900px);margin:0;position:fixed;inset:auto 0 0}.create-memorial-modal-frame{max-height:min(92dvh,900px);padding:22px 18px calc(22px + env(safe-area-inset-bottom))}}:root,body[data-theme=default]{color-scheme:light;--primary:#0f382c;--primary-soft:#1b4332;--background:#faf8f5;--surface:#fffdf9;--text:#24352e;--muted:#69766e;--border:#e9e1d3;--gold:#c5a059;--gold-soft:#eadbb8;--dial-face:#fffdf8;--shadow:0 16px 44px #26392d12, 0 3px 10px #26392d08}body[data-theme=blue]{color-scheme:light;--primary:#0f382c;--primary-soft:#1b4332;--background:#f6f7f3;--surface:#fffefa;--text:#24352e;--muted:#68756e;--border:#e4e4d8;--gold:#c5a059;--gold-soft:#eadbb8;--dial-face:#fffdf8}body[data-theme=brown]{color-scheme:light;--primary:#1b4332;--primary-soft:#285c43;--background:#f4f1ea;--surface:#fffdf8;--text:#3c352b;--muted:#756d60;--border:#e4d9c6;--gold:#b99045;--gold-soft:#ebd9af;--dial-face:#fffaf0}body[data-theme=dark]{color-scheme:dark;--primary:#9bd0ad;--primary-soft:#c0e1c8;--background:#151c18;--surface:#202a24;--text:#f1eee4;--muted:#bdc4b9;--border:#39483e;--gold:#d4af68;--gold-soft:#725f3b;--dial-face:#26332b;--shadow:0 18px 48px #00000038, 0 3px 12px #0002}