/* ═══════════════════════════════════════════════════════════════════
   daily-journey.css — v50 Daily Remembrance Cinematic Journey
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --vdx-cream:#fff8ea;
  --vdx-pearl:#fbf7ef;
  --vdx-rose-bg:#f9e8ee;
  --vdx-rose-card:#fff6f8;
  --vdx-emerald:#0f4c3a;
  --vdx-gold:#d8a441;
  --vdx-gold-light:#f0d48a;
  --vdx-rose-gold:#c98773;
  --vdx-midnight:#102033;
  --vdx-charcoal:#1f2523;
  --vdx-mist:#ddedea;
  --vdx-sand:#ead8b8;
}
.main:has(.vdx-page){max-width:none;padding:0;overflow:clip}
.vdx-page{position:relative;isolation:isolate;min-height:100vh;color:var(--text);background:
  radial-gradient(circle at 12% 12%, color-mix(in srgb,var(--gold) 12%,transparent) 0, transparent 28rem),
  radial-gradient(circle at 85% 18%, color-mix(in srgb,var(--primary) 9%,transparent) 0, transparent 30rem),
  linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#fff),var(--bg));overflow:hidden}
.vdx-page::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23D8A441' stroke-width='.5' opacity='.45'%3E%3Cpath d='M45 6 84 45 45 84 6 45Z'/%3E%3Ccircle cx='45' cy='45' r='25'/%3E%3Cpath d='M45 20 70 45 45 70 20 45Z'/%3E%3C/g%3E%3C/svg%3E");background-size:90px 90px;mask-image:linear-gradient(180deg,transparent,black 14%,black 82%,transparent)}
.vdx-fx-host{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.82}.vdx-fx-host canvas{width:100%;height:100%;display:block}.vdx-content{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(.75rem,2vw,1.6rem) 0 6rem}.vdx-content .prin-draft{margin:0 auto 1rem;max-width:920px}
.vdx-kicker{font-size:.74rem;letter-spacing:.34em;text-transform:uppercase;font-weight:800;color:var(--gold-dark);line-height:1.4;margin-bottom:.72rem}.vdx-page h1,.vdx-page h2,.vdx-page h3{font-family:var(--font-display);line-height:1.05;color:var(--text)}.vdx-page h1{font-size:clamp(2.35rem,7vw,5.6rem);font-weight:700;letter-spacing:-.035em}.vdx-page h2{font-size:clamp(1.9rem,4.4vw,3.6rem);font-weight:700;letter-spacing:-.025em}.vdx-page h3{font-size:clamp(1.38rem,2.6vw,2.45rem);font-weight:700;letter-spacing:-.018em}.vdx-page p{line-height:1.72;color:var(--text-light)}.vdx-page .en{display:none}[data-lang="en"] .vdx-page .es{display:none!important}[data-lang="en"] .vdx-page .en{display:inline!important}[data-lang="both"] .vdx-page .en{display:block!important;margin-top:.2em;font-style:italic;opacity:.72;font-size:.92em}[data-lang="both"] .vdx-page .vdx-kicker .en,[data-lang="both"] .vdx-page button .en,[data-lang="both"] .vdx-page .vdx-quality .en{display:inline!important;margin-top:0;margin-left:.35em;font-size:.88em}[data-lang="both"] .vdx-page button .en::before,[data-lang="both"] .vdx-page .vdx-quality .en::before{content:"/ ";opacity:.45;margin-right:.12em}
.vdx-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:clamp(1.4rem,4vw,4rem);align-items:center;min-height:clamp(460px,58vh,700px);padding:clamp(.5rem,2vw,1.4rem) 0}.vdx-hero-copy{max-width:680px}.vdx-hero-sub{font-size:clamp(1rem,1.5vw,1.18rem);max-width:60ch;margin:1.1rem 0 1.35rem}.vdx-date-card{width:min(100%,520px);padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card) 86%,transparent),color-mix(in srgb,var(--gold-light) 10%,var(--bg-card)));box-shadow:0 20px 70px color-mix(in srgb,var(--primary-deep) 10%,transparent);backdrop-filter:blur(14px)}.vdx-date-greet{font-family:var(--font-display);font-size:1.65rem;font-weight:700;color:var(--text)}.vdx-date-line{font-weight:700;color:var(--text-light)}.vdx-date-hijri{font-weight:800;color:var(--gold-dark)}.vdx-date-card p{font-size:.83rem;margin:.25rem 0 0;color:var(--text-muted);font-style:italic}.vdx-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.vdx-primary,.vdx-secondary,.vdx-chip-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;border-radius:999px;font-weight:800;letter-spacing:.01em;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease}.vdx-primary{padding:.85rem 1.35rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff8f0;box-shadow:0 14px 34px color-mix(in srgb,var(--primary) 32%,transparent)}.vdx-secondary{padding:.78rem 1.12rem;background:color-mix(in srgb,var(--bg-card) 78%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);color:var(--primary-dark)}.vdx-primary:hover,.vdx-secondary:hover,.vdx-chip-btn:hover{transform:translateY(-2px)}.vdx-primary:active,.vdx-secondary:active,.vdx-chip-btn:active{transform:translateY(0)}
.vdx-hero-visual{position:relative}.vdx-virtue-card{position:relative;display:grid;grid-template-columns:190px 1fr;gap:1.4rem;align-items:center;min-height:410px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card) 86%,transparent),color-mix(in srgb,var(--bg-card) 62%,transparent));box-shadow:0 28px 90px color-mix(in srgb,var(--primary-deep) 12%,transparent);overflow:hidden;padding:1.7rem;backdrop-filter:blur(18px)}.vdx-virtue-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--gold-light) 18%,transparent),transparent 32%),radial-gradient(circle at 88% 76%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 34%);pointer-events:none}.vdx-virtue-orn{position:relative;height:310px;border-radius:48% 48% 10px 10px;border:2px solid color-mix(in srgb,var(--gold) 72%,transparent);box-shadow:inset 0 0 0 11px color-mix(in srgb,var(--gold-light) 12%,transparent),0 18px 50px color-mix(in srgb,var(--gold) 14%,transparent);display:grid;place-items:center}.vdx-virtue-orn::before{content:"";position:absolute;inset:22px;border-radius:48% 48% 8px 8px;border:1px solid color-mix(in srgb,var(--gold) 44%,transparent)}.vdx-virtue-orn span{position:relative;width:112px;height:112px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 28px color-mix(in srgb,var(--gold) 6%,transparent),0 0 0 52px color-mix(in srgb,var(--gold) 4%,transparent)}.vdx-virtue-orn span::before,.vdx-virtue-orn span::after{content:"";position:absolute;border:2px solid color-mix(in srgb,var(--gold) 80%,transparent);border-radius:50%;width:112px;height:112px;inset:-2px;transform:translateX(-36px)}.vdx-virtue-orn span::after{transform:translateX(36px)}.vdx-virtue-copy{position:relative}.vdx-prin-tr{font-family:var(--font-display);font-style:italic;font-size:1.2rem;color:var(--text-light);margin-top:1.4rem}.vdx-virtue-card h2{font-size:clamp(2rem,4vw,3.2rem)}.vdx-virtue-desc{font-size:1.05rem;font-style:italic;color:var(--text-muted)}.vdx-arabic{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,4vw,3.7rem);line-height:1.35;color:var(--gold-dark);letter-spacing:.02em}.vdx-arabic-lg{font-size:clamp(2rem,5vw,4.4rem)}.vdx-divider{height:1px;width:min(250px,80%);margin:1rem 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.vdx-today-intention{font-size:1.03rem;font-weight:600;color:var(--text)}
.vdx-section-head{max-width:760px;margin:0 auto 1.5rem;text-align:center}.vdx-section-head p{max-width:65ch;margin:.7rem auto 0}.vdx-thread-intro{padding:1rem 0 3rem}.vdx-thread-card{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:center;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--bg-card) 80%,transparent),color-mix(in srgb,var(--gold-light) 8%,var(--bg-card)));border-radius:30px;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 18px 60px color-mix(in srgb,var(--primary-deep) 9%,transparent);overflow:hidden}.vdx-thread-visual{position:relative;height:190px;border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--gold-light) 24%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--bg-soft) 50%,transparent),transparent);border:1px solid color-mix(in srgb,var(--gold) 24%,transparent)}.vdx-thread-visual::before{content:"";position:absolute;left:16%;right:16%;top:50%;height:3px;background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold),var(--gold-light),transparent);box-shadow:0 0 18px var(--gold);border-radius:999px}.vdx-thread-visual i{position:absolute;top:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--gold) 30%,transparent)}.vdx-thread-visual i:nth-child(1){left:12%}.vdx-thread-visual i:nth-child(2){left:31%}.vdx-thread-visual i:nth-child(3){left:50%;transform:translateX(-50%)}.vdx-thread-visual i:nth-child(4){right:31%}.vdx-thread-visual i:nth-child(5){right:12%}
.vdx-seed{padding:3rem 0}.vdx-seed-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}.vdx-seed-card{position:relative;min-height:220px;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--border));border-radius:26px;padding:1.2rem 1.25rem;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 88%,transparent),color-mix(in srgb,var(--bg-card) 66%,transparent));box-shadow:0 14px 44px color-mix(in srgb,var(--primary-deep) 7%,transparent);overflow:hidden}.vdx-seed-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--gold-light),var(--gold-dark))}.vdx-seed-card header{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.8rem}.vdx-seed-card header>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--gold-dark);background:color-mix(in srgb,var(--gold-light) 16%,transparent);font-size:1.2rem;flex:0 0 auto}.vdx-seed-card strong{display:block;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-dark)}.vdx-seed-card em{display:block;font-style:italic;color:var(--text-muted);font-size:.9rem}.vdx-seed-card p{margin:.65rem 0 0}.vdx-seed-card footer{margin-top:.85rem;color:var(--gold-dark);font-weight:700;font-size:.82rem}.vdx-translit{font-family:var(--font-display);font-style:italic;color:var(--text-muted)!important}.vdx-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.vdx-chip-btn{padding:.55rem .85rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:0;font-size:.86rem}.vdx-chip-btn.ghost{background:transparent;color:var(--primary-dark);border:1px solid color-mix(in srgb,var(--gold) 34%,transparent)}.vdx-today-pill{margin-top:.9rem;padding:.75rem .9rem;border-radius:16px;background:color-mix(in srgb,var(--gold-light) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);font-weight:600;color:var(--text)}.vdx-today-pill>span:first-child{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark);font-weight:800}.vdx-reflection-main{font-family:var(--font-display);font-size:1.32rem;line-height:1.35!important;color:var(--text)!important}
.vdx-journey{padding:3rem 0}.vdx-timeline{position:relative;display:grid;gap:1.4rem}.vdx-timeline::before{content:"";position:absolute;left:50%;top:1rem;bottom:1rem;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,var(--gold-light),var(--gold),var(--gold-light),transparent);box-shadow:0 0 20px color-mix(in srgb,var(--gold) 45%,transparent);opacity:.5}.vdx-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;min-height:360px;padding:1rem;border-radius:34px}.vdx-step::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:var(--gold);box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 12%,transparent),0 0 28px color-mix(in srgb,var(--gold) 55%,transparent);z-index:2}.vdx-step.is-even .vdx-step-visual{order:2}.vdx-step-copy{position:relative;border:1px solid color-mix(in srgb,var(--gold) 24%,var(--border));border-radius:28px;padding:clamp(1.2rem,3vw,2rem);background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 90%,transparent),color-mix(in srgb,var(--bg-card) 70%,transparent));box-shadow:0 16px 56px color-mix(in srgb,var(--primary-deep) 7%,transparent)}.vdx-step-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}.vdx-step-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--primary-deep);font-family:var(--font-display);font-weight:800}.vdx-quality{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--gold-light) 14%,transparent);color:var(--gold-dark);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.vdx-step-copy p{font-size:1rem;margin:.7rem 0 0}.vdx-dhikr-line{display:grid;gap:.35rem;margin-top:1rem;padding:.9rem 1rem;border-radius:18px;background:color-mix(in srgb,var(--gold-light) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}.vdx-dhikr-line b{font-family:var(--font-display);font-size:1.2rem;color:var(--gold-dark)}.vdx-dhikr-line span{color:var(--text-light);font-size:.94rem}.vdx-step-visual{min-width:0}.vdx-scene{position:relative;height:320px;border-radius:34px;overflow:hidden;border:1px solid color-mix(in srgb,var(--gold) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--gold-light) 12%,var(--bg-card)),color-mix(in srgb,var(--bg-soft) 35%,var(--bg-card)));box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 18px 58px color-mix(in srgb,var(--primary-deep) 8%,transparent)}.vdx-scene-sky{position:absolute;inset:0;background:radial-gradient(circle at 70% 24%,color-mix(in srgb,var(--gold-light) 34%,transparent),transparent 18%),radial-gradient(circle at 18% 88%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 32%)}.vdx-scene-arch{position:absolute;left:9%;bottom:16%;width:37%;height:66%;border:2px solid color-mix(in srgb,var(--gold) 70%,transparent);border-bottom:0;border-radius:48% 48% 0 0}.vdx-scene-arch span{position:absolute;inset:16px;border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);border-bottom:0;border-radius:48% 48% 0 0}.vdx-scene-orb{position:absolute;right:13%;top:18%;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--gold-light),var(--gold) 70%,transparent 72%);box-shadow:0 0 42px color-mix(in srgb,var(--gold) 48%,transparent)}.vdx-scene-thread{position:absolute;left:11%;right:10%;top:56%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold),var(--gold-light),transparent);box-shadow:0 0 18px var(--gold);transform:rotate(-10deg)}.vdx-scene-symbol{position:absolute;right:18%;bottom:21%;width:70px;height:70px;border-radius:22px;border:1px solid color-mix(in srgb,var(--gold) 44%,transparent);background:color-mix(in srgb,var(--bg-card) 72%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--gold) 14%,transparent)}.vdx-scene-floor{position:absolute;left:8%;right:8%;bottom:13%;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 58%,transparent),transparent)}.vdx-scene-num{position:absolute;right:1rem;bottom:.9rem;font-family:var(--font-display);font-size:2.8rem;color:color-mix(in srgb,var(--gold) 28%,transparent);font-weight:800}.vdx-scene-wudu .vdx-scene-symbol{border-radius:50%;background:radial-gradient(circle at 45% 32%,#fff,var(--vdx-mist) 55%,color-mix(in srgb,var(--gold-light) 38%,transparent))}.vdx-scene-salah .vdx-scene-symbol{width:96px;height:42px;border-radius:45% 45% 12px 12px;bottom:18%;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 28%,var(--bg-card)),color-mix(in srgb,var(--gold-light) 18%,var(--bg-card)))}.vdx-scene-work .vdx-scene-symbol{width:100px;height:62px;border-radius:12px}.vdx-scene-speech .vdx-scene-symbol{border-radius:40px 40px 40px 10px}.vdx-scene-anger .vdx-scene-thread{transform:rotate(0deg);top:48%}.vdx-scene-charity .vdx-scene-symbol{border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--gold) 8%,transparent),0 0 32px color-mix(in srgb,var(--gold) 20%,transparent)}.vdx-scene-quran .vdx-scene-symbol{width:96px;height:64px;border-radius:14px 14px 30px 30px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold-light) 22%,var(--bg-card)),var(--bg-card))}.vdx-scene-sleep{background:linear-gradient(180deg,color-mix(in srgb,var(--vdx-midnight) 20%,var(--bg-card)),color-mix(in srgb,var(--primary-dark) 12%,var(--bg-card)))}.vdx-scene-sleep .vdx-scene-orb{background:transparent;border:12px solid var(--gold-light);border-left-color:transparent;transform:rotate(-18deg)}
.vdx-honorable{padding:3rem 0}.vdx-quality-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.9rem}.vdx-quality-card{position:relative;min-height:180px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--border));border-radius:24px;padding:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 86%,transparent),color-mix(in srgb,var(--bg-card) 66%,transparent));box-shadow:0 10px 32px color-mix(in srgb,var(--primary-deep) 6%,transparent);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.vdx-quality-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 55%,transparent);box-shadow:0 18px 48px color-mix(in srgb,var(--gold) 15%,transparent)}.vdx-quality-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--gold-light) 16%,transparent);color:var(--gold-dark);font-size:1.45rem;margin-bottom:.75rem}.vdx-quality-card h3{font-size:1.32rem}.vdx-quality-card p{font-size:.9rem;margin-top:.4rem;line-height:1.55}
.vdx-heart-section{padding:3rem 0}.vdx-heart-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-dark) 8%,var(--bg-card)),color-mix(in srgb,var(--gold-light) 8%,var(--bg-card)));box-shadow:0 22px 70px color-mix(in srgb,var(--primary-deep) 10%,transparent);padding:clamp(1.2rem,4vw,2.3rem)}.vdx-heart-visual{position:relative;min-height:330px;display:grid;place-items:center}.vdx-heart-glow{--heart-level:0;position:relative;width:174px;height:154px;filter:drop-shadow(0 0 calc(12px + var(--heart-level) * 5px) color-mix(in srgb,var(--gold) 45%,transparent))}.vdx-heart-glow::before,.vdx-heart-glow::after{content:"";position:absolute;width:92px;height:136px;background:radial-gradient(circle at 50% 28%,var(--gold-light),var(--gold) 58%,var(--primary) 100%);border-radius:90px 90px 0 0;top:0;left:50%;transform:rotate(-45deg);transform-origin:0 100%;opacity:calc(.45 + var(--heart-level) * .055)}.vdx-heart-glow::after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.vdx-heart-glow span{position:absolute;inset:-60px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 26%,transparent),transparent 62%);opacity:calc(.25 + var(--heart-level) * .055)}.vdx-heart-orbit{position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);box-shadow:0 0 0 28px color-mix(in srgb,var(--gold) 4%,transparent);animation:vdxSpin 18s linear infinite}.vdx-heart-orbit::before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.vdx-dhikr-buttons{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.vdx-dhikr-btn{min-height:44px;padding:.55rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);background:color-mix(in srgb,var(--bg-card) 78%,transparent);color:var(--primary-dark);font-weight:800;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.vdx-dhikr-btn:hover{transform:translateY(-2px)}.vdx-dhikr-btn.is-lit{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--primary-deep);box-shadow:0 0 20px color-mix(in srgb,var(--gold) 35%,transparent)}.vdx-heart-message{font-weight:800;color:var(--gold-dark)!important}
.vdx-tracker{padding:3rem 0}.vdx-tracker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.vdx-track-item{display:grid;grid-template-columns:34px 1fr;gap:.75rem;align-items:center;text-align:left;padding:.9rem .85rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--gold) 20%,var(--border));background:color-mix(in srgb,var(--bg-card) 78%,transparent);color:var(--text);font-weight:700;line-height:1.35;transition:transform .22s ease,border-color .22s ease,background .22s ease}.vdx-track-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 44%,transparent)}.vdx-track-check{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--gold) 56%,transparent);color:#fff;background:transparent;font-weight:900}.vdx-track-item.is-done{background:linear-gradient(135deg,color-mix(in srgb,var(--gold-light) 16%,var(--bg-card)),color-mix(in srgb,var(--bg-card) 72%,transparent));border-color:color-mix(in srgb,var(--gold) 52%,transparent)}.vdx-track-item.is-done .vdx-track-check{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--primary-deep)}.vdx-tracker-message{text-align:center;font-weight:800;color:var(--gold-dark)!important;margin:1rem auto 0}.vdx-closing{padding:3rem 0 5rem}.vdx-closing-card{max-width:900px;margin:0 auto;text-align:center;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:38px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 88%,transparent),color-mix(in srgb,var(--primary-dark) 8%,var(--bg-card)));box-shadow:0 28px 90px color-mix(in srgb,var(--primary-deep) 12%,transparent);padding:clamp(1.5rem,5vw,3.2rem);position:relative;overflow:hidden}.vdx-closing-card::before{content:"";position:absolute;inset:auto -20% -46% -20%;height:70%;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%)}.vdx-closing-mark{position:relative;width:128px;height:128px;margin:0 auto 1rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--gold) 46%,transparent);display:grid;place-items:center;box-shadow:0 0 0 22px color-mix(in srgb,var(--gold) 5%,transparent)}.vdx-closing-mark span{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,var(--gold-light),var(--gold));box-shadow:0 0 34px color-mix(in srgb,var(--gold) 50%,transparent)}.vdx-closing-card blockquote{position:relative;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,2rem);font-style:italic;color:var(--gold-dark);margin:1rem 0 1.35rem}.vdx-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.vdx-reveal.is-visible,.vdx-step.is-visible{opacity:1;transform:none}.vdx-step{opacity:0;transform:translateY(28px);transition:opacity .78s ease,transform .78s ease}
[data-theme="dark"] .vdx-page,[data-theme="ink"] .vdx-page{background:radial-gradient(circle at 18% 10%,rgba(224,181,87,.08),transparent 26rem),linear-gradient(180deg,#080b18,#050814 55%,#090d1c);--text:#FFFAF2;--text-light:rgba(255,250,242,.78);--text-muted:rgba(255,250,242,.55)}[data-theme="dark"] .vdx-date-card,[data-theme="dark"] .vdx-virtue-card,[data-theme="dark"] .vdx-thread-card,[data-theme="dark"] .vdx-seed-card,[data-theme="dark"] .vdx-step-copy,[data-theme="dark"] .vdx-quality-card,[data-theme="dark"] .vdx-heart-panel,[data-theme="dark"] .vdx-closing-card,[data-theme="ink"] .vdx-date-card,[data-theme="ink"] .vdx-virtue-card,[data-theme="ink"] .vdx-thread-card,[data-theme="ink"] .vdx-seed-card,[data-theme="ink"] .vdx-step-copy,[data-theme="ink"] .vdx-quality-card,[data-theme="ink"] .vdx-heart-panel,[data-theme="ink"] .vdx-closing-card{background:linear-gradient(145deg,rgba(16,32,51,.78),rgba(10,14,30,.72));border-color:rgba(240,212,138,.26)}[data-theme="dark"] .vdx-scene,[data-theme="ink"] .vdx-scene{background:linear-gradient(180deg,rgba(16,32,51,.86),rgba(75,30,50,.38))}[data-theme="dark"] .vdx-primary,[data-theme="ink"] .vdx-primary{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#321323}[data-theme="dark"] .vdx-secondary,[data-theme="ink"] .vdx-secondary,[data-theme="dark"] .vdx-dhikr-btn,[data-theme="ink"] .vdx-dhikr-btn{color:var(--gold-light);background:rgba(255,255,255,.04)}[data-theme="dark"] .vdx-chip-btn.ghost,[data-theme="ink"] .vdx-chip-btn.ghost{color:var(--gold-light)}[data-theme="dark"] .vdx-track-item,[data-theme="ink"] .vdx-track-item{background:rgba(255,255,255,.04);color:var(--text)}
@keyframes vdxSpin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.vdx-hero{grid-template-columns:1fr;min-height:auto;padding-top:2rem}.vdx-hero-copy{max-width:none;text-align:center}.vdx-hero-sub,.vdx-date-card{margin-left:auto;margin-right:auto}.vdx-hero-actions{justify-content:center}.vdx-virtue-card{grid-template-columns:150px 1fr;min-height:340px}.vdx-virtue-orn{height:250px}.vdx-quality-grid{grid-template-columns:repeat(2,1fr)}.vdx-tracker-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.main:has(.vdx-page){overflow:visible}.vdx-content{width:min(100% - 1rem,1180px);padding-bottom:7rem}.vdx-kicker{letter-spacing:.22em;font-size:.68rem}.vdx-page h1{font-size:clamp(2.25rem,13vw,3.65rem)}.vdx-hero{text-align:center;padding:1.4rem 0 2rem}.vdx-hero-actions{display:grid}.vdx-primary,.vdx-secondary{width:100%}.vdx-date-card{text-align:center}.vdx-virtue-card{display:block;text-align:center;border-radius:28px;padding:1.1rem}.vdx-virtue-orn{width:160px;height:220px;margin:0 auto 1rem}.vdx-virtue-orn span{width:76px;height:76px}.vdx-virtue-orn span::before,.vdx-virtue-orn span::after{width:76px;height:76px}.vdx-arabic{font-size:2rem}.vdx-thread-card{grid-template-columns:1fr;text-align:center;border-radius:26px}.vdx-thread-visual{height:130px}.vdx-seed-grid{grid-template-columns:1fr}.vdx-seed-card{border-radius:22px}.vdx-timeline::before{left:18px}.vdx-step{grid-template-columns:1fr;gap:.65rem;min-height:0;padding:.3rem 0 .3rem 2rem}.vdx-step::after{left:18px;top:28px}.vdx-step.is-even .vdx-step-visual{order:0}.vdx-step-copy{border-radius:22px;padding:1.1rem}.vdx-scene{height:210px;border-radius:22px}.vdx-scene-symbol{transform:scale(.8);transform-origin:center}.vdx-heart-panel{grid-template-columns:1fr;text-align:center;border-radius:26px}.vdx-heart-visual{min-height:220px}.vdx-heart-glow{transform:scale(.72)}.vdx-heart-orbit{transform:scale(.75)}.vdx-dhikr-buttons{justify-content:center}.vdx-quality-grid,.vdx-tracker-grid{grid-template-columns:1fr}.vdx-track-item{min-height:56px}.vdx-closing-card{border-radius:26px}.vdx-fx-host{opacity:.52}}
@media(prefers-reduced-motion:reduce){.vdx-reveal,.vdx-step,.vdx-primary,.vdx-secondary,.vdx-chip-btn,.vdx-quality-card,.vdx-track-item,.vdx-dhikr-btn{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.vdx-heart-orbit{animation:none!important}}

/* v52 — production-spec gap closure: practice action, dhikr meaning, intention card, SR live region */
.vdx-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.vdx-step-practice{margin-top:.75rem;padding:.62rem .85rem;border-radius:14px;background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 26%,transparent)}
.vdx-practice-label{display:block;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:.2em;font-weight:700}
.vdx-practice-text{font-size:.96rem;line-height:1.45}
.vdx-dhikr-btn .vdx-dhikr-ar{display:block}
.vdx-dhikr-meaning{display:block;font-size:.72rem;opacity:.72;margin-top:.16em;font-style:italic;font-weight:400}
.vdx-intention-card{margin:1rem 0 1.1rem;padding:.9rem 1.1rem;border-radius:18px;background:var(--bg-card,#fffafc);border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-left:3px solid var(--gold)}
.vdx-intention-label{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin-bottom:.32em;font-weight:700}
.vdx-intention-card p{margin:0;font-size:1rem;line-height:1.5}
@media(max-width:760px){.vdx-intention-card{text-align:center}.vdx-step-practice{text-align:left}}


/* Illustrated scene layer (WebP) — the sole scene layer (abstract fallback removed in v57).
   A missing file shows the soft .vdx-scene card background (no broken-image icon). Theme-reactive
   via data-theme. Naming: assets/scenes/scene-NN-<id>-<rose|light|dark>.webp
   (rose = default/ramadan, light = teal/light, dark = dark + ink). */
.vdx-scene-photo{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center 32%;background-repeat:no-repeat;border-radius:inherit;opacity:0;transition:opacity .5s ease}
.vdx-scene .vdx-scene-num{z-index:2}
.vdx-scene-wake .vdx-scene-photo{background-image:url(assets/scenes/scene-01-wake-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-wake .vdx-scene-photo{background-image:url(assets/scenes/scene-01-wake-light.webp)}
[data-theme="dark"] .vdx-scene-wake .vdx-scene-photo,[data-theme="ink"] .vdx-scene-wake .vdx-scene-photo{background-image:url(assets/scenes/scene-01-wake-dark.webp)}
.vdx-scene-wudu .vdx-scene-photo{background-image:url(assets/scenes/scene-02-wudu-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-wudu .vdx-scene-photo{background-image:url(assets/scenes/scene-02-wudu-light.webp)}
[data-theme="dark"] .vdx-scene-wudu .vdx-scene-photo,[data-theme="ink"] .vdx-scene-wudu .vdx-scene-photo{background-image:url(assets/scenes/scene-02-wudu-dark.webp)}
.vdx-scene-salah .vdx-scene-photo{background-image:url(assets/scenes/scene-03-salah-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-salah .vdx-scene-photo{background-image:url(assets/scenes/scene-03-salah-light.webp)}
[data-theme="dark"] .vdx-scene-salah .vdx-scene-photo,[data-theme="ink"] .vdx-scene-salah .vdx-scene-photo{background-image:url(assets/scenes/scene-03-salah-dark.webp)}
.vdx-scene-work .vdx-scene-photo{background-image:url(assets/scenes/scene-04-work-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-work .vdx-scene-photo{background-image:url(assets/scenes/scene-04-work-light.webp)}
[data-theme="dark"] .vdx-scene-work .vdx-scene-photo,[data-theme="ink"] .vdx-scene-work .vdx-scene-photo{background-image:url(assets/scenes/scene-04-work-dark.webp)}
.vdx-scene-speech .vdx-scene-photo{background-image:url(assets/scenes/scene-05-speech-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-speech .vdx-scene-photo{background-image:url(assets/scenes/scene-05-speech-light.webp)}
[data-theme="dark"] .vdx-scene-speech .vdx-scene-photo,[data-theme="ink"] .vdx-scene-speech .vdx-scene-photo{background-image:url(assets/scenes/scene-05-speech-dark.webp)}
.vdx-scene-anger .vdx-scene-photo{background-image:url(assets/scenes/scene-06-anger-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-anger .vdx-scene-photo{background-image:url(assets/scenes/scene-06-anger-light.webp)}
[data-theme="dark"] .vdx-scene-anger .vdx-scene-photo,[data-theme="ink"] .vdx-scene-anger .vdx-scene-photo{background-image:url(assets/scenes/scene-06-anger-dark.webp)}
.vdx-scene-modesty .vdx-scene-photo{background-image:url(assets/scenes/scene-07-modesty-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-modesty .vdx-scene-photo{background-image:url(assets/scenes/scene-07-modesty-light.webp)}
[data-theme="dark"] .vdx-scene-modesty .vdx-scene-photo,[data-theme="ink"] .vdx-scene-modesty .vdx-scene-photo{background-image:url(assets/scenes/scene-07-modesty-dark.webp)}
.vdx-scene-charity .vdx-scene-photo{background-image:url(assets/scenes/scene-08-charity-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-charity .vdx-scene-photo{background-image:url(assets/scenes/scene-08-charity-light.webp)}
[data-theme="dark"] .vdx-scene-charity .vdx-scene-photo,[data-theme="ink"] .vdx-scene-charity .vdx-scene-photo{background-image:url(assets/scenes/scene-08-charity-dark.webp)}
.vdx-scene-family .vdx-scene-photo{background-image:url(assets/scenes/scene-09-family-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-family .vdx-scene-photo{background-image:url(assets/scenes/scene-09-family-light.webp)}
[data-theme="dark"] .vdx-scene-family .vdx-scene-photo,[data-theme="ink"] .vdx-scene-family .vdx-scene-photo{background-image:url(assets/scenes/scene-09-family-dark.webp)}
.vdx-scene-quran .vdx-scene-photo{background-image:url(assets/scenes/scene-10-quran-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-quran .vdx-scene-photo{background-image:url(assets/scenes/scene-10-quran-light.webp)}
[data-theme="dark"] .vdx-scene-quran .vdx-scene-photo,[data-theme="ink"] .vdx-scene-quran .vdx-scene-photo{background-image:url(assets/scenes/scene-10-quran-dark.webp)}
.vdx-scene-sleep .vdx-scene-photo{background-image:url(assets/scenes/scene-11-sleep-rose.webp);opacity:1}
[data-theme="light"] .vdx-scene-sleep .vdx-scene-photo{background-image:url(assets/scenes/scene-11-sleep-light.webp)}
[data-theme="dark"] .vdx-scene-sleep .vdx-scene-photo,[data-theme="ink"] .vdx-scene-sleep .vdx-scene-photo{background-image:url(assets/scenes/scene-11-sleep-dark.webp)}