.ayahpage{--ayah-ar:var(--font-quran-uthmani);max-width:900px;margin:0 auto;padding:24px 28px 38px}.ayahpage[data-script=indopak]{--ayah-ar:var(--font-quran-indopak)}.ayahpage .crumb{font:var(--role-label);color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.ayahpage .crumb a:hover{color:var(--brand)}.ayahpage .ayah-script-seg{justify-content:center;margin-bottom:26px;display:flex}.ayahpage .segment{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.ayahpage .segment button{color:var(--text-muted);font:var(--role-label);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:color .15s,background .15s}.ayahpage .segment button:hover{color:var(--brand)}.ayahpage .segment button[aria-pressed=true]{background:var(--brand);color:var(--brand-contrast)}.ayahpage .focus-card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;padding:34px 52px;position:relative;overflow:hidden}.ayahpage .ref-badge{font:var(--role-label);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:28px;display:inline-flex}.ayahpage .ref-badge .pill{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border-hairline);color:var(--brand);border-radius:999px;padding:4px 10px;font-size:12px}.ayahpage .big-ar{font-family:var(--ayah-ar);color:var(--sacred-ink);direction:rtl;margin-bottom:30px;font-size:46px;line-height:2.1}.ayahpage[data-script=indopak] .big-ar{font-size:38px;line-height:2.2}.ayahpage .big-tl{font-family:var(--font-display);color:var(--text-muted);max-width:52ch;margin:0 auto 24px;font-size:17px;font-style:italic}.ayahpage .big-en{font:var(--role-lead);color:var(--text-body);max-width:46ch;margin:0 auto 18px;font-size:21px}.ayahpage .big-ur{font-family:var(--nf-nastaliq), serif;color:var(--text-muted);direction:rtl;max-width:44ch;margin:0 auto;font-size:24px;line-height:2.4}.ayahpage .trans-credit{color:var(--text-muted);margin-top:6px;font-size:12px;font-style:normal}.ayahpage .endmark{font-family:var(--font-arabic);color:var(--lantern-500);white-space:nowrap;padding:0 .15em;font-size:.62em;display:inline-block}.dark .ayahpage .endmark{color:var(--lantern-300)}.ayahpage .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:30px;display:flex}.ayahpage .ctl{border:1px solid var(--border-strong);background:var(--surface-card);height:44px;color:var(--text-body);font:var(--role-label);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;transition:color .15s,border-color .15s;display:inline-flex}.ayahpage .ctl:hover{border-color:var(--brand);color:var(--brand)}.ayahpage .ayah-stepper{justify-content:space-between;gap:14px;margin-top:26px;display:flex}.ayahpage .ayah-stepper a,.ayahpage .ayah-stepper span{font:var(--role-label);color:var(--text-body);border:1px solid var(--border-hairline);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.ayahpage .ayah-stepper a:hover{border-color:var(--border-strong);color:var(--brand)}.ayahpage .ayah-stepper span.disabled{opacity:.35}.ayahpage .sharecard-wrap{margin-top:29px}.ayahpage .sharecard-wrap .label{text-align:center;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:16px}.ayahpage .sharecard{border-radius:var(--radius-lg);background:var(--mihrab-900);width:540px;max-width:100%;min-height:460px;box-shadow:var(--shadow-xl);text-align:center;background-image:url(/assets/pattern-girih.svg);background-size:260px;flex-direction:column;justify-content:center;align-items:center;gap:22px;margin:0 auto;padding:60px 44px;display:flex;position:relative;overflow:hidden}.ayahpage .sharecard:after{content:"";background:radial-gradient(120% 90% at 50% 30%,#10262033 0%,#0a1814 100%);position:absolute;inset:0}.ayahpage .sharecard>*{z-index:1;flex-shrink:0;position:relative}.ayahpage .sharecard .corner{z-index:1;opacity:.5;width:54px;height:54px;color:var(--lantern-300);position:absolute}.ayahpage .sharecard .corner.tl{top:22px;left:22px}.ayahpage .sharecard .corner.br{bottom:22px;right:22px;transform:rotate(180deg)}.ayahpage .sharecard .sc-ar{font-family:var(--ayah-ar);font-size:var(--sc-ar-size,34px);color:#f6ecd6;direction:rtl;margin:0;line-height:1.9}.ayahpage[data-script=indopak] .sharecard .sc-ar{line-height:2}.ayahpage .sharecard .sc-en{font-family:var(--font-display);color:#d9e6df;max-width:30ch;margin:0;font-size:18px;line-height:1.55}.ayahpage .sharecard .sc-foot{width:100%;font:var(--role-label);color:var(--lantern-200);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.ayahpage .sharecard .sc-foot .ref{font-family:var(--font-mono);text-align:center;font-size:12px}.ayahpage .sharecard .sc-brand{justify-self:end;align-items:center;gap:7px;display:inline-flex}.ayahpage .sharecard .sc-brand .w{font-family:var(--font-display);color:#faf7f1;font-size:15px}.ayahpage .sharecard .sc-brand .a{font-family:var(--font-arabic);color:var(--lantern-200);font-size:14px}.ayahpage .appnudge{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);align-items:center;gap:18px;margin:36px 0 8px;padding:22px 26px;display:flex}.ayahpage .appnudge .ic{border-radius:var(--radius-md);background:var(--mihrab-100);width:44px;height:44px;color:var(--mihrab-600);flex-shrink:0;place-items:center;display:grid}.dark .ayahpage .appnudge .ic{color:var(--lantern-300)}.ayahpage .appnudge .txt{flex:1}.ayahpage .appnudge .txt b{color:var(--text-strong);font-weight:600}.ayahpage .appnudge .txt p{font-size:var(--text-sm);color:var(--text-muted);margin:3px 0 0}.ayahpage .appnudge a.go{font:var(--role-label);color:var(--brand);white-space:nowrap;font-weight:600}.dark .ayahpage .appnudge a.go{color:var(--lantern-300)}.ayahpage .toast{z-index:200;background:var(--mihrab-800);color:#faf7f1;font:var(--role-label);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px)}.ayahpage .toast.show{opacity:1;transform:translate(-50%)}.ayahpage .toast svg{color:var(--lantern-300)}@media (max-width:600px){.ayahpage .focus-card{padding:36px 24px}.ayahpage .big-ar{font-size:34px}.ayahpage .big-en{font-size:18px}.ayahpage .sharecard{padding:36px 26px}.ayahpage .sharecard .sc-ar{font-size:30px}}@media (max-width:560px){.ayahpage .appnudge{flex-wrap:wrap}.ayahpage .appnudge a.go{width:100%}}@media (prefers-reduced-motion:reduce){.ayahpage .toast{transition:none}}