.quote{position:relative;overflow:hidden;padding:30px 24px 24px;text-align:center;background:radial-gradient(ellipse at 50% 0,#d7bd7814,transparent 65%),var(--card)}
.quote::before{content:"“";position:absolute;top:2px;right:18px;color:#d7bd7845;font:700 78px/1 Georgia,serif}
.quote blockquote{position:relative;max-width:620px;color:#fff4d5;font:400 clamp(20px,3.8vw,26px)/1.9 "Amiri",serif;margin:0}
.ayah blockquote{color:var(--gold-l);font:400 clamp(22px,5vw,30px)/2.1 "Amiri",serif}
.ayah::before{content:"۞";font:400 64px/1 "Amiri",serif}
.ref{margin:8px 0 0;color:var(--gold);font-size:13px}
.tools{display:flex;justify-content:center;gap:10px;margin-top:14px}
.tasbih{display:flex;flex-direction:column;align-items:center}
.tap{--p:0;position:relative;display:grid;place-items:center;width:min(210px,60vw);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--p) * 1%),#d7bd7824 0);color:var(--gold-l);cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .12s}
.tap::before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 50% 30%,#16403b,#0a1d1c);box-shadow:inset 0 0 30px #0009}
.tap strong{position:relative;font:600 clamp(46px,13vw,64px)/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.tap:active{transform:scale(.96)}
.dua-list{display:grid;gap:8px}
.dua{border:1px solid #d7bd7828;border-radius:15px;background:rgba(2,13,18,.5)}
.dua summary{display:flex;align-items:center;gap:10px;padding:14px 16px;color:var(--gold-l);font-size:15px;cursor:pointer;list-style:none}
.dua summary::-webkit-details-marker{display:none}
.dua summary::after{content:"";width:8px;height:8px;margin-inline-start:auto;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s var(--ease)}
.dua[open] summary::after{transform:rotate(-135deg)}
.dua-body{padding:0 16px 14px;animation:rise .25s var(--ease) both}
.dua-text{margin:0;font:400 19px/2.1 "Amiri",serif;overflow-wrap:anywhere}
.dua-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #d7bd7820;color:var(--muted);font-size:12px}
.dua-foot .icon-btn{width:36px;height:36px;flex:0 0 36px}