:root[data-theme=dark]{--bg:#0a0f0a;--surface:#111811;--surface2:#162016;--border:#1e2e1e;--gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#7a6430;--green:#2d6a4f;--green-light:#52b788;--text:#e8e0d0;--text-dim:#8a8070;--btn-bg-from:#1e3a2a;--btn-bg-to:#0d1f14;--shadow-ambient:#40916c33;--shadow-active:#52b78866;--toggle-icon:"☀️";--overlay-bg-from:#0a1a0f;--overlay-bg-to:#101a10;--sadaqa-bg-from:#0f1a10;--sadaqa-bg-to:#131f13;--resp-bg-from:#0d1a10;--resp-bg-to:#101c12}:root[data-theme=light]{--bg:#f4f0e8;--surface:#fffdf7;--surface2:#f0ece0;--border:#d8cebc;--gold:#9a6f1a;--gold-light:#7a5510;--gold-dim:#b8913a;--green:#2d6a4f;--green-light:#1a5c3a;--text:#2a2218;--text-dim:#7a6a50;--btn-bg-from:#d4ead8;--btn-bg-to:#b8d8c0;--shadow-ambient:#2d6a4f26;--shadow-active:#1a5c3a4d;--toggle-icon:"🌙";--overlay-bg-from:#f0f7f2;--overlay-bg-to:#e8f2ec;--sadaqa-bg-from:#f5f0e4;--sadaqa-bg-to:#ede8dc;--resp-bg-from:#eff7f2;--resp-bg-to:#e8f0ec}*{box-sizing:border-box;margin:0;padding:0}html{transition:color-scheme .4s}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;font-family:Noto Naskh Arabic,serif;transition:background .4s,color .4s;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 0,#c9a84c12 0%,#0000 70%),radial-gradient(40% 60% at 80% 100%,#40916c0d 0%,#0000 70%);transition:opacity .4s;position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(60% 40% at 50% 0,#9a6f1a0f 0%,#0000 70%),radial-gradient(40% 60% at 80% 100%,#2d6a4f0a 0%,#0000 70%)}.container{z-index:1;flex-direction:column;align-items:center;gap:1.75rem;width:100%;max-width:680px;padding:1rem 1.5rem 5rem;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding-top:.75rem;display:flex}.lang-switcher{flex-wrap:wrap;gap:.35rem;display:flex}.lang-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-dim);white-space:nowrap;border-radius:.6rem;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:Inter,sans-serif;font-size:.72rem;transition:background .2s,border-color .2s,color .2s;display:flex}.lang-btn:hover{border-color:var(--gold-dim);color:var(--text)}.lang-btn.active{background:var(--surface2);border-color:var(--gold-dim);color:var(--gold);font-weight:600}.lang-flag{font-size:1rem;line-height:1}.theme-toggle{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:2rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .75rem;transition:background .2s,border-color .2s;display:flex}.theme-toggle:hover{border-color:var(--gold-dim)}.theme-toggle-track{background:var(--border);border-radius:9px;width:32px;height:18px;transition:background .3s;position:relative}[data-theme=light] .theme-toggle-track{background:var(--gold-dim)}.theme-toggle-thumb{background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .3s,background .3s;position:absolute;top:2px;left:2px}[data-theme=light] .theme-toggle-thumb{background:var(--gold);transform:translate(14px)}.theme-toggle-emoji{font-size:.85rem}.header{text-align:center}.header-title{color:var(--gold-dim);margin-bottom:.25rem;font-family:Amiri,serif;font-size:1.3rem}.header-sub{color:var(--text-dim);font-family:Inter,sans-serif;font-size:.8rem;transition:color .3s}[data-lang=ar] .header-sub{font-family:Noto Naskh Arabic,serif;font-size:.85rem}.goal-badge{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;align-items:center;gap:.75rem;padding:.85rem 1.75rem;transition:background .4s,border-color .4s;display:flex}.goal-badge-label{color:var(--text-dim);font-family:Amiri,serif;font-size:1rem;transition:color .3s}[data-lang=fr] .goal-badge-label,[data-lang=en] .goal-badge-label,[data-lang=tr] .goal-badge-label,[data-lang=id] .goal-badge-label{font-family:Inter,sans-serif;font-size:.85rem}.goal-badge-value{color:var(--gold-light);text-shadow:0 0 12px #c9a84c4d;font-family:Amiri,serif;font-size:2rem;font-weight:700;transition:color .3s}.dhikr-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:1.5rem;width:100%;padding:2rem 1.75rem;transition:background .4s,border-color .4s;position:relative;overflow:hidden}.dhikr-card:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -10%,#c9a84c0a,#0000);position:absolute;inset:0}.dhikr-ornament{color:var(--gold-dim);letter-spacing:.3em;margin-bottom:1rem;font-size:1.2rem}.dhikr-text{color:var(--gold-light);text-shadow:0 0 20px #c9a84c1f;word-spacing:.1em;font-family:Amiri,serif;font-size:clamp(1.2rem,4vw,1.55rem);line-height:2.2;transition:color .3s}.progress-section{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.count-display{align-items:baseline;gap:.4rem;display:flex}.count-num{color:var(--green-light);font-family:Amiri,serif;font-size:clamp(3.5rem,14vw,5rem);font-weight:700;line-height:1;transition:color .3s}.count-sep{color:var(--text-dim);font-size:1.5rem}.count-goal{color:var(--text-dim);font-family:Amiri,serif;font-size:1.6rem}.progress-bar-wrap{background:var(--surface2);border:1px solid var(--border);border-radius:4px;width:100%;height:8px;transition:background .4s;overflow:hidden}.progress-bar-fill{background:linear-gradient(to left,var(--green-light),var(--green));border-radius:4px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #52b78859}.motivation{color:var(--text-dim);text-align:center;min-height:1.6em;font-family:Amiri,serif;font-size:.9rem;transition:color .3s}[data-lang=fr] .motivation,[data-lang=en] .motivation,[data-lang=tr] .motivation,[data-lang=ur] .motivation,[data-lang=id] .motivation{font-family:Inter,sans-serif;font-size:.85rem;font-style:italic}.motivation.milestone{color:var(--gold)}.counter-btn{cursor:pointer;background:radial-gradient(circle at 35% 35%,var(--btn-bg-from),var(--btn-bg-to));width:clamp(180px,55vw,260px);height:clamp(180px,55vw,260px);box-shadow:0 0 0 2px var(--green),0 0 30px var(--shadow-ambient),inset 0 2px 4px #ffffff0f,inset 0 -2px 8px #00000040;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;transition:background .4s,transform 80ms,box-shadow 80ms;display:flex;position:relative}.counter-btn:active{box-shadow:0 0 0 2px var(--green-light),0 0 50px var(--shadow-active),inset 0 2px 8px #0000004d;transform:scale(.94)}.counter-btn:before{content:"";border:1px solid #52b7882e;border-radius:50%;position:absolute;inset:6px}.btn-icon{color:var(--green-light);font-family:Amiri,serif;font-size:2.4rem;line-height:1;transition:color .3s;position:relative}.btn-label{color:var(--green-light);opacity:.75;font-family:Amiri,serif;font-size:.75rem;transition:color .3s}[data-lang=fr] .btn-label,[data-lang=en] .btn-label,[data-lang=tr] .btn-label,[data-lang=ur] .btn-label,[data-lang=id] .btn-label{letter-spacing:.04em;font-family:Inter,sans-serif;font-size:.7rem}@keyframes vibrate{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-3px)rotate(-1deg)}40%{transform:translate(3px)rotate(1deg)}60%{transform:translate(-2px)rotate(-.5deg)}80%{transform:translate(2px)rotate(.5deg)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 2px var(--green-light),0 0 0 2px #52b78866}50%{box-shadow:0 0 0 4px var(--green-light),0 0 0 20px #52b78800}to{box-shadow:0 0 0 2px var(--green-light),0 0 0 2px #52b78800}}@keyframes gold-flash{0%,to{background:radial-gradient(circle at 35% 35%,var(--btn-bg-from),var(--btn-bg-to))}50%{background:radial-gradient(circle at 35% 35%,#4a3a10,#2a2008)}}@keyframes countFlash{0%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.counter-btn.vibrate{animation:.35s ease-in-out vibrate}.counter-btn.pulse{animation:.5s ease-out pulse-ring}.counter-btn.gold-flash{animation:.4s ease-out gold-flash}.count-num.flash{animation:.15s ease-out countFlash}.completed-overlay{background:linear-gradient(135deg,var(--overlay-bg-from),var(--overlay-bg-to));text-align:center;border:1px solid #c9a84c4d;border-radius:1.5rem;width:100%;padding:2rem 1.75rem;display:none;position:relative;overflow:hidden}.completed-overlay.show{animation:.5s ease-out fadeIn;display:block}.completed-overlay:before{content:"";pointer-events:none;background:radial-gradient(100% 60% at 50% 0,#c9a84c12,#0000);position:absolute;inset:0}.completed-ornament{color:var(--gold);margin-bottom:1rem;font-size:1.5rem}.completed-dua{color:var(--gold-light);text-shadow:0 0 30px #c9a84c26;font-family:Amiri,serif;font-size:clamp(1.1rem,3.5vw,1.4rem);line-height:2.4}.sadaqa-section{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:none}.sadaqa-section.show{animation:.7s ease-out fadeIn;display:flex}.sadaqa-divider{align-items:center;gap:1rem;width:100%;display:flex}.sadaqa-divider:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c59);flex:1;height:1px}.sadaqa-divider:after{content:"";background:linear-gradient(270deg,#0000,#c9a84c59);flex:1;height:1px}.sadaqa-divider-text{color:var(--gold-dim);white-space:nowrap;font-family:Amiri,serif;font-size:.85rem}.sadaqa-card{background:linear-gradient(135deg,var(--sadaqa-bg-from),var(--sadaqa-bg-to));text-align:center;border:1px solid #c9a84c33;border-radius:1.5rem;width:100%;padding:1.75rem 1.5rem;transition:background .4s;position:relative;overflow:hidden}.sadaqa-card:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#c9a84c0d,#0000);position:absolute;inset:0}.sadaqa-intro{color:var(--text-dim);margin-bottom:1.5rem;font-family:Amiri,serif;font-size:clamp(1rem,3.2vw,1.2rem);line-height:2.2;transition:color .3s}[data-lang=fr] .sadaqa-intro,[data-lang=en] .sadaqa-intro,[data-lang=tr] .sadaqa-intro,[data-lang=ur] .sadaqa-intro,[data-lang=id] .sadaqa-intro{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.7}.sadaqa-btn{color:var(--gold-light);cursor:pointer;text-align:center;background:linear-gradient(135deg,#c9a84c0f 0%,#c9a84c38 35%,#e8c97a59 50%,#c9a84c38 65%,#c9a84c0f 100%) 0 0/300% 100%;border:1px solid #c9a84c80;border-radius:1rem;justify-content:center;align-items:center;width:100%;padding:1rem 1.25rem;font-family:Amiri,serif;font-size:clamp(.95rem,3vw,1.1rem);line-height:2;transition:border-color .25s,transform .15s,box-shadow .25s,opacity .3s;animation:3s ease-in-out infinite shimmer;display:inline-flex}.sadaqa-btn:not(.clicked):hover{border-color:var(--gold);box-shadow:0 0 24px #c9a84c33,0 0 6px #c9a84c1a}.sadaqa-btn:active{transform:scale(.97)}.sadaqa-btn.clicked{border-color:var(--gold-dim);cursor:default;opacity:.5;background:#c9a84c0a;animation:none}[data-lang=fr] .sadaqa-btn,[data-lang=en] .sadaqa-btn,[data-lang=tr] .sadaqa-btn,[data-lang=ur] .sadaqa-btn,[data-lang=id] .sadaqa-btn{font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6}.sadaqa-response{background:linear-gradient(160deg,var(--resp-bg-from),var(--resp-bg-to));text-align:center;border:1px solid #c9a84c59;border-radius:1.5rem;width:100%;padding:2rem 1.75rem;transition:background .4s;display:none;position:relative;overflow:hidden}.sadaqa-response.show{animation:.6s ease-out fadeIn;display:block}.sadaqa-response:before{content:"";pointer-events:none;background:radial-gradient(80% 40% at 50% 0,#c9a84c0f,#0000),radial-gradient(50% 50% at 50% 100%,#40916c08,#0000);position:absolute;inset:0}.sadaqa-response-header{color:var(--gold-dim);letter-spacing:.06em;margin-bottom:1.25rem;font-family:Amiri,serif;font-size:.9rem}[data-lang=fr] .sadaqa-response-header,[data-lang=en] .sadaqa-response-header,[data-lang=tr] .sadaqa-response-header,[data-lang=ur] .sadaqa-response-header,[data-lang=id] .sadaqa-response-header{letter-spacing:.08em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.sadaqa-response-text{color:var(--gold-light);text-shadow:0 0 25px #c9a84c1f;font-family:Amiri,serif;font-size:clamp(1.1rem,3.5vw,1.38rem);line-height:2.4;transition:color .3s}.reset-btn{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;background:0 0;border-radius:.75rem;padding:.65rem 2rem;font-family:Noto Naskh Arabic,serif;font-size:.95rem;transition:background .2s,border-color .2s}.reset-btn:hover{border-color:var(--gold);background:#c9a84c14}[data-lang=fr] .reset-btn,[data-lang=en] .reset-btn,[data-lang=tr] .reset-btn,[data-lang=ur] .reset-btn,[data-lang=id] .reset-btn{font-family:Inter,sans-serif;font-size:.88rem}@media (max-width:480px){.lang-btn{padding:.25rem .45rem;font-size:.68rem}.lang-btn span:last-child{display:none}.goal-badge{padding:.75rem 1.25rem}}.translation-box{color:var(--text-dim);text-align:center;border-top:1px solid #c9a84c2e;margin-top:1.25rem;padding-top:1.1rem;font-family:Inter,sans-serif;font-size:.88rem;font-style:italic;line-height:1.75;transition:color .3s}.translation-box--dua{text-align:start;border-top-color:#c9a84c40;font-size:.84rem;line-height:1.9}[dir=rtl] .translation-box--dua{text-align:right}