:root{--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--r-xs: .5rem;--r-sm: .75rem;--r-md: 1.125rem;--r-lg: 1.75rem;--r-xl: 2.5rem;--r-full: 999px;--r-arch: 46% 46% 1.25rem 1.25rem / 34% 34% 1.25rem 1.25rem;--font-ui: "IBM Plex Sans Arabic", -apple-system, "Segoe UI", system-ui, sans-serif;--font-display: "Reem Kufi", var(--font-ui);--font-quran: "Amiri Quran", "Scheherazade New", serif;--font-naskh: "Noto Naskh Arabic", "Amiri Quran", serif;--font-num: "IBM Plex Sans Arabic", system-ui, sans-serif;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--t-xl: 1.875rem;--t-2xl: 2.5rem;--t-3xl: clamp(2.25rem, 6vw, 4.25rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.34, 1.26, .64, 1);--d-fast: .16s;--d-base: .28s;--d-slow: .52s;--d-glacial: 1.1s;--z-canvas: 0;--z-content: 10;--z-sticky: 100;--z-dock: 300;--z-nav: 400;--z-sheet: 500;--z-toast: 700}[data-theme=night]{--bg-void: #070d0e;--bg-deep: #0a1416;--bg-base: #0d1a1d;--bg-raised: #112226;--bg-overlay: #162c31;--bg-hover: #1b353b;--line-faint: rgb(255 255 255 / .05);--line-soft: rgb(255 255 255 / .09);--line-firm: rgb(255 255 255 / .16);--ink-strong: #f2f7f6;--ink-base: #cfdedc;--ink-muted: #8ba3a1;--ink-faint: #5d7573;--accent: #4fd1a5;--accent-soft: #7ee3c0;--accent-deep: #1f8f6d;--accent-wash: rgb(79 209 165 / .1);--accent-glow: rgb(79 209 165 / .28);--gold: #d9b26a;--gold-soft: #ecd39a;--gold-wash: rgb(217 178 106 / .12);--danger: #f08a7c;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 8px 24px -8px rgb(0 0 0 / .55);--shadow-lg: 0 24px 60px -18px rgb(0 0 0 / .7);--shadow-glow: 0 0 40px -8px var(--accent-glow);--glass-bg: rgb(13 26 29 / .72);--glass-line: rgb(255 255 255 / .08);--grain-opacity: .035;--aurora-opacity: .5;color-scheme:dark}[data-theme=dawn]{--bg-void: #ebe6dc;--bg-deep: #f2eee5;--bg-base: #f8f5ee;--bg-raised: #fffdf8;--bg-overlay: #fffefb;--bg-hover: #f0ece1;--line-faint: rgb(28 54 48 / .06);--line-soft: rgb(28 54 48 / .11);--line-firm: rgb(28 54 48 / .2);--ink-strong: #10231f;--ink-base: #2c433d;--ink-muted: #647a73;--ink-faint: #94a49d;--accent: #10775a;--accent-soft: #159470;--accent-deep: #0a4f3b;--accent-wash: rgb(16 119 90 / .09);--accent-glow: rgb(16 119 90 / .2);--gold: #a87a2c;--gold-soft: #c69a4d;--gold-wash: rgb(168 122 44 / .11);--danger: #c0483a;--shadow-sm: 0 1px 2px rgb(28 54 48 / .06);--shadow-md: 0 10px 28px -12px rgb(28 54 48 / .18);--shadow-lg: 0 28px 64px -24px rgb(28 54 48 / .26);--shadow-glow: 0 0 36px -10px var(--accent-glow);--glass-bg: rgb(248 245 238 / .78);--glass-line: rgb(28 54 48 / .08);--grain-opacity: .025;--aurora-opacity: .32;color-scheme:light}[data-accent=sapphire]{--accent: #5aa9f0;--accent-soft: #8ec6f7;--accent-deep: #2b6fae;--accent-wash: rgb(90 169 240 / .1);--accent-glow: rgb(90 169 240 / .3)}[data-theme=dawn][data-accent=sapphire]{--accent: #1d5f9e;--accent-soft: #2a7ac4;--accent-deep: #123f6c;--accent-wash: rgb(29 95 158 / .09);--accent-glow: rgb(29 95 158 / .2)}[data-accent=amber]{--accent: #e2b263;--accent-soft: #f0cd93;--accent-deep: #a67c33;--accent-wash: rgb(226 178 99 / .1);--accent-glow: rgb(226 178 99 / .3)}[data-theme=dawn][data-accent=amber]{--accent: #9a6a1c;--accent-soft: #b78430;--accent-deep: #6e4a10;--accent-wash: rgb(154 106 28 / .1);--accent-glow: rgb(154 106 28 / .22)}[data-accent=violet]{--accent: #a78bfa;--accent-soft: #c4b2fd;--accent-deep: #6d4fd0;--accent-wash: rgb(167 139 250 / .1);--accent-glow: rgb(167 139 250 / .3)}[data-theme=dawn][data-accent=violet]{--accent: #6544bd;--accent-soft: #7d5cd6;--accent-deep: #452c88;--accent-wash: rgb(101 68 189 / .09);--accent-glow: rgb(101 68 189 / .2)}[data-accent=rose]{--accent: #f2919b;--accent-soft: #f8b6bd;--accent-deep: #c1596a;--accent-wash: rgb(242 145 155 / .1);--accent-glow: rgb(242 145 155 / .3)}[data-theme=dawn][data-accent=rose]{--accent: #b34659;--accent-soft: #cc5a6d;--accent-deep: #832f3f;--accent-wash: rgb(179 70 89 / .09);--accent-glow: rgb(179 70 89 / .2)}@media (prefers-reduced-motion: reduce){:root{--d-fast: 1ms;--d-base: 1ms;--d-slow: 1ms;--d-glacial: 1ms}}[data-motion=reduced]{--d-fast: 1ms;--d-base: 1ms;--d-slow: 1ms;--d-glacial: 1ms}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--font-ui);font-size:var(--t-base);line-height:1.7;color:var(--ink-base);background:var(--bg-void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);transition:background var(--d-slow) var(--ease-out),color var(--d-slow) var(--ease-out)}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--ink-strong);text-wrap:balance}p{text-wrap:pretty}ul,ol{list-style:none;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}::selection{background:var(--accent-wash);color:var(--ink-strong)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-firm);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-clip:content-box;background-color:var(--ink-faint)}.backdrop{position:fixed;inset:0;z-index:var(--z-canvas);pointer-events:none;overflow:hidden;background:var(--bg-void)}.backdrop__aurora{position:absolute;inset:-30%;opacity:var(--aurora-opacity);filter:blur(90px) saturate(120%);background:radial-gradient(40% 36% at 22% 26%,var(--accent-glow) 0%,transparent 62%),radial-gradient(34% 32% at 78% 18%,var(--gold-wash) 0%,transparent 60%),radial-gradient(46% 40% at 62% 82%,var(--accent-wash) 0%,transparent 64%);animation:aurora-drift 46s var(--ease-in-out) infinite alternate;will-change:transform}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1) rotate(0)}50%{transform:translate3d(-3%,2.5%,0) scale(1.1) rotate(4deg)}to{transform:translate3d(2.5%,-2%,0) scale(1.04) rotate(-3deg)}}.backdrop__grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(to left,var(--line-faint) 1px,transparent 1px),linear-gradient(to bottom,var(--line-faint) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 120% 90% at 50% 0%,#000 20%,transparent 78%)}.backdrop__grain{position:absolute;inset:0;opacity:var(--grain-opacity);background-image:var(--grain-url);background-size:180px 180px;mix-blend-mode:overlay}.backdrop__pulse{position:absolute;inset-inline:0;bottom:-20%;height:60%;opacity:calc(var(--pulse, 0) * .5);background:radial-gradient(60% 100% at 50% 100%,var(--accent-glow) 0%,transparent 70%);transition:opacity .12s linear;will-change:opacity}.app{position:relative;z-index:var(--z-content);display:grid;grid-template-columns:auto 1fr;min-height:100dvh}.app__main{min-width:0;padding-bottom:8.5rem}.view{max-width:78rem;margin-inline:auto;padding:var(--s-6) var(--s-5) var(--s-7)}@media (max-width: 900px){.app{grid-template-columns:1fr}.view{padding:var(--s-5) var(--s-4) var(--s-6)}}.u-hidden{display:none!important}.u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.u-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.u-stack{display:flex;flex-direction:column}.u-row{display:flex;align-items:center}.u-between{display:flex;align-items:center;justify-content:space-between}.u-gap-1{gap:var(--s-1)}.u-gap-2{gap:var(--s-2)}.u-gap-3{gap:var(--s-3)}.u-gap-4{gap:var(--s-4)}.u-gap-5{gap:var(--s-5)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.u-shimmer{background:linear-gradient(105deg,var(--ink-strong) 10%,var(--accent-soft) 45%,var(--gold-soft) 70%,var(--ink-strong) 95%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 9s var(--ease-in-out) infinite}@keyframes shimmer{0%,to{background-position:180% 0}50%{background-position:-20% 0}}.u-reveal{opacity:0;transform:translateY(18px);transition:opacity var(--d-slow) var(--ease-out),transform var(--d-slow) var(--ease-out)}.u-reveal.is-in{opacity:1;transform:none}.u-stagger>*{transition-delay:calc(var(--i, 0) * 55ms)}.rail{position:sticky;top:0;align-self:start;height:100dvh;width:5.25rem;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-2);background:linear-gradient(to left,var(--glass-bg),transparent);border-inline-start:1px solid var(--line-faint);backdrop-filter:blur(20px);z-index:var(--z-nav)}.rail__mark{width:2.75rem;height:2.75rem;margin-bottom:var(--s-4);flex-shrink:0;display:grid;place-items:center;color:var(--accent);transition:transform var(--d-base) var(--ease-soft)}.rail__mark:hover{transform:rotate(-8deg) scale(1.08)}.rail__mark svg{width:100%;height:100%}.rail__items{display:flex;flex-direction:column;gap:var(--s-2);position:relative}.rail__pip{position:absolute;inset-inline:0;height:3.25rem;border-radius:var(--r-arch);background:var(--accent-wash);border:1px solid var(--accent-glow);box-shadow:inset 0 1px 0 var(--accent-glow),var(--shadow-glow);transition:transform var(--d-base) var(--ease-soft),opacity var(--d-fast);pointer-events:none;opacity:0}.rail__pip.is-on{opacity:1}.rail__btn{position:relative;width:3.25rem;height:3.25rem;display:grid;place-items:center;border-radius:var(--r-arch);color:var(--ink-muted);transition:color var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-soft)}.rail__btn:hover{color:var(--ink-strong);transform:translateY(-2px)}.rail__btn[aria-current=page]{color:var(--accent)}.rail__btn svg{width:1.375rem;height:1.375rem}.rail__btn:after{content:attr(data-label);position:absolute;inset-inline-end:calc(100% + .625rem);top:50%;translate:0 -50%;padding:.3rem .65rem;font-size:var(--t-xs);white-space:nowrap;color:var(--ink-strong);background:var(--bg-overlay);border:1px solid var(--line-soft);border-radius:var(--r-xs);box-shadow:var(--shadow-md);opacity:0;translate:.4rem -50%;pointer-events:none;transition:opacity var(--d-fast),translate var(--d-fast) var(--ease-out)}.rail__btn:hover:after,.rail__btn:focus-visible:after{opacity:1;translate:0 -50%}.rail__spacer{flex:1}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-nav);display:none;justify-content:space-around;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom));background:var(--glass-bg);backdrop-filter:blur(24px) saturate(140%);border-top:1px solid var(--glass-line)}.tabbar__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:var(--s-2) 0;border-radius:var(--r-sm);color:var(--ink-faint);font-size:.6875rem;transition:color var(--d-fast)}.tabbar__btn svg{width:1.25rem;height:1.25rem}.tabbar__btn[aria-current=page]{color:var(--accent)}@media (max-width: 900px){.rail{display:none}.tabbar{display:flex}}.arch{position:relative;display:block;padding:var(--s-5) var(--s-4) var(--s-4);border-radius:var(--r-arch);background:linear-gradient(to bottom,var(--bg-raised),var(--bg-base));border:1px solid var(--line-soft);overflow:hidden;isolation:isolate;transition:transform var(--d-base) var(--ease-soft),border-color var(--d-base),box-shadow var(--d-base)}.arch:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(14rem 14rem at var(--mx, 50%) var(--my, 0%),var(--accent-wash),transparent 70%);opacity:0;transition:opacity var(--d-base) var(--ease-out)}.arch:after{content:"";position:absolute;inset-inline:18%;top:0;height:1px;background:linear-gradient(to left,transparent,var(--accent-glow),transparent);opacity:.55}.arch:hover,.arch:focus-visible{transform:translateY(-5px);border-color:var(--accent-glow);box-shadow:var(--shadow-lg),var(--shadow-glow)}.arch:hover:before{opacity:1}.arch.is-active{border-color:var(--accent);box-shadow:var(--shadow-glow)}.arch__badge{position:relative;width:3rem;height:3rem;margin-inline:auto;margin-bottom:var(--s-3);display:grid;place-items:center;color:var(--accent);font-family:var(--font-num);font-size:var(--t-sm);font-weight:600;letter-spacing:0}.arch__badge svg{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);opacity:.35;transition:opacity var(--d-base),transform var(--d-slow) var(--ease-soft)}.arch:hover .arch__badge svg{opacity:.75;transform:rotate(45deg)}.arch__badge span{position:relative;z-index:1}.arch__name{font-family:var(--font-quran);font-size:1.5rem;line-height:1.6;text-align:center;color:var(--ink-strong);margin-bottom:.15rem}.arch__latin{text-align:center;font-size:var(--t-xs);color:var(--ink-faint);letter-spacing:.06em;margin-bottom:var(--s-3)}.arch__meta{display:flex;align-items:center;justify-content:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--ink-muted)}.arch__dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;font-size:var(--t-xs);border-radius:var(--r-full);border:1px solid var(--line-soft);color:var(--ink-muted);background:var(--bg-base)}.tag--meccan{color:var(--gold);border-color:var(--gold-wash);background:var(--gold-wash)}.tag--medinan{color:var(--accent);border-color:var(--accent-wash);background:var(--accent-wash)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:.6rem 1.1rem;border-radius:var(--r-full);font-size:var(--t-base);font-weight:500;color:var(--ink-base);border:1px solid var(--line-soft);background:var(--bg-raised);transition:transform var(--d-fast) var(--ease-soft),background var(--d-fast),border-color var(--d-fast),color var(--d-fast);white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--line-firm);color:var(--ink-strong)}.btn:active{transform:scale(.97)}.btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.btn--primary{color:var(--bg-void);background:linear-gradient(135deg,var(--accent-soft),var(--accent));border-color:transparent;box-shadow:var(--shadow-glow);font-weight:600}.btn--primary:hover{color:var(--bg-void);background:linear-gradient(135deg,var(--accent),var(--accent-soft));filter:brightness(1.06)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-muted)}.btn--ghost:hover{background:var(--bg-raised);color:var(--ink-strong)}.btn--icon{padding:.6rem;width:2.5rem;height:2.5rem}.btn--sm{padding:.35rem .75rem;font-size:var(--t-sm)}.btn--sm svg{width:1rem;height:1rem}.field{position:relative;display:flex;align-items:center;gap:var(--s-2);padding:.55rem .95rem;border-radius:var(--r-full);background:var(--bg-raised);border:1px solid var(--line-soft);transition:border-color var(--d-fast),box-shadow var(--d-fast),background var(--d-fast)}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash);background:var(--bg-overlay)}.field svg{width:1.125rem;height:1.125rem;color:var(--ink-faint);flex-shrink:0}.field input{flex:1;min-width:0;background:none;color:var(--ink-strong)}.field input::placeholder{color:var(--ink-faint)}.select{position:relative;display:inline-flex;align-items:center}.select select{appearance:none;padding:.5rem 2.25rem .5rem .95rem;border-radius:var(--r-full);background:var(--bg-raised);border:1px solid var(--line-soft);color:var(--ink-base);font-size:var(--t-sm);cursor:pointer;transition:border-color var(--d-fast),background var(--d-fast)}.select select:hover{border-color:var(--line-firm);background:var(--bg-hover)}.select select:focus-visible{border-color:var(--accent)}.select:after{content:"";position:absolute;inset-inline-start:.85rem;width:.45rem;height:.45rem;border-inline-start:1.5px solid var(--ink-faint);border-bottom:1.5px solid var(--ink-faint);rotate:-45deg;pointer-events:none;translate:0 -.12rem}.select option{background:var(--bg-overlay);color:var(--ink-base)}.switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:var(--r-full);background:var(--bg-hover);border:1px solid var(--line-soft);transition:background var(--d-base) var(--ease-out),border-color var(--d-base)}.switch:after{content:"";position:absolute;top:50%;inset-inline-end:.175rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--ink-faint);translate:0 -50%;transition:all var(--d-base) var(--ease-soft)}.switch[aria-checked=true]{background:var(--accent-wash);border-color:var(--accent)}.switch[aria-checked=true]:after{inset-inline-end:calc(100% - 1.225rem);background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--r-full);background:var(--line-soft);cursor:pointer;direction:ltr}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-base);box-shadow:0 0 0 1px var(--accent),0 0 12px var(--accent-glow);transition:transform var(--d-fast) var(--ease-soft)}.slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-base);box-shadow:0 0 0 1px var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{padding:.35rem .85rem;font-size:var(--t-sm);border-radius:var(--r-full);border:1px solid var(--line-soft);background:var(--bg-raised);color:var(--ink-muted);transition:all var(--d-fast) var(--ease-out)}.chip:hover{color:var(--ink-strong);border-color:var(--line-firm)}.chip[aria-pressed=true]{color:var(--accent);background:var(--accent-wash);border-color:var(--accent)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.section-head__title{font-size:var(--t-lg);display:flex;align-items:center;gap:var(--s-3)}.section-head__title:after{content:"";width:3rem;height:1px;background:linear-gradient(to left,var(--accent),transparent)}.section-head__sub{font-size:var(--t-sm);color:var(--ink-faint);margin-top:.15rem}.skeleton{border-radius:var(--r-md);background:linear-gradient(100deg,var(--bg-raised) 30%,var(--bg-hover) 50%,var(--bg-raised) 70%);background-size:250% 100%;animation:skeleton 1.5s var(--ease-in-out) infinite}@keyframes skeleton{0%{background-position:150% 0}to{background-position:-50% 0}}.state{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4);text-align:center;color:var(--ink-muted)}.state svg{width:3rem;height:3rem;color:var(--ink-faint);opacity:.6}.state__title{font-size:var(--t-md);color:var(--ink-strong);font-family:var(--font-display)}.state__text{font-size:var(--t-sm);max-width:28rem}.spinner{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--line-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}.toasts{position:fixed;top:var(--s-4);inset-inline-start:50%;translate:-50% 0;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none;width:min(26rem,calc(100vw - 2rem))}.toast{display:flex;align-items:center;gap:var(--s-3);padding:.7rem 1rem;border-radius:var(--r-md);background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg);color:var(--ink-strong);font-size:var(--t-sm);animation:toast-in var(--d-base) var(--ease-soft)}.toast svg{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--accent)}.toast--error svg{color:var(--danger)}.toast.is-out{animation:toast-out var(--d-fast) var(--ease-in-out) forwards}@keyframes toast-in{0%{opacity:0;translate:0 -.75rem;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes toast-out{to{opacity:0;translate:0 -.5rem;scale:.97}}.sigil{position:relative;aspect-ratio:1;border-radius:var(--r-arch);overflow:hidden;background:radial-gradient(circle at 50% 38%,hsl(var(--hue) 45% 22% / .6),transparent 70%),var(--bg-base);display:grid;place-items:center;border:1px solid var(--line-soft)}[data-theme=dawn] .sigil{background:radial-gradient(circle at 50% 38%,hsl(var(--hue) 50% 82% / .55),transparent 70%),var(--bg-raised)}.sigil svg{width:82%;height:82%;color:hsl(var(--hue) 62% 62%);transition:transform var(--d-glacial) var(--ease-soft),color var(--d-base)}[data-theme=dawn] .sigil svg{color:hsl(var(--hue) 55% 34%)}.sigil:hover svg{transform:rotate(22.5deg) scale(1.05)}.sheet{position:fixed;inset:0;z-index:var(--z-sheet);display:grid;place-items:end center;pointer-events:none}.sheet.is-open{pointer-events:auto}.sheet__veil{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);opacity:0;transition:opacity var(--d-base) var(--ease-out)}.sheet.is-open .sheet__veil{opacity:1}.sheet__panel{position:relative;width:min(42rem,100%);max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;padding:var(--s-5);padding-bottom:calc(var(--s-5) + env(safe-area-inset-bottom));border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--bg-deep);border:1px solid var(--line-soft);border-bottom:none;box-shadow:var(--shadow-lg);translate:0 100%;transition:translate var(--d-base) var(--ease-soft)}.sheet.is-open .sheet__panel{translate:0 0}.sheet__grip{width:2.5rem;height:4px;margin:0 auto var(--s-4);border-radius:var(--r-full);background:var(--line-firm)}@media (min-width: 900px){.sheet{place-items:center}.sheet__panel{border-radius:var(--r-lg);border-bottom:1px solid var(--line-soft);translate:0 1.5rem;opacity:0;transition:translate var(--d-base) var(--ease-soft),opacity var(--d-base)}.sheet.is-open .sheet__panel{translate:0 0;opacity:1}}.hero{position:relative;min-height:min(82dvh,44rem);display:grid;place-items:center;text-align:center;padding:var(--s-8) var(--s-4) var(--s-7);overflow:hidden}.hero__arch{position:absolute;inset-inline:50%;top:8%;width:min(34rem,88vw);aspect-ratio:.72;translate:50% 0;z-index:-1;border-radius:50% 50% 0 0/40% 40% 0 0;border:1px solid var(--line-soft);border-bottom:none;background:linear-gradient(to bottom,var(--accent-wash),transparent 62%);opacity:.85}.hero__arch:before{content:"";position:absolute;inset:8%;border-radius:inherit;border:1px solid var(--line-faint);border-bottom:none}.hero__halo{position:absolute;inset-inline:50%;top:4%;width:min(30rem,80vw);aspect-ratio:1;translate:50% 0;z-index:-1;color:var(--accent);opacity:.09;animation:halo-turn 140s linear infinite}@keyframes halo-turn{to{rotate:360deg}}.hero__content{position:relative;max-width:46rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);padding:.3rem .9rem;margin-bottom:var(--s-5);font-size:var(--t-xs);letter-spacing:.14em;color:var(--accent);background:var(--accent-wash);border:1px solid var(--accent-glow);border-radius:var(--r-full)}.hero__eyebrow svg{width:.9rem;height:.9rem}.hero__title{font-family:var(--font-quran);font-size:var(--t-3xl);line-height:1.55;margin-bottom:var(--s-4)}.hero__lede{font-size:var(--t-md);line-height:1.9;color:var(--ink-muted);max-width:34rem;margin-inline:auto;margin-bottom:var(--s-6)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3)}.hero__stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-5);margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--line-faint)}.stat{text-align:center}.stat__value{font-family:var(--font-display);font-size:var(--t-xl);color:var(--ink-strong);line-height:1.2}.stat__label{font-size:var(--t-xs);color:var(--ink-faint);letter-spacing:.06em}.resume{position:relative;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-6);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--accent-wash),transparent 70%),var(--bg-raised);border:1px solid var(--accent-glow);overflow:hidden}.resume__icon{width:3rem;height:3rem;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-arch);background:var(--accent-wash);color:var(--accent)}.resume__icon svg{width:1.4rem;height:1.4rem}.resume__body{flex:1;min-width:0}.resume__label{font-size:var(--t-xs);color:var(--accent);letter-spacing:.1em}.resume__title{font-family:var(--font-quran);font-size:1.35rem;color:var(--ink-strong)}@media (max-width: 560px){.resume{flex-direction:column;align-items:stretch;text-align:center}.resume__icon{margin-inline:auto}}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.grid--rows{grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:var(--s-3)}@media (max-width: 480px){.grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:var(--s-3)}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.toolbar>.field{flex:1;min-width:14rem}.settings{max-width:46rem;margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-5)}.panel{padding:var(--s-5);border-radius:var(--r-lg);background:var(--bg-base);border:1px solid var(--line-soft)}.panel__title{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-md);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-faint)}.panel__title svg{width:1.2rem;height:1.2rem;color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0}.row+.row{border-top:1px solid var(--line-faint)}.row__label{flex:1;min-width:0}.row__name{color:var(--ink-strong);font-size:var(--t-base)}.row__hint{font-size:var(--t-xs);color:var(--ink-faint);margin-top:.1rem}.row__control{flex-shrink:0;display:flex;align-items:center;gap:var(--s-2)}@media (max-width: 560px){.row{flex-direction:column;align-items:stretch;gap:var(--s-2)}.row__control{justify-content:flex-start}}.swatches{display:flex;gap:var(--s-2)}.swatch{width:2rem;height:2rem;border-radius:var(--r-arch);border:2px solid transparent;background:var(--sw);transition:transform var(--d-fast) var(--ease-soft),border-color var(--d-fast)}.swatch:hover{transform:translateY(-2px) scale(1.06)}.swatch[aria-pressed=true]{border-color:var(--ink-strong);box-shadow:0 0 0 3px var(--bg-base),0 0 14px var(--sw)}.font-preview{margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line-faint);font-family:var(--font-quran);font-size:var(--mushaf-size, 30px);line-height:2.2;text-align:center;color:var(--ink-strong);transition:font-size var(--d-fast) var(--ease-out)}[data-mushaf-font=naskh] .font-preview{font-family:var(--font-naskh)}.result{display:block;padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line-soft);transition:all var(--d-base) var(--ease-out)}.result:hover{border-color:var(--accent-glow);transform:translate(-4px);box-shadow:var(--shadow-md)}.result__ref{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--accent);margin-bottom:var(--s-2)}.result__text{font-family:var(--font-quran);font-size:1.35rem;line-height:2.1;color:var(--ink-base);text-align:justify}.result__text mark{background:var(--gold-wash);color:var(--gold);border-radius:var(--r-xs);padding:0 .2rem}.sources{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.source{display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line-faint)}.source svg{width:1.1rem;height:1.1rem;color:var(--accent);flex-shrink:0;margin-top:.2rem}.source__name{color:var(--ink-strong);font-size:var(--t-base)}.source__desc{font-size:var(--t-xs);color:var(--ink-faint);line-height:1.7;margin-top:.15rem}.foot{max-width:78rem;margin-inline:auto;padding:var(--s-6) var(--s-5) var(--s-7);border-top:1px solid var(--line-faint);text-align:center;color:var(--ink-faint);font-size:var(--t-xs);line-height:2}.foot a{color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}.foot a:hover{color:var(--accent)}.keys{display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.key-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);background:var(--bg-raised);font-size:var(--t-sm);color:var(--ink-muted)}kbd{display:inline-block;min-width:1.6rem;padding:.1rem .4rem;font-family:var(--font-num);font-size:var(--t-xs);text-align:center;color:var(--ink-strong);background:var(--bg-overlay);border:1px solid var(--line-firm);border-bottom-width:2px;border-radius:var(--r-xs)}.dock{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-dock);padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;translate:0 130%;opacity:0;transition:translate var(--d-slow) var(--ease-soft),opacity var(--d-base) var(--ease-out)}.dock.is-live{translate:0 0;opacity:1}@media (max-width: 900px){.dock{bottom:4.25rem}}.dock__shell{pointer-events:auto;position:relative;width:min(60rem,100%);border-radius:var(--r-lg);background:var(--glass-bg);backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg);overflow:hidden;transition:box-shadow var(--d-base)}.dock__shell:before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(to left,transparent,var(--accent) calc(20% + var(--pulse, 0) * 20%),var(--gold),transparent);opacity:calc(.35 + var(--pulse, 0) * .65);transition:opacity 90ms linear}.dock.is-playing .dock__shell{box-shadow:var(--shadow-lg),var(--shadow-glow)}.dock__rail{position:relative;height:3px;background:var(--line-faint);cursor:pointer;touch-action:none}.dock__rail:before{content:"";position:absolute;inset:-8px 0}.dock__buffer{position:absolute;inset-block:0;inset-inline-start:0;background:var(--line-soft);transition:width var(--d-base) linear}.dock__progress{position:absolute;inset-block:0;inset-inline-start:0;background:linear-gradient(to left,var(--accent),var(--gold));box-shadow:0 0 10px var(--accent-glow)}.dock__thumb{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-deep);translate:50% -50%;scale:0;transition:scale var(--d-fast) var(--ease-soft);pointer-events:none}.dock__rail:hover .dock__thumb,.dock__rail:focus-visible .dock__thumb,.dock__rail.is-dragging .dock__thumb{scale:1}.dock__body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4)}.dock__disc{position:relative;width:3.25rem;height:3.25rem;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 0deg,var(--accent-wash),transparent 40%,var(--accent-wash) 70%,transparent),var(--bg-raised);border:1px solid var(--line-soft);overflow:hidden}.dock__disc svg{width:62%;height:62%;color:var(--accent);animation:disc-spin 22s linear infinite;animation-play-state:paused}.dock.is-playing .dock__disc svg{animation-play-state:running}@keyframes disc-spin{to{rotate:360deg}}.dock__disc:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid var(--accent);opacity:calc(var(--pulse, 0) * .85);scale:calc(1 + var(--pulse, 0) * .12);transition:opacity 90ms linear,scale 90ms linear;pointer-events:none}.dock__meta{min-width:0}.dock__title{font-family:var(--font-quran);font-size:1.2rem;line-height:1.5;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock__sub{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--ink-muted);overflow:hidden;white-space:nowrap}.dock__time{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:var(--t-xs)}.dock__controls{display:flex;align-items:center;gap:var(--s-1)}.dock__btn{width:2.375rem;height:2.375rem;display:grid;place-items:center;border-radius:var(--r-full);color:var(--ink-muted);transition:color var(--d-fast),background var(--d-fast),transform var(--d-fast) var(--ease-soft)}.dock__btn:hover{color:var(--ink-strong);background:var(--bg-hover)}.dock__btn:active{transform:scale(.9)}.dock__btn svg{width:1.125rem;height:1.125rem}.dock__btn.is-on{color:var(--accent)}.dock__btn.is-on:after{content:"";position:absolute;bottom:.2rem;width:3px;height:3px;border-radius:50%;background:currentColor}.dock__btn{position:relative}.dock__play{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;color:var(--bg-void);background:linear-gradient(140deg,var(--accent-soft),var(--accent));box-shadow:0 6px 20px -6px var(--accent-glow),var(--shadow-glow);transition:transform var(--d-fast) var(--ease-soft),filter var(--d-fast)}.dock__play:hover{filter:brightness(1.08);transform:scale(1.05)}.dock__play:active{transform:scale(.95)}.dock__play svg{width:1.375rem;height:1.375rem}.dock__play.is-loading{background:var(--bg-hover);color:var(--accent);box-shadow:none}.dock__play.is-loading svg{animation:spin .9s linear infinite}.dock__viz{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:1.5rem;padding-inline:var(--s-2)}.dock__viz span{width:2.5px;min-height:2px;border-radius:var(--r-full);background:linear-gradient(to top,var(--accent-deep),var(--accent-soft));height:calc(2px + var(--v, 0) * 1.375rem);transition:height 70ms linear;will-change:height}@media (max-width: 720px){.dock__viz{display:none}.dock__body{gap:var(--s-3);padding:var(--s-2) var(--s-3)}.dock__disc{width:2.75rem;height:2.75rem}.dock__title{font-size:1.05rem}}@media (max-width: 560px){.dock__btn[data-optional]{display:none}}.dock__drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--d-base) var(--ease-out);border-top:1px solid transparent}.dock.is-expanded .dock__drawer{grid-template-rows:1fr;border-top-color:var(--line-faint)}.dock__drawer>div{overflow:hidden}.dock__drawer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.dock__group{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--ink-faint)}.dock__volume{width:6rem}.queue{max-height:14rem;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line-faint)}.queue__item{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:.5rem var(--s-4);font-size:var(--t-sm);color:var(--ink-muted);text-align:start;transition:background var(--d-fast),color var(--d-fast)}.queue__item:hover{background:var(--bg-hover);color:var(--ink-strong)}.queue__item.is-current{color:var(--accent);background:var(--accent-wash)}.queue__num{width:1.75rem;font-family:var(--font-num);font-size:var(--t-xs);color:var(--ink-faint);flex-shrink:0}.queue__item.is-current .queue__num{color:var(--accent)}.surah-head{position:relative;margin-bottom:var(--s-6);padding:var(--s-7) var(--s-5) var(--s-6);border-radius:50% 50% var(--r-lg) var(--r-lg) / 22% 22% var(--r-lg) var(--r-lg);background:radial-gradient(70% 90% at 50% 0%,var(--accent-wash),transparent 60%),linear-gradient(to bottom,var(--bg-raised),var(--bg-base));border:1px solid var(--line-soft);text-align:center;overflow:hidden;isolation:isolate}.surah-head__ornament{position:absolute;inset-inline:0;top:-18%;height:130%;z-index:-1;opacity:.1;color:var(--accent);display:grid;place-items:center}.surah-head__ornament svg{width:22rem;height:22rem;max-width:90%}.surah-head__eyebrow{font-size:var(--t-xs);letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:var(--s-2)}.surah-head__name{font-family:var(--font-quran);font-size:clamp(2.25rem,7vw,3.75rem);line-height:1.5;color:var(--ink-strong);margin-bottom:var(--s-2)}.surah-head__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3);font-size:var(--t-sm);color:var(--ink-muted);margin-bottom:var(--s-5)}.surah-head__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2)}.basmala{font-family:var(--font-quran);font-size:clamp(1.4rem,3.6vw,2rem);line-height:2.4;text-align:center;color:var(--gold);padding:var(--s-5) 0 var(--s-6);position:relative}.basmala:before,.basmala:after{content:"";position:absolute;inset-inline:22%;height:1px;background:linear-gradient(to left,transparent,var(--gold-wash),transparent)}.basmala:before{top:.5rem}.basmala:after{bottom:1rem}.mushaf{max-width:54rem;margin-inline:auto;padding:var(--s-5) clamp(var(--s-3),4vw,var(--s-6)) var(--s-7);border-radius:var(--r-lg);background:var(--bg-base);border:1px solid var(--line-faint);box-shadow:var(--shadow-md)}.mushaf--flow .ayah{display:inline;padding:0;border:none;background:none;margin:0}.mushaf--flow{font-family:var(--font-quran);font-size:var(--mushaf-size, 30px);line-height:2.5;text-align:center;color:var(--ink-strong);word-spacing:.06em}.mushaf--flow .ayah__tools,.mushaf--flow .ayah__translation,.mushaf--flow .ayah__index{display:none}.ayah{position:relative;display:block;padding:var(--s-4) var(--s-4) var(--s-3);margin-bottom:var(--s-2);border-radius:var(--r-md);border:1px solid transparent;transition:background var(--d-base) var(--ease-out),border-color var(--d-base),box-shadow var(--d-base);scroll-margin-top:6rem;scroll-margin-bottom:12rem}.ayah:hover{background:var(--bg-raised)}.ayah.is-current{background:var(--accent-wash);border-color:var(--accent-glow);box-shadow:var(--shadow-glow)}.ayah.is-current:before{content:"";position:absolute;inset-block:.75rem;inset-inline-start:-1px;width:2.5px;border-radius:var(--r-full);background:linear-gradient(to bottom,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent-glow);animation:ayah-breathe 2.6s var(--ease-in-out) infinite}@keyframes ayah-breathe{0%,to{opacity:.55}50%{opacity:1}}.ayah.is-bookmarked .ayah__num{color:var(--gold);border-color:var(--gold)}.ayah__text{font-family:var(--font-quran);font-size:var(--mushaf-size, 30px);line-height:2.3;color:var(--ink-strong);text-align:justify;text-align-last:center;word-spacing:.05em;transition:color var(--d-base)}[data-mushaf-font=naskh] .ayah__text,[data-mushaf-font=naskh] .mushaf--flow{font-family:var(--font-naskh)}.ayah__num{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-inline-start:.35rem;vertical-align:middle;font-family:var(--font-num);font-size:.7rem;font-weight:600;color:var(--accent);border:1.5px solid var(--accent-glow);border-radius:50%;background:var(--bg-base);transition:all var(--d-fast) var(--ease-soft);flex-shrink:0}.ayah:hover .ayah__num{border-color:var(--accent);transform:scale(1.06)}.ayah.is-current .ayah__num{background:var(--accent);color:var(--bg-void);border-color:var(--accent)}.ayah__translation{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--line-faint);font-size:var(--t-base);line-height:1.85;color:var(--ink-muted);direction:ltr;text-align:left}.ayah__translation[lang=ar],.ayah__translation[lang=ur]{direction:rtl;text-align:right}.ayah__tools{display:flex;align-items:center;gap:var(--s-1);margin-top:var(--s-2);opacity:0;translate:0 -4px;transition:opacity var(--d-fast),translate var(--d-fast) var(--ease-out)}.ayah:hover .ayah__tools,.ayah:focus-within .ayah__tools,.ayah.is-current .ayah__tools{opacity:1;translate:0 0}@media (hover: none){.ayah__tools{opacity:1;translate:0 0}}.ayah__tool{width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--r-full);color:var(--ink-faint);transition:color var(--d-fast),background var(--d-fast),transform var(--d-fast) var(--ease-soft)}.ayah__tool:hover{color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.ayah__tool svg{width:1rem;height:1rem}.ayah__tool.is-on{color:var(--gold)}.juz-mark{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-5) 0;font-size:var(--t-xs);color:var(--gold);letter-spacing:.1em}.juz-mark:before,.juz-mark:after{content:"";flex:1;height:1px;background:linear-gradient(to left,transparent,var(--gold-wash),transparent)}.sajda-mark{display:inline-flex;align-items:center;gap:.25rem;margin-inline-start:var(--s-2);padding:.1rem .5rem;font-size:var(--t-xs);color:var(--gold);background:var(--gold-wash);border-radius:var(--r-full)}.reader-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-full);background:var(--glass-bg);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-line);box-shadow:var(--shadow-sm)}.reader-bar__group{display:flex;align-items:center;gap:var(--s-1)}.reader-bar__label{font-size:var(--t-sm);color:var(--ink-muted);padding-inline:var(--s-2)}.reader-bar__track{position:absolute;inset-inline:1rem;bottom:3px;height:2px;border-radius:var(--r-full);background:var(--line-faint);overflow:hidden}.reader-bar__fill{height:100%;background:linear-gradient(to left,var(--accent),var(--gold));transition:width var(--d-base) var(--ease-out)}.surah-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-6)}.surah-nav__btn{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--line-soft);transition:all var(--d-base) var(--ease-out)}.surah-nav__btn:hover{border-color:var(--accent-glow);background:var(--bg-hover);transform:translateY(-3px);box-shadow:var(--shadow-md)}.surah-nav__btn svg{width:1.25rem;height:1.25rem;color:var(--accent);flex-shrink:0}.surah-nav__btn:last-child{flex-direction:row-reverse;text-align:end}.surah-nav__dir{font-size:var(--t-xs);color:var(--ink-faint);display:block}.surah-nav__name{font-family:var(--font-quran);font-size:1.15rem;color:var(--ink-strong)}@media (max-width: 600px){.surah-nav{grid-template-columns:1fr}}.tafsir__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--line-faint)}.tafsir__ayah{font-family:var(--font-quran);font-size:1.5rem;line-height:2.2;color:var(--ink-strong);text-align:center;padding:var(--s-4);margin-bottom:var(--s-4);border-radius:var(--r-md);background:var(--accent-wash);border:1px solid var(--accent-glow)}.tafsir__body{font-size:var(--t-md);line-height:2.1;color:var(--ink-base);text-align:justify}