@font-face{font-family:Uthmanic;src:url(/api/media/fonts/uthmanic-hafs.ttf)format("truetype");font-display:swap}@font-face{font-family:Arabic Home;src:url(/api/media/fonts/arabic-font.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}body .hover-book-cover img{width:auto}@font-face{font-family:Google Sans;src:url(/api/media/fonts/Google_Sans/GoogleSans-VariableFont_GRAD%2Copsz%2Cwght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/api/media/fonts/Google_Sans/GoogleSans-Italic-VariableFont_GRAD%2Copsz%2Cwght.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg:#f8f5ed;--surface:#fffdf8;--surface-2:#efe9dc;--text:#17231e;--muted:#647069;--line:#ded8ca;--brand:#28292b;--brand-2:#d2a94f;--header:#f8f5ede0;--shadow:0 20px 50px #27342d1a}:root[data-theme=dark]{--bg:#111;--surface:#2a302e;--surface-2:#383d3c;--text:#edf7f1;--muted:#9cb0a6;--line:#434947;--brand:#40b940;--brand-2:#e2bc63;--header:#071813e0;--shadow:0 20px 50px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arabic Home,Tahoma,sans-serif;line-height:1.7}:root[lang=ur] body,:root[lang=ur] body :not(.arabic-verse,.arabic-verse *,.basmala,.basmala *,.ayah-number){font-family:Arabic Home,Tahoma,sans-serif}:root[lang=ur] .arabic-verse,:root[lang=ur] .arabic-verse *,:root[lang=ur] .basmala,:root[lang=ur] .basmala *,:root[lang=ur] .ayah-number{font-family:Uthmanic,serif}body *{font-family:inherit}.nav-asset-icon{object-fit:contain;width:30px!important;height:30px!important}.site-dropdown-trigger{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:44px;color:var(--text);text-align:start;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.site-dropdown-trigger:hover,.site-dropdown-trigger[data-state=open]{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.site-dropdown-trigger[data-state=open]>svg{rotate:180deg}.site-dropdown-trigger svg{flex:none;width:18px;height:18px}.site-dropdown-content{z-index:1000;width:var(--radix-dropdown-menu-trigger-width);min-width:190px;max-height:min(420px,var(--radix-dropdown-menu-content-available-height));border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);transform-origin:var(--radix-dropdown-menu-content-transform-origin);border-radius:12px;padding:6px;animation:.16s ease-out dropdown-in;overflow:auto}.site-dropdown-item{cursor:pointer;border-radius:9px;outline:0;align-items:center;gap:9px;min-height:44px;padding:8px 10px;display:flex}.site-dropdown-item[data-highlighted]{color:var(--brand);background:var(--surface-2)}.site-dropdown-indicator{flex:0 0 18px;place-items:center;width:18px;display:grid}.site-dropdown-indicator svg{width:16px;height:16px;color:var(--brand)}.site-dropdown-label{white-space:nowrap;text-align:start;flex:1;min-width:0}.site-dropdown-search{z-index:1;background:var(--surface);padding:5px;position:sticky;top:-6px}.site-dropdown-search input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--text);background:var(--bg);border-radius:8px;padding:6px 10px}.reciter-avatar{width:40px;height:40px;color:var(--brand);background:var(--bg);border:1px solid var(--line);border-radius:50%;flex:0 0 40px;place-items:center;display:grid;overflow:hidden}.reciter-avatar img{object-fit:cover;width:100%;height:100%}.reciter-avatar svg{width:18px;height:18px}.reciter-option{align-items:center;gap:10px;min-width:0;display:flex}.reciter-option>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.home-content-section{background:var(--bg)}.youtube-home-section{background:color-mix(in srgb,var(--surface-2) 54%,var(--bg));gap:38px;display:grid}.youtube-page{padding-block:32px 70px}.youtube-page .youtube-home-section{border-radius:24px}.youtube-page-message{text-align:center;place-content:center;min-height:50vh;display:grid}.youtube-page-message h1{margin:0;font-size:clamp(2rem,5vw,3.5rem)}.youtube-page-message p{color:var(--muted)}.youtube-home-section--compact{gap:26px;padding-block:52px}.youtube-home-section--compact .youtube-channel-bar{padding:16px 18px}.youtube-home-section--compact .youtube-channel-identity>img{width:52px;height:52px}.youtube-home-section--compact .youtube-channel-identity h2{font-size:clamp(1.25rem,2.4vw,1.65rem)}.youtube-home-section--compact .youtube-shorts-grid{grid-template-columns:repeat(auto-fit,minmax(140px,180px));justify-content:start;overflow:visible}.youtube-home-section--compact .youtube-short-media{border-radius:13px}.youtube-home-section--compact .youtube-short-card>a{font-size:.9rem}.youtube-home-section--compact .youtube-featured-grid{grid-template-columns:repeat(auto-fit,minmax(210px,270px))}.youtube-home-section--compact .youtube-playlists-grid{grid-template-columns:repeat(auto-fit,minmax(230px,340px))}.youtube-home-section--compact .youtube-playlist-card h4{font-size:1rem}.youtube-channel-bar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.youtube-channel-identity{align-items:center;gap:16px;min-width:0;display:flex}.youtube-channel-identity>img{border:2px solid var(--line);object-fit:cover;border-radius:50%;flex:none;width:64px;height:64px}.youtube-channel-identity h2{margin:2px 0 0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.35}.youtube-channel-identity p{color:var(--muted);margin:2px 0 0}.youtube-subscribe-button{color:#fff;white-space:nowrap;background:red;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 18px;font-weight:700;transition:transform .18s,filter .18s;display:inline-flex}.youtube-subscribe-button:hover{filter:brightness(.92);transform:translateY(-2px)}.youtube-subscribe-button svg{width:22px;height:22px}.youtube-content-block{gap:18px;min-width:0;display:grid}.youtube-block-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.youtube-block-heading h3{margin:2px 0 0;font-size:clamp(1.45rem,3vw,2rem)}.youtube-block-heading>a{color:var(--brand);white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:inline-flex}.youtube-block-heading>a svg{width:16px;height:16px}.youtube-shorts-grid{grid-template-columns:repeat(auto-fit,minmax(180px,230px));justify-content:start;gap:14px;padding:2px 2px 12px;display:grid}.youtube-short-card{scroll-snap-align:start;min-width:0}.youtube-short-media{aspect-ratio:9/16;background:#090909;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000002e}.youtube-short-media iframe,.youtube-short-media button{border:0;width:100%;height:100%}.youtube-short-media button{cursor:pointer;background:#090909;padding:0;display:block;position:relative;overflow:hidden}.youtube-short-media button>img{object-fit:cover}.youtube-short-media button:after{content:"";background:linear-gradient(#0000,#0000009e);position:absolute;inset:45% 0 0}.youtube-short-media button>span{z-index:1;color:#fff;background:#ff0000f0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 8px 24px #0000004d}.youtube-short-media button>span svg{width:23px;height:23px}.youtube-short-card>a{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.youtube-more-card{border:2px dashed color-mix(in srgb,var(--brand) 48%,var(--line));min-width:0;color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:flex}.youtube-more-card:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 13%,var(--surface));transform:translateY(-3px)}.youtube-more-card>svg{stroke-width:1.7px;width:clamp(38px,5vw,56px);height:clamp(38px,5vw,56px)}.youtube-more-card--shorts{aspect-ratio:9/16}.youtube-featured-grid{grid-template-columns:repeat(auto-fit,minmax(240px,320px));justify-content:start;gap:18px;display:grid}.youtube-featured-card{min-width:0}.youtube-featured-media{aspect-ratio:16/9;background:#090909;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000029}.youtube-featured-media iframe,.youtube-featured-media button{border:0;width:100%;height:100%}.youtube-featured-media button{cursor:pointer;background:#090909;padding:0;display:block;position:relative}.youtube-featured-media button>img{object-fit:cover}.youtube-featured-media button>span{color:#fff;background:#ff0000f0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%;box-shadow:0 7px 20px #0000004d}.youtube-featured-media button>span svg{width:21px;height:21px}.youtube-featured-card>a{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.youtube-more-card--videos{aspect-ratio:16/9;align-self:start}.youtube-playlists-grid{grid-template-columns:repeat(auto-fit,minmax(260px,420px));justify-content:start;gap:18px;display:grid}.youtube-playlist-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:12px;transition:transform .18s,border-color .18s}.youtube-playlist-card:hover{border-color:var(--brand);transform:translateY(-3px)}.youtube-playlist-image{aspect-ratio:16/9;background:var(--surface-2);border-radius:11px;position:relative;overflow:hidden}.youtube-playlist-image>img{object-fit:cover}.youtube-playlist-image>span{color:#fff;background:#000000c7;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:.82rem;display:flex;position:absolute;inset:auto auto 10px 10px}.youtube-playlist-image>span svg{width:17px;height:17px}.youtube-playlist-card h4{margin:10px 3px 2px;font-size:1.1rem}.home-data-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.number-font{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:Google Sans,Arial,sans-serif!important}.home-data-group{gap:14px;display:grid}.home-data-group>h3{color:var(--brand);align-items:center;gap:9px;margin:0 0 4px;font-size:1.45rem;display:flex}.home-data-group>h3 svg{width:22px}.home-data-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:20px;box-shadow:0 8px 28px #0000000f}.home-data-card small,.home-data-card span{color:var(--brand-2)}.home-data-card h4{margin:7px 0;font-size:1.25rem}.home-data-card p{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:8px 0;display:-webkit-box;overflow:hidden}.azkar-carousel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:18px;padding:20px}.azkar-carousel>header,.azkar-carousel>footer{align-items:center;gap:8px;display:flex}.azkar-carousel>header{justify-content:space-between}.azkar-carousel h3{color:var(--brand);align-items:center;gap:8px;margin:0;font-size:1.45rem;display:flex}.azkar-slide-frame{align-items:center;min-height:310px;display:grid;overflow:hidden}.azkar-slide-frame article{grid-area:1/1}.azkar-slide-frame small,.azkar-slide-frame span{color:var(--brand-2)}.azkar-slide-frame p{-webkit-line-clamp:8;-webkit-box-orient:vertical;font-family:Uthmanic,serif;font-size:1.2rem;line-height:2.05;display:-webkit-box;overflow:hidden}.azkar-slide-frame article>span{font-family:Uthmanic,serif}.azkar-carousel>footer button{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.azkar-dots{flex-wrap:wrap;justify-content:end;gap:5px;margin-inline-start:auto;display:flex}.azkar-dots button{padding:0;background:var(--line)!important;border:0!important;width:7px!important;height:7px!important}.azkar-dots button.active{border-radius:10px;background:var(--brand)!important;width:22px!important}.calendar-page{width:min(1320px,100% - 40px);margin:0 auto;padding:60px 0 100px}.dual-calendar{margin-top:35px}.calendar-toolbar{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:18px 18px 0 0;grid-template-columns:52px 1fr 52px;align-items:center;gap:16px;padding:22px;display:grid}.calendar-toolbar h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.calendar-toolbar p{color:var(--muted);margin:2px 0 0}.calendar-toolbar button{border:1px solid var(--line);background:var(--surface-2);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.calendar-title{justify-content:center;align-items:center;gap:16px;display:flex}.calendar-hijri-mark{object-fit:contain;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:#26352d;border-radius:18px;flex:none;width:64px;height:64px;padding:7px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{border-inline:1px solid var(--line);background:var(--surface-2)}.calendar-weekdays strong{text-align:center;padding:12px 4px}.calendar-grid{border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.calendar-grid>button{border:0;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);min-height:125px;color:var(--text);text-align:start;cursor:pointer;flex-direction:column;gap:3px;padding:12px;display:flex}.calendar-grid>button:first-child{grid-column-start:var(--first-day)}.calendar-grid>button>b{font-size:1.35rem}.calendar-grid>button>span{color:var(--muted)}.calendar-grid>button>small{color:#fff;background:var(--brand);border-radius:7px;margin-top:auto;padding:4px 7px;line-height:1.35}.calendar-grid>button:hover{background:var(--surface-2)}.calendar-grid>button:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.calendar-grid>button.today{box-shadow:inset 0 0 0 2px var(--brand)}.calendar-grid>button.today>b{color:var(--brand)}.calendar-grid>button.selected{box-shadow:inset 0 0 0 3px var(--brand-2)}.calendar-grid>button.has-event{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.selected-day-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin-top:24px;padding:24px}.selected-day-panel h2{margin:3px 0}.selected-day-panel header p{color:var(--brand-2);margin:0}.selected-day-panel>article{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.selected-day-panel article p{line-height:2}.selected-day-panel article small{color:var(--muted)}.selected-day-panel>article{align-items:flex-start;gap:18px;display:flex}.calendar-events{gap:16px;margin-top:38px;display:grid}.calendar-events>h2{font-size:2rem}.calendar-events>article{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px}.calendar-events article>header{justify-content:space-between;gap:15px;display:flex}.calendar-events h3{margin:0;font-size:1.45rem}.calendar-events header span,.calendar-events article>small{color:var(--muted)}.calendar-events header>b{color:var(--brand-2)}.calendar-events article>p{font-size:1.1rem;line-height:2}.empty-events{color:var(--muted)}.calendar-event-heading{align-items:center;gap:13px;display:flex}.calendar-event-visual{border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:#26352d;border-radius:18px;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.calendar-event-visual>div,.calendar-event-visual img{object-fit:contain;width:68px!important;height:68px!important}.calendar-event-visual svg{width:100%!important;height:100%!important}@media (max-width:1000px){.home-data-columns{grid-template-columns:1fr}}@media (max-width:700px){.youtube-channel-bar{flex-direction:column;align-items:stretch;padding:16px}.youtube-subscribe-button{width:100%}.youtube-shorts-grid{grid-template-columns:repeat(2,minmax(0,190px))}.youtube-featured-grid,.youtube-playlists-grid{grid-template-columns:1fr}.youtube-block-heading{align-items:start}.youtube-home-section--compact .youtube-shorts-grid{grid-template-columns:repeat(2,minmax(0,155px))}.youtube-home-section--compact .youtube-featured-grid,.youtube-home-section--compact .youtube-playlists-grid{grid-template-columns:minmax(0,420px)}.calendar-page{width:calc(100% - 20px);padding-top:35px}.calendar-toolbar{grid-template-columns:42px 1fr 42px;padding:14px 8px}.calendar-toolbar button{width:40px;height:40px}.calendar-title{gap:8px}.calendar-hijri-mark{width:48px;height:48px}.selected-day-panel>article{flex-direction:column}.calendar-event-visual{width:58px;height:58px}.calendar-event-visual>div,.calendar-event-visual img{width:54px!important;height:54px!important}.calendar-weekdays strong{padding:8px 1px;font-size:.72rem;overflow:hidden}.calendar-grid>button{min-height:85px;padding:6px}.calendar-grid>button>b{font-size:1rem}.calendar-grid>button>span{font-size:.75rem}.calendar-grid>button>small{padding:2px;font-size:.65rem}}@media (max-width:420px){.youtube-channel-identity{align-items:flex-start}.youtube-channel-identity>img{width:50px;height:50px}.youtube-block-heading{flex-direction:column;align-items:stretch;gap:8px}.youtube-block-heading>a{align-self:flex-start}.youtube-shorts-grid,.youtube-home-section--compact .youtube-shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.youtube-home-section--compact{padding-inline:12px}.youtube-short-card>a{font-size:.82rem}}html[lang=ar] body,html[lang=ur] body{font-family:Arabic Home,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}img{max-width:100%;height:auto}main{min-height:70vh}.skip-link{z-index:999;background:var(--brand);color:#fff;border-radius:8px;padding:10px 16px;position:fixed;top:-70px;right:20px}.skip-link:focus{top:10px}.site-header{z-index:50;background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:30px;max-width:1380px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{align-items:center;gap:10px;min-width:max-content;display:flex}.brand img{object-fit:cover;border-radius:50%}.brand span{flex-direction:column;line-height:1.25;display:flex}.brand strong{color:var(--brand);font-family:inherit;font-size:1.25rem}.brand small{color:var(--muted);font-size:.7rem}.desktop-nav{align-items:center;gap:6px;margin:auto;display:flex}.desktop-nav a{color:var(--muted);white-space:nowrap;border-radius:9px;padding:8px 10px;font-size:.88rem}.desktop-nav a:hover,.desktop-nav a.active{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand)}.header-actions{align-items:center;gap:clamp(5px,.9vh,9px);display:flex}.header-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:50px;align-items:center;gap:7px;padding:7px 12px;display:flex}.header-search input{width:125px;color:var(--text);background:0 0;border:0;outline:0}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{width:19px}.menu-button,.mobile-nav{display:none}.hero{align-items:center;min-height:calc(100svh - 76px);display:flex;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 40%}.hero-overlay{background:linear-gradient(90deg,#030e0a2e,#03100bb8 55%,#030e0aeb);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;width:min(700px,90%);margin-right:max(6vw,24px);padding-bottom:80px;position:relative}.eyebrow{color:var(--brand-2);letter-spacing:.03em;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:inline-flex}.hero h1{margin:24px 0;font-family:inherit;font-size:clamp(3.2rem,7vw,7.2rem);font-weight:400;line-height:1.05}.hero h1 em{font:inherit;color:#e8c775}.hero-content>p{color:#d4dfd8;max-width:570px;font-size:1.1rem}.hero-actions,.pdf-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:10px 22px;font-weight:700;display:inline-flex}.button svg{width:19px}.button.primary{background:var(--brand);color:#fff}.button.ghost{color:#fff;background:#ffffff14;border-color:#fff6}.button.outline{border-color:var(--line);background:var(--surface);color:var(--text)}.button:hover{transform:translateY(-2px)}.surah-more{cursor:pointer;margin-top:34px}.surah-more svg{width:17px;transition:transform .2s}.surah-more:hover svg{transform:translateY(3px)}.library-page{--library-bg:linear-gradient(180deg,#eee8da 0,#f8f5ed 34%,#f8f5ed 100%);--library-accordion:#fffdf8;--library-card:#fffdf8;--library-tab:#efe9dc;--library-tab-open:#e5ded0;--library-accent:#916918;background:var(--library-bg);min-height:100vh;color:var(--text);padding:70px max(4vw,24px) 100px}:root[data-theme=dark] .library-page{--library-bg:linear-gradient(#242827,#111312);--library-accordion:#171a19;--library-card:#111413;--library-tab:#202423;--library-tab-open:#292e2c;--library-accent:#e4b94e}.library-hero{text-align:center;max-width:1050px;margin:0 auto 48px}.library-hero span{color:var(--library-accent);font-weight:800}.library-hero h1{color:var(--text);margin:15px 0;font-family:inherit;font-size:clamp(2.8rem,6vw,6rem);font-weight:400}.library-hero p{color:var(--muted);font-size:1.05rem}.mushaf-accordion{border:1px solid var(--line);background:var(--library-accordion);width:min(1240px,100%);height:min(68vh,720px);min-height:560px;box-shadow:var(--shadow);direction:ltr;border-radius:18px;margin:auto;display:flex;overflow:hidden}.mushaf-panel{min-width:46px;display:flex}.mushaf-panel>button{border:0;border-inline-end:1px solid var(--line);background:var(--library-tab);width:46px;color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:15px;padding:16px 8px;display:flex}.mushaf-panel>button svg{width:17px}.mushaf-panel>button span{writing-mode:vertical-rl;opacity:.85;font-size:.76rem}.mushaf-panel.open{flex:1}.mushaf-panel.open>button{color:var(--library-accent);background:var(--library-tab-open)}.mushaf-panel article{color:#fff;background-position:50%;background-size:cover;align-items:end;min-width:0;height:100%;display:flex;overflow:hidden}.mushaf-panel article>div{direction:rtl;background:linear-gradient(#0000,#0b0c0be8 75%);width:100%;padding:35px}.mushaf-panel article h2{color:#fff;font-size:clamp(1.5rem,3vw,2.7rem)}.mushaf-panel article p{color:#d2d8d4;max-width:720px}.mushaf-details{color:#e5e9e6;flex-wrap:wrap;gap:8px 20px;margin:10px 0 16px;font-size:.88rem;display:flex}.mushaf-panel article a,.fiqh-parts>a{color:#fff;background:#258b4b;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;display:flex}.mushaf-panel article a svg{width:17px}.islamic-books{width:min(1000px,100%);color:var(--text);background:var(--library-card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin:90px auto 0;padding:35px}.islamic-books>h2{text-align:center;color:var(--library-accent);font-size:2.2rem}.book-group{margin-top:45px}.book-group h3{text-align:center;color:var(--muted);font-size:1.7rem}.library-book-link{border-bottom:1px solid var(--line);min-height:100px;color:var(--muted);justify-content:space-between;align-items:center;display:flex;position:relative}.library-book-link:hover{color:var(--text);background:color-mix(in srgb,var(--brand) 5%,transparent)}.library-book-link strong,.library-book-link small{display:block}.library-book-link strong{font-size:clamp(1.3rem,3vw,2.1rem)}.library-book-link>svg{width:25px}.hover-book-cover{z-index:4;pointer-events:none;position:absolute;translate:-50% -50%}.hover-book-cover img{object-fit:cover;border-radius:10px;width:180px;height:240px;box-shadow:0 20px 45px #0008}.fiqh-parts{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:15px;margin:18px 0;padding:22px;display:flex}.fiqh-parts>div{margin-inline-end:auto}.fiqh-parts strong,.fiqh-parts small{display:block}.fiqh-parts label{position:relative}.fiqh-parts select{border:1px solid var(--line);background:var(--surface-2);min-width:175px;color:var(--text);appearance:none;border-radius:8px;padding:10px 35px 10px 12px}.fiqh-parts label svg{pointer-events:none;width:15px;position:absolute;top:12px;right:12px}@media (max-width:780px){.library-page{padding:45px 12px 80px}.mushaf-accordion{direction:rtl;flex-direction:column;height:auto;min-height:0}.mushaf-panel{display:block}.mushaf-panel>button{flex-direction:row;width:100%;height:54px}.mushaf-panel>button span{writing-mode:initial}.mushaf-panel article{min-height:440px}.mushaf-panel article>div{padding:22px}.islamic-books{margin-top:50px;padding:20px 15px}.hover-book-cover{display:none}.fiqh-parts>div,.fiqh-parts label,.fiqh-parts select{width:100%}}.stats{z-index:3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:#b9c8c0;background:#061812bf;border-top:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);padding:22px max(6vw,24px);display:grid;position:absolute;bottom:0;left:0;right:0}.stats span{text-align:center;border-left:1px solid #ffffff21}.stats span:last-child{border:0}.stats strong{color:#fff;font-size:1.5rem;display:block}.section{padding:100px max(5vw,20px)}.muted-section{background:var(--surface-2)}.section-heading,.page-heading{text-align:center;max-width:680px;margin:0 auto 45px}.section-heading{margin:36px auto 64px}.section-heading .eyebrow{margin-bottom:12px;font-weight:700;display:inline-block}.section-heading h2,.page-heading h1{margin:14px 0 18px;font-family:inherit;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:700;line-height:1.2}.section-heading p,.page-heading p{color:var(--muted);margin:0;font-weight:500}.home-arabic-heading,.home-arabic-heading *{font-family:Arabic Home,Uthmanic,Tahoma,serif}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1200px;margin:auto;display:grid}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 22px;transition:all .25s}.feature-card:hover{box-shadow:var(--shadow);border-color:var(--brand);transform:translateY(-6px)}.feature-icon{background:color-mix(in srgb, var(--brand) 14%, transparent);width:52px;height:52px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.feature-icon .nav-asset-icon{width:31px!important;height:31px!important}.feature-card h3{margin:19px 0 7px}.feature-card p{color:var(--muted);min-height:72px;font-size:.9rem}.text-link{color:var(--brand);align-items:center;gap:5px;font-size:.9rem;font-weight:700;display:flex}.text-link svg{width:16px}.center{text-align:center;margin-top:35px}.filter-input{background:var(--surface);border:1px solid var(--line);max-width:580px;color:var(--muted);border-radius:13px;align-items:center;gap:10px;margin:0 auto 25px;padding:11px 15px;display:flex}.filter-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.filter-input svg{width:20px}.surah-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1200px;margin:auto;display:grid}.surah-pages{direction:ltr;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:12px;max-width:1340px;margin:24px auto 0;display:grid}.surah-page-window{direction:rtl;grid-area:1/2;min-width:0;padding:3px;overflow:hidden}.surah-page-arrow{border:1px solid var(--line);background:var(--surface);width:52px;height:70px;color:var(--brand);cursor:pointer;border-radius:16px;grid-row:1;place-items:center;transition:all .2s;display:grid}.surah-page-arrow.previous{grid-column:3}.surah-page-arrow.next{grid-column:1}.surah-page-arrow:not(:disabled):hover{color:#fff;background:var(--brand);transform:scale(1.06)}.surah-page-arrow:disabled{opacity:.2;cursor:default}.surah-page-arrow svg{stroke-width:2.5px;width:30px;height:30px}.surah-page-indicator{color:var(--muted);direction:ltr;unicode-bidi:isolate;justify-content:center;align-items:center;gap:8px;margin-top:22px;display:flex}.surah-page-indicator i{font-style:normal}.surah-page-indicator span:first-child{color:var(--brand);font-weight:700}.surah-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:45px}.surah-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:13px;padding:15px;transition:all .2s;display:flex}.surah-card:hover{border-color:var(--brand);transform:translateY(-2px)}.surah-number{background:color-mix(in srgb, var(--brand) 12%, transparent);width:42px;height:42px;color:var(--brand);border-radius:50%;place-items:center;font-weight:700;display:grid}.surah-card>span:nth-child(2){flex-direction:column;display:flex}.surah-card>span:nth-child(2)>strong{font-family:Uthmanic,serif}.surah-card small{color:var(--muted);font-size:.72rem}.surah-meta{color:var(--muted);margin-right:auto;font-size:.8rem}.content-shell{width:min(1280px,100% - 40px);margin:auto;padding:75px 0 110px}.content-shell.narrow{max-width:920px}.page-heading{margin-bottom:50px}.reader-shell,.mushaf-shell{width:min(920px,100% - 32px);margin:55px auto 100px}.reader-shell{position:relative}.surah-header,.mushaf-shell>header{text-align:center;background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:35px 20px}.surah-header h1,.mushaf-shell h1{margin:8px;font-size:3.3rem;font-weight:400}.surah-header h1{font-family:Uthmanic,serif}.surah-calligraphy span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.surah-calligraphy img{object-fit:contain;width:min(280px,55vw);height:92px;margin:0 auto}:root[data-theme=dark] .surah-calligraphy img{background:#f5efe4;border-radius:14px;padding:8px 16px}.mushaf-shell h1{font-family:inherit}.surah-header p,.surah-header span,.mushaf-shell header span{color:var(--muted)}.surah-header{position:relative;overflow:hidden}.waqf-guide-link{z-index:3;border:2px solid color-mix(in srgb,var(--brand) 72%,#fff);width:76px;height:76px;box-shadow:0 10px 28px #0005,0 0 0 7px color-mix(in srgb,var(--brand) 14%,#6d685f33);background:#26352d;border-radius:50%;place-items:center;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:absolute;top:30px;left:42px}.waqf-guide-link img{width:58px;height:58px}.waqf-guide-link span{border:1px solid var(--line);width:max-content;max-width:150px;color:var(--text);background:var(--surface);opacity:0;pointer-events:none;border-radius:8px;padding:5px 9px;font-family:inherit;font-size:.78rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px)}.waqf-guide-link:hover,.waqf-guide-link:focus-visible{border-color:var(--brand);box-shadow:0 12px 32px #0005,0 0 0 7px color-mix(in srgb,var(--brand) 18%,transparent);transform:translateY(-2px)}.waqf-guide-link:hover span,.waqf-guide-link:focus-visible span{opacity:1;transform:translate(-50%)}.reader-header-portrait{z-index:2;width:128px;height:128px;position:absolute;top:30px;right:42px}.reader-header-portrait,.reader-header-portrait .reciter-avatar{width:128px;height:128px}.reader-header-portrait .reciter-avatar{border:4px solid color-mix(in srgb,var(--brand) 55%,#fff);box-shadow:0 10px 28px #0005,0 0 0 7px color-mix(in srgb,var(--brand) 13%,transparent)}.surah-header-navigation{direction:rtl;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.surah-header-navigation>span{min-height:1px}.surah-header-navigation a{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;flex-direction:column;gap:5px;padding:12px 16px;transition:all .2s;display:flex}.surah-header-navigation a:hover{border-color:var(--brand);transform:translateY(-2px)}.surah-header-navigation a:first-of-type{text-align:right;align-items:flex-start}.surah-header-navigation a:last-of-type{text-align:left;align-items:flex-end}.surah-header-navigation small{color:var(--muted);font-family:Uthmanic,serif;font-size:1.05rem}.surah-header-navigation strong{color:var(--brand);align-items:center;gap:8px;display:flex}.basmala{text-align:center;margin:42px 0;font-family:Uthmanic,serif;font-size:2.3rem}.verses{gap:13px;display:grid}.verse{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;scroll-margin-top:90px}.verse-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.verse-actions{gap:6px;display:flex}.verse-actions button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.verse-actions svg{width:16px}.arabic-verse{text-align:right;direction:rtl;unicode-bidi:isolate;font-family:Uthmanic,serif;font-size:2rem;line-height:2.2}.arabic-verse b,.mushaf-page b{color:var(--brand);font-weight:400}.translation{color:var(--muted);border-top:1px solid var(--line);unicode-bidi:plaintext;padding-top:15px;font-family:Georgia,serif;line-height:1.85}.reader-nav{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.reader-nav a{background:var(--surface);border:1px solid var(--line);color:var(--brand);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.mushaf-page{background:var(--surface);border:1px solid var(--line);min-height:800px;box-shadow:var(--shadow);border-radius:20px;margin-top:20px;padding:clamp(22px,5vw,60px)}.mushaf-page h2{text-align:center;border:3px double var(--brand-2);padding:5px;font-family:Uthmanic,serif;font-size:2rem;font-weight:400}.mushaf-page>section>p{text-align:justify;font-family:Uthmanic,serif;font-size:clamp(1.7rem,3.2vw,2.35rem);line-height:2.25}.audio-layout{grid-template-columns:1fr 1.25fr;align-items:start;gap:28px;display:grid}.reciter-list{max-height:660px;padding-left:5px;overflow:auto}.reciter-list .filter-input{z-index:2;position:sticky;top:90px}.reciter-list>button{border:1px solid var(--line);background:var(--surface);text-align:right;cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.reciter-list>button.selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--surface))}.reciter-list button>span:nth-child(2){flex-direction:column;display:flex}.reciter-list small{color:var(--muted)}.avatar{background:var(--surface-2);width:43px;height:43px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.audio-player-card{text-align:center;background:linear-gradient(145deg, var(--surface), var(--surface-2));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:50px;position:sticky;top:105px}.audio-player-card h2{margin:12px;font-family:Uthmanic,serif;font-size:3rem;font-weight:400}.audio-player-card>p{color:var(--muted)}.select-label{text-align:right;gap:8px;margin:35px 0;display:grid}.select-label select{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.play-button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:60px;align-items:center;gap:10px;margin:auto;padding:14px 25px;display:flex}.max-input{margin-bottom:35px}.radio-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.radio-card{text-align:center;background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:15px;place-items:center;gap:8px;min-height:150px;padding:18px;display:grid}.radio-card>span{color:var(--brand)}.radio-card>svg{width:18px}.radio-card.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent)}.pdf-actions{justify-content:center;margin-bottom:25px}.pdf-viewer{border:1px solid var(--line);background:#fff;border-radius:17px;width:100%;height:75vh}.large-search{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;padding:7px 7px 7px 14px;display:flex}.search-lottie{flex:none;width:42px;height:42px}.azkar-lottie{flex:none;width:38px;height:38px}.share-lottie{width:28px;height:28px}.route-loading-animation{width:64px;height:64px}.large-search svg{color:var(--muted);margin:0 10px}.large-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:10px}.large-search button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 25px}.result-count{color:var(--muted);margin:30px 0 15px}.search-results{gap:12px;display:grid}.search-result-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px color-mix(in srgb,var(--text) 6%,transparent);border-radius:14px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s}.search-result-card:hover{border-color:var(--brand);box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 12%,transparent);transform:translateY(-2px)}.search-result-card>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.search-result-card>header>span{color:var(--brand);font-family:Uthmanic,serif;font-size:.85rem;font-weight:700}.search-result-card>header>small{color:var(--muted);font-size:.78rem}.search-results .arabic-verse{margin:8px 0;font-size:1.65rem;line-height:2}.search-result-verse{color:var(--text);display:block}.search-result-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.search-result-actions>a,.search-result-actions>button{min-height:38px}.search-result-actions>a{color:var(--brand);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.search-result-actions>a:hover{border-color:var(--brand)}.search-result-actions>a svg{width:16px;height:16px}.about-copy{text-align:center;color:var(--muted);margin-bottom:35px;font-size:1.15rem}.about-page{max-width:1120px}.about-intro{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);border-radius:24px;grid-template-columns:72px 1fr;align-items:start;gap:24px;margin-bottom:70px;padding:clamp(24px,4vw,42px);display:grid}.about-intro h2,.about-section h2,.about-vision h2{margin:0 0 12px;line-height:1.35}.about-intro p,.about-vision p{color:var(--muted);margin:8px 0;font-size:1.08rem}.about-icon{color:#fff;background:var(--brand);border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.about-icon svg{width:30px;height:30px}.about-section{margin-bottom:70px}.about-section-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.about-section-heading>svg{width:36px;height:36px;color:var(--brand)}.about-section-heading span,.about-vision>span{color:var(--brand-2);font-weight:700}.about-section-heading h2{font-size:clamp(1.5rem,3vw,2.2rem)}.about-page .value-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-page .value-grid article{transition:transform .2s,border-color .2s}.about-page .value-grid article:hover{border-color:var(--brand);transform:translateY(-4px)}.about-page .value-grid svg{width:28px;height:28px}.about-page .value-grid h3{margin:14px 0 6px;font-size:1.05rem}.about-page .value-grid p{margin:0}.about-vision{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:26px;padding:clamp(28px,5vw,55px)}.about-vision h2{margin-top:6px;font-size:clamp(1.65rem,3.5vw,2.55rem)}.about-vision p{max-width:760px;margin:12px auto 25px}.about-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.value-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.value-grid article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px}.value-grid svg{color:var(--brand)}.value-grid h2{font-size:1.15rem}.value-grid p{color:var(--muted)}.assistant-card{text-align:center;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:45px}.assistant-card>svg{width:55px;height:55px;color:var(--brand)}.assistant-card p{color:var(--muted)}.assistant-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.assistant-links a{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px 15px;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.not-found h1{margin:15px 0 0;font-family:inherit;font-size:3rem}.not-found p{color:var(--muted)}.not-found-animation{width:min(360px,80vw);height:min(300px,65vw)}.not-found-animation svg{width:100%!important;height:100%!important}.site-footer{border-top:1px solid var(--line);max-width:1300px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin:auto;padding:40px 25px;font-size:.85rem;display:grid}.site-footer strong{color:var(--brand);font-family:inherit;font-size:1.4rem}.site-footer p{margin:3px 0}.site-footer>p{text-align:left}.footer-links{color:var(--text);gap:18px;display:flex}@media (max-width:1100px){.desktop-nav{display:none}.menu-button{display:grid}.mobile-nav{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 20px 20px;display:grid}.mobile-nav a{background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:780px){.header-inner{gap:10px;height:66px;padding:0 14px}.brand small{display:none}.brand strong{font-size:1.05rem}.brand img{width:38px;height:38px}.header-search{display:none}.hero{min-height:calc(100svh - 66px)}.hero-overlay{background:linear-gradient(#030e0ab3,#030e0a40,#030e0ae0)}.hero-content{text-align:center;margin:auto;padding:40px 20px 100px}.hero-content .eyebrow,.hero-actions{justify-content:center}.hero h1{font-size:clamp(3.1rem,16vw,5rem)}.stats{padding:12px 8px}.stats strong{font-size:1.05rem}.stats span{font-size:.72rem}.section{padding:70px 16px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card p{min-height:auto}.surah-grid{grid-template-columns:1fr 1fr}.content-shell{width:min(100% - 24px,1280px);padding:55px 0 80px}.audio-layout{grid-template-columns:1fr}.audio-player-card{order:-1;padding:35px 20px;position:static}.reciter-list{max-height:none}.radio-grid{grid-template-columns:1fr 1fr}.mushaf-page{min-height:600px}.site-footer{text-align:center;grid-template-columns:1fr}.site-footer>p{text-align:center}.footer-links{justify-content:center}}@media (max-width:520px){.section-heading{margin:20px auto 42px}.mobile-nav{grid-template-columns:1fr 1fr}.feature-grid,.surah-grid,.radio-grid,.value-grid{grid-template-columns:1fr}.feature-card{padding:20px}.surah-meta{display:none}.surah-pages{grid-template-columns:42px minmax(0,1fr) 42px;gap:4px}.surah-page-arrow{border-radius:12px;width:38px;height:58px}.surah-page-arrow svg{width:23px}.section-heading h2,.page-heading h1{font-size:2.7rem}.reader-shell,.mushaf-shell{width:calc(100% - 18px);margin-top:25px}.verse{padding:17px}.arabic-verse{font-size:1.75rem}.basmala{font-size:1.85rem}.mushaf-page{padding:18px 14px}.mushaf-page>section>p{font-size:1.65rem;line-height:2.1}.reader-nav a{padding:9px;font-size:.8rem}.pdf-viewer{height:65vh}.large-search button{padding:10px 16px}.assistant-card{padding:28px 18px}}.noor-page{background:radial-gradient(circle at 50% 0,#21382d 0,transparent 35%),var(--background);min-height:100svh;padding:110px max(5vw,20px) 80px}.noor-heading{text-align:center;max-width:760px;margin:0 auto 38px}.noor-heading span{color:var(--brand);align-items:center;gap:8px;font-weight:700;display:inline-flex}.noor-heading span svg{width:18px}.noor-heading h1{margin:8px 0;font-size:clamp(3.2rem,7vw,6rem);line-height:1}.noor-heading p{color:var(--muted);font-weight:500}.noor-shell{border:1px solid var(--line);background:var(--surface);border-radius:24px;width:min(980px,100%);margin:auto;overflow:hidden;box-shadow:0 28px 80px #0004}.noor-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.noor-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.noor-tools button{border:1px solid var(--line);min-height:54px;color:var(--text);background:var(--surface-2);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:inline-flex}.noor-tools button svg{flex:none;width:18px;height:18px}.noor-tools button:hover{color:var(--brand);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));transform:translateY(-1px)}.noor-tools button.active{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 65%,var(--line));background:color-mix(in srgb,var(--brand) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 16%,transparent)}.noor-tools button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);outline-offset:2px}.noor-shortcuts{border-bottom:1px solid var(--line);gap:8px;padding:14px 16px;display:flex;overflow-x:auto}.noor-shortcuts button{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:999px;flex:none;padding:9px 14px;font-weight:600}.noor-shortcuts button:hover{color:var(--brand);border-color:var(--brand)}.noor-messages{height:min(54svh,580px);min-height:360px;padding:24px;overflow-y:auto}.noor-messages article{gap:11px;max-width:84%;margin-bottom:16px;display:flex}.noor-messages article.user{flex-direction:row-reverse;margin-inline-start:auto}.noor-messages article>span{color:#fff;background:#244d37;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.noor-messages article.user>span{background:#36404a}.noor-messages article p{white-space:pre-wrap;background:var(--surface-2);border-radius:16px;margin:0;padding:13px 16px;font-weight:500;line-height:1.8}.noor-messages article.user p{color:#fff;background:#245b3d}.noor-markdown{background:var(--surface-2);overflow-wrap:anywhere;border-radius:16px;min-width:0;max-width:100%;padding:13px 18px;line-height:1.85}.noor-markdown>:first-child{margin-top:0}.noor-markdown>:last-child{margin-bottom:0}.noor-markdown p{white-space:normal!important;background:0 0!important;padding:0!important}.noor-markdown h1,.noor-markdown h2,.noor-markdown h3{margin:1.1em 0 .45em;line-height:1.35}.noor-markdown h1{font-size:1.55rem}.noor-markdown h2{font-size:1.3rem}.noor-markdown h3{font-size:1.12rem}.noor-markdown ul,.noor-markdown ol{padding-inline-start:1.5rem}.noor-markdown li{margin-block:.3rem}.noor-markdown blockquote{border-inline-start:3px solid var(--brand);color:var(--muted);background:color-mix(in srgb,var(--brand) 7%,transparent);margin:1rem 0;padding:.65rem 1rem}.noor-markdown a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.noor-markdown code{background:color-mix(in srgb,var(--text) 9%,transparent);border-radius:5px;padding:.12em .35em;font-family:ui-monospace,Consolas,monospace}.noor-markdown pre{text-align:left;direction:ltr;background:#101714;border-radius:12px;padding:14px;overflow-x:auto}.noor-markdown pre code{background:0 0;padding:0}.noor-markdown table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.noor-markdown th,.noor-markdown td{border:1px solid var(--line);padding:8px 10px}.noor-stage{color:var(--muted);background:var(--surface-2);border-radius:16px;align-items:center;gap:5px;padding:14px 18px;display:flex}.noor-stage i{background:var(--brand);border-radius:50%;width:7px;height:7px;animation:1.15s ease-in-out infinite noor-dot}.noor-stage i:nth-child(2){animation-delay:.14s}.noor-stage i:nth-child(3){animation-delay:.28s}.noor-stage b{margin-inline-start:8px;font-weight:600}.noor-error{color:#e66767;margin:0 20px 12px;font-weight:700}.noor-input{border-top:1px solid var(--line);grid-template-columns:1fr 52px;gap:10px;padding:16px;display:grid}.noor-input textarea{resize:none;border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface-2);font:inherit;border-radius:15px;padding:13px 15px}.noor-input textarea:focus{outline:3px solid color-mix(in srgb,var(--brand) 20%,transparent);border-color:var(--brand)}.noor-input button{border:1px solid var(--brand);color:#fff;background:var(--brand);cursor:pointer;border-radius:15px;place-items:center;transition:color .18s,border-color .18s,background-color .18s,transform .18s;display:grid}.noor-input button svg{width:22px;height:22px}.noor-input button:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 86%,#000);transform:translateY(-1px)}.noor-input button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);outline-offset:2px}.noor-input button:disabled{color:var(--muted);background:var(--surface-2);border-color:var(--line);cursor:not-allowed;opacity:1}@keyframes noor-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@media (max-width:600px){.noor-page{padding:90px 10px 35px}.noor-shell{border-radius:18px}.noor-toolbar{flex-direction:column;align-items:stretch}.noor-tools{justify-content:space-between}.noor-messages{min-height:420px;padding:15px}.noor-messages article{max-width:96%}.noor-markdown{padding:12px 14px}}@media (max-width:380px){.noor-tools{grid-template-columns:1fr;display:grid}.noor-tools button{width:100%}.noor-messages{min-height:360px}.noor-input{grid-template-columns:1fr 46px;padding:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.basmala-header{z-index:20;background:#f8f5ed;border:1px solid #2d3032;border-radius:12px;place-items:center;height:225px;display:grid;position:relative}.basmala-header img{object-fit:contain;width:min(520px,55vw);height:auto;max-height:130px}.basmala-header>a,.basmala-header>span{width:min(520px,55vw);display:block}.basmala-header>a img,.basmala-header>span img{width:100%;height:auto}.basmala-header .basmala-light{display:block}.basmala-header .basmala-dark{display:none}:root[data-theme=dark] .basmala-header{background:#191b1d;border-color:#2d3032}:root[data-theme=dark] .basmala-header .basmala-light{display:none}:root[data-theme=dark] .basmala-header .basmala-dark{display:block}:root:not([data-theme=dark]) .basmala-header{border-color:#ded8ca}.site-logo{z-index:68;cursor:pointer;background:#d7dce4;border:3px solid #fff;border-radius:50%;place-items:center;width:70px;height:70px;padding:8px;display:grid;position:fixed;top:20px;right:20px;overflow:hidden;box-shadow:0 8px 22px #0007}.route-loading-overlay{z-index:2000;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1110d9;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.route-loading-overlay>span{width:64px;height:64px;color:var(--brand);background:#171d1bcc;border:1px solid #ffffff30;border-radius:50%;place-items:center;display:grid;box-shadow:0 18px 50px #0008}.route-loading-overlay svg{width:34px;height:34px}.route-loading-overlay strong{font-size:1rem;font-weight:600}.page-loading{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.page-loading svg{width:28px;height:28px;color:var(--brand)}.page-loading-animation{width:72px;height:54px}.page-loading-animation svg{width:100%!important;height:100%!important}.site-logo img{object-fit:contain;width:100%;height:100%}@media (max-width:700px){.site-logo{width:58px;height:58px;padding:7px;top:14px;right:14px}}.language-orb,.rail-trigger{z-index:1201;color:#fff;cursor:pointer;background:#192027;border:2px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;box-shadow:0 8px 20px #0008}.language-orb{width:64px;height:64px;top:20px;left:26px}.language-orb svg{width:25px}.language-orb small{font-size:.68rem;line-height:1}.rail-trigger{border-width:1px;width:38px;height:38px;top:50%;right:0;transform:translateY(-50%)}.rail-trigger svg{width:18px}.language-panel{z-index:90;color:#fff;background:#17191a;border:2px solid #eee;border-radius:16px;width:288px;max-height:calc(100vh - 95px);position:fixed;top:80px;left:16px;overflow:auto;box-shadow:0 22px 60px #000b}.language-panel header{background:#17191a;border-bottom:1px solid #555;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.8rem;display:flex;position:sticky;top:0}.language-panel header button{color:#fff;background:0 0;border:0}.language-panel header svg{width:17px}.language-panel>div{padding:8px}.language-panel>div>button{text-align:right;color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:28px 1fr 35px;align-items:center;width:100%;padding:9px;display:grid}.language-panel>div>button.selected{background:#15282d;border-color:#07536c}.language-panel button span svg{background:#087ba2;border-radius:50%;width:17px;padding:2px}.language-panel button strong{flex-direction:column;display:flex}.language-panel button small{color:#aab2b6;font-weight:400}.language-panel button b{font-size:1.35rem}.language-panel footer{text-align:center;color:#7f888d;border-top:1px solid #555;padding:6px;font-size:.67rem}.floating-rail{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:#d3d6d5f5;border:1px solid #b7bcba;border-radius:27px;flex-direction:column;gap:9px;width:92px;height:calc(100vh - 20px);padding:88px 13px 14px;transition:all .25s;display:flex;position:fixed;top:10px;left:12px;overflow:hidden;transform:translate(-125%);box-shadow:0 20px 45px #3d45412b}.floating-rail.open{opacity:1;transform:none}.floating-rail a,.floating-rail button{color:#303735;cursor:pointer;background:#b9bdbc;border:0;border-radius:17px;place-items:center;min-height:clamp(42px,5.8vh,58px);display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff61}.floating-rail>a,.floating-rail>button{flex:none}.rail-scroll{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:9px;min-height:0;display:flex;overflow:hidden auto}.rail-scroll>a,.rail-scroll>button{flex:none}.rail-scroll::-webkit-scrollbar{width:0;height:0;display:none}.floating-rail a:hover,.floating-rail button:hover,.floating-rail a.active{color:#176d35;background:#a8adab}:root[data-theme=dark] .floating-rail{background:#525659f0;border-color:#73777a;box-shadow:0 20px 45px #0006}:root[data-theme=dark] .floating-rail a,:root[data-theme=dark] .floating-rail button{color:#b9c1c5;background:#3d4144;box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .floating-rail a:hover,:root[data-theme=dark] .floating-rail button:hover,:root[data-theme=dark] .floating-rail a.active{color:#48bd6d;background:#303538}:root[data-theme=dark] .floating-rail .rail-drag-handle{background:#353a3d}.floating-rail svg{width:25px;height:25px}.floating-rail .nav-asset-icon{width:32px!important;height:32px!important}.floating-rail .nav-detailed-icon{object-fit:contain;filter:brightness(1.18)contrast(1.08)saturate(1.15);width:54px!important;height:54px!important}.floating-rail .rail-local-icon{object-fit:contain;width:32px!important;height:32px!important}.rail-theme-animation{width:38px;height:38px}.rail-theme-animation svg{width:100%!important;height:100%!important}.floating-rail [data-label]:hover:after{content:attr(data-label);color:#fff;white-space:nowrap;background:#101315;border-radius:8px;padding:7px 11px;font-size:.78rem;position:absolute;left:82px}.floating-rail .theme-rail{color:#fff;border:1px solid #879096;margin-top:0}.floating-rail .rail-drag-handle{display:none}.search-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b;place-items:start center;padding-top:16vh;display:grid;position:fixed;inset:0}.search-overlay form{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;width:min(720px,100% - 30px);padding:14px;display:flex;box-shadow:0 30px 80px #0008}.search-overlay form>button:first-child{color:var(--muted);background:0 0;border:0}.search-overlay input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:1.15rem}.search-overlay .search-submit{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:9px 22px}.visual-hero{background:#000;height:100svh;min-height:580px;position:relative;overflow:hidden}.visual-slides{border-radius:0;position:absolute;inset:0;overflow:hidden}.visual-slides img,.visual-slides video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s,transform 8s;position:absolute;inset:0;transform:scale(1.03)}.visual-slides img.active,.visual-slides video.active{opacity:1;transform:scale(1)}.visual-shade{background:linear-gradient(#0009 0,#0002 30%,#0001 60%,#0008 100%);position:absolute;inset:0}body:has(.visual-hero) .basmala-header{z-index:6;width:100%;height:190px;box-shadow:none;background:linear-gradient(#000000c7,#00000047 68%,#0000);border:0;position:absolute;inset:0 0 auto}body:has(.visual-hero) .basmala-header .basmala-dark{filter:drop-shadow(0 3px 12px #fff8);display:block}body:has(.visual-hero) .basmala-header .basmala-light{display:none}body:has(.visual-hero) .language-orb{z-index:10}body:has(.visual-hero) .site-logo{z-index:68;position:fixed}.basmala-header.home-basmala-header,:root[data-theme=dark] .basmala-header.home-basmala-header,:root:not([data-theme=dark]) .basmala-header.home-basmala-header{z-index:6;width:100%;height:190px;box-shadow:none;background:linear-gradient(#000000b8,#00000038 68%,#0000);border:0;border-radius:0;position:absolute;inset:0 0 auto}.basmala-header.home-basmala-header .basmala-dark{filter:drop-shadow(0 3px 12px #fff8);display:block}.basmala-header.home-basmala-header .basmala-light{display:none}.visual-copy{z-index:2;color:#fff;text-shadow:0 4px 20px #000;width:min(600px,80%);position:absolute;top:50%;right:9%;transform:translateY(-38%)}.visual-copy span{color:#d7bd76}.visual-copy h1{margin:12px 0;font-family:inherit;font-size:clamp(3rem,5vw,5.7rem);font-weight:400;line-height:1.25}.visual-copy p{color:#d4d8d5}.carousel-controls{z-index:3;direction:ltr;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.carousel-controls button{color:#fff;background:#111a;border:1px solid #fff5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.carousel-dots{z-index:3;gap:7px;display:flex;position:absolute;bottom:46px;right:5%}.carousel-dots button{background:#fff5;border:0;border-radius:9px;width:7px;height:7px;padding:0}.carousel-dots button.active{background:#fff;width:25px}.mushaf-viewer{background:#242424;grid-template-rows:56px 1fr 65px;height:calc(100svh - 225px);min-height:650px;display:grid;position:relative}.viewer-toolbar{color:#fff;direction:ltr;background:#191919;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.viewer-toolbar>div,.page-control{align-items:center;gap:8px;display:flex}.viewer-toolbar button{color:#fff;background:#151515;border:1px solid #333;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.viewer-toolbar svg{width:17px}.page-control{background:#505050;border-radius:6px;padding:7px 12px;font-size:.74rem;position:absolute;left:50%;transform:translate(-50%)}.page-control input{text-align:center;color:#fff;background:#777;border:1px solid #999;border-radius:3px;width:54px}.mushaf-viewer>iframe{background:#242424;border:0;width:100%;height:100%}.viewer-audio{z-index:5;color:#fff;background:#242424;border:1px solid #666;border-radius:28px;align-items:center;gap:8px;min-width:400px;height:50px;padding:7px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.viewer-audio select{color:#111;background:#fff;border:0;border-radius:4px;max-width:120px;padding:5px;font-size:.68rem}.viewer-audio svg{color:#e46d4c;width:16px}.viewer-audio .audio-time{color:#aaa;direction:ltr;font-size:.65rem}.viewer-audio button{color:#fff;background:#724337;border:2px solid #b76552;border-radius:50%;width:36px;height:36px}.book-viewer{color:#fff;isolation:isolate;background:#202022;grid-template-rows:58px minmax(0,1fr);height:calc(100svh - 108px);min-height:650px;display:grid;overflow:hidden}body:has(.book-viewer) .basmala-header{height:108px}body:has(.book-viewer) .basmala-header img{width:min(340px,45vw);height:82px}.book-viewer:fullscreen{background:#202022;width:100vw;height:100svh;min-height:0}.book-stage{perspective:2200px;overscroll-behavior:contain;place-items:center;min-height:0;padding:18px 30px;display:grid;position:relative;overflow:auto}.book-spread{transform-origin:50%;transform-style:preserve-3d;touch-action:pan-y}.desktop-pages{filter:drop-shadow(0 22px 26px #000a);direction:ltr;align-items:stretch;display:flex}.mobile-page{display:none}.book-page{opacity:.35;background:#fff;transition:opacity .2s;position:relative}.book-page.ready{opacity:1}.book-page canvas{background:#fff;width:auto;height:min(100svh - 195px,1120px);max-height:100%;display:block}.book-page:first-child{box-shadow:inset -18px 0 24px -24px #000}.book-page:last-child{box-shadow:inset 18px 0 24px -24px #000}.book-page>span{color:#777;font:11px sans-serif;position:absolute;bottom:5px;left:50%;translate:-50%}.book-loading{color:#d8ddda;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.book-loading button{color:#fff;background:#171a19;border:1px solid #46504c;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;display:flex}.page-control button:disabled{opacity:.35;cursor:not-allowed}.book-viewer:fullscreen .book-page canvas{height:min(100svh - 145px,1100px)}.surah-jump{color:#cbd0ce;direction:rtl;align-items:center;gap:8px;font-size:.76rem;display:flex;position:absolute;right:16px}.surah-jump .site-dropdown-trigger{color:#fff;background:#252928;border-color:#3c4240;width:190px;min-height:38px}.surah-jump .site-dropdown-label{font-family:Uthmanic,serif}.mushaf-choice{direction:rtl;width:285px;position:absolute;right:290px}.mushaf-dropdown{color:#fff;background:#252928;border-color:#3c4240;min-height:46px;padding:5px 9px}.mushaf-select-menu{width:min(500px,100vw - 20px);min-width:min(500px,100vw - 20px);padding:10px}.mushaf-select-menu .site-dropdown-radio{width:100%;min-height:132px;margin-bottom:6px;padding:6px 12px}.mushaf-select-menu .site-dropdown-radio>span:last-child{flex:1;min-width:0}.mushaf-option{direction:rtl;flex-flow:row;align-items:center;gap:13px;width:100%;min-width:0;display:flex}.mushaf-option img{object-fit:cover;border-radius:7px;flex:0 0 58px;width:58px;height:72px;box-shadow:0 5px 13px #0007}.mushaf-option>span{min-width:0;line-height:1.25;display:grid}.mushaf-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.mushaf-option small{color:#98a49e;font:10px Google Sans,Arial,sans-serif}.mushaf-dropdown .mushaf-option img{flex-basis:42px;width:42px;height:52px}.mushaf-select-menu .mushaf-option img{object-fit:cover;flex:0 0 92px!important;width:92px!important;height:116px!important}.mushaf-select-menu .mushaf-option strong{white-space:normal;font-size:1rem;line-height:1.45}.page-control,.page-control *,.zoom-tools span{font-variant-numeric:tabular-nums;font-family:Google Sans,Arial,sans-serif!important}.mushaf-recitation-panel{z-index:8;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:rtl;background:#181d1bcc;border:1px solid #414946;border-radius:14px;gap:5px;width:min(320px,100vw - 24px);padding:8px 10px;display:grid;position:absolute;top:120px;left:clamp(90px,25vw - 260px,220px);box-shadow:0 18px 45px #0008}.mushaf-recitation-panel .site-dropdown-trigger{color:#fff;background:#28302d;border-color:#46504c;min-height:38px;padding-block:5px}.mushaf-reciter-identity{background:#242c28;border:1px solid #3d4843;border-radius:11px;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.mushaf-reciter-identity .reciter-avatar{border:3px solid color-mix(in srgb,var(--brand) 55%,#fff);flex-basis:76px;width:76px;height:76px;box-shadow:0 7px 18px #0007}.mushaf-reciter-identity>span{gap:3px;min-width:0;display:grid}.mushaf-reciter-identity strong,.mushaf-reciter-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mushaf-reciter-identity strong{font-size:.95rem}.mushaf-reciter-identity small{color:#aab9b1;font-size:.7rem}.mushaf-player-head{direction:ltr;align-items:center;gap:4px;display:flex}.mushaf-player-handle{color:#9caaa3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;height:24px;margin:-2px 0 0;display:flex}.mushaf-player-handle:active{cursor:grabbing;color:#fff;background:#ffffff0b}.mushaf-player-handle svg{width:19px}.mushaf-player-handle span{font-family:Google Sans,Arial,sans-serif;font-size:.66rem}.mushaf-player-minimize{color:#b8c4be;background:#ffffff0b;border:0;border-radius:7px;place-items:center;width:28px;height:24px;padding:0;display:grid}.mushaf-player-minimize:hover{color:#fff;background:#ffffff16}.mushaf-player-minimize svg{width:15px}.mushaf-audio-controls{direction:ltr;justify-content:center;align-items:center;gap:10px;display:flex}.mushaf-audio-controls button{color:#e9f0ec;background:#252c29;border:1px solid #46504c;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.mushaf-audio-download{color:#e9f0ec;background:#252c29;border:1px solid #46504c;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.mushaf-audio-download:hover{color:#111;border-color:var(--brand);background:var(--brand)}.mushaf-audio-download[aria-disabled=true]{opacity:.45;pointer-events:none}.mushaf-audio-download svg{width:19px}.mushaf-audio-controls button.main{color:#111;background:var(--brand);width:40px;height:40px}.mushaf-audio-controls button:disabled{opacity:.45}.mushaf-audio-controls svg{width:19px}.mushaf-audio-timeline{color:#c5cfca;direction:ltr;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;font-size:.66rem;line-height:1;display:grid}.mushaf-audio-timeline input{width:100%;accent-color:var(--brand)}.mushaf-mini-player{z-index:7;direction:ltr;background:#202522;border:1px solid #3d4541;border-radius:10px;align-items:center;gap:6px;width:460px;height:56px;padding:4px 6px;display:flex;position:absolute;left:268px;box-shadow:0 8px 24px #0005}.mushaf-mini-player .site-dropdown-trigger{color:#fff;direction:rtl;background:#29302d;border-color:#414a46;border-radius:8px;flex:0 0 225px;width:225px;min-width:225px;min-height:46px;padding:3px 10px 3px 36px;position:relative;overflow:hidden}.mushaf-mini-player .reciter-avatar{border:2px solid #8da097;flex-basis:38px;width:38px;height:38px}.mushaf-mini-player .site-dropdown-trigger span{text-align:right;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.mushaf-mini-player .site-dropdown-trigger>svg{position:absolute;left:10px;right:auto}.mushaf-mini-time{white-space:nowrap;color:#cbd3cf;font-variant-numeric:tabular-nums;direction:ltr;flex:none;font-size:.68rem}.viewer-toolbar .mushaf-mini-player>button:not(.site-dropdown-trigger){background:#252c29;border-color:#46504c;border-radius:50%;flex:0 0 34px;width:34px;height:34px}.viewer-toolbar .mushaf-mini-player>button.mushaf-mini-play:not(.site-dropdown-trigger){color:#111;background:var(--brand);border-color:color-mix(in srgb,var(--brand) 70%,#fff)}.viewer-toolbar .mushaf-mini-player>.mushaf-audio-download{border-radius:7px}.mushaf-mini-player button:disabled{opacity:.45;cursor:not-allowed}:root:not([data-theme=dark]) .book-viewer,:root:not([data-theme=dark]) .book-viewer:fullscreen{color:#202624;background:#e7e4dc}:root:not([data-theme=dark]) .viewer-toolbar{color:#202624;background:#f2efe7;border-color:#cbc7bd}:root:not([data-theme=dark]) .viewer-toolbar button{color:#202624;background:#e2ded4;border-color:#c5c0b5}:root:not([data-theme=dark]) .page-control{color:#202624;background:#d2cec4}:root:not([data-theme=dark]) .page-control input{color:#202624;background:#fffdf8;border-color:#aaa59a}:root:not([data-theme=dark]) .book-stage{background:#e7e4dc}:root:not([data-theme=dark]) .book-loading{color:#414846}:root:not([data-theme=dark]) .book-loading button{color:#202624;background:#fffdf8;border-color:#c6c1b6}:root:not([data-theme=dark]) .surah-jump{color:#4e5753}:root:not([data-theme=dark]) .surah-jump .site-dropdown-trigger,:root:not([data-theme=dark]) .mushaf-dropdown{color:#202624;background:#fffdf8;border-color:#c7c1b6}:root:not([data-theme=dark]) .mushaf-recitation-panel{color:#202624;background:#f5f2eaef;border-color:#c8c2b7;box-shadow:0 18px 45px #554d3b2e}:root:not([data-theme=dark]) .mushaf-recitation-panel .site-dropdown-trigger{color:#202624;background:#fffdf8;border-color:#c7c1b6}:root:not([data-theme=dark]) .mushaf-reciter-identity{background:#e6e2d8;border-color:#c8c2b7}:root:not([data-theme=dark]) .mushaf-reciter-identity small,:root:not([data-theme=dark]) .mushaf-player-handle,:root:not([data-theme=dark]) .mushaf-audio-timeline{color:#5d6863}:root:not([data-theme=dark]) .mushaf-player-minimize,:root:not([data-theme=dark]) .mushaf-audio-controls button,:root:not([data-theme=dark]) .mushaf-audio-download{color:#252b28;background:#e1ddd3;border-color:#bbb5a9}:root:not([data-theme=dark]) .mushaf-audio-controls button.main,:root:not([data-theme=dark]) .viewer-toolbar .mushaf-mini-player>button.mushaf-mini-play:not(.site-dropdown-trigger){color:#161616;background:#d8ae4e;border-color:#b88d2e}:root:not([data-theme=dark]) .mushaf-mini-player{background:#f2efe7;border-color:#c3bdb1;box-shadow:0 8px 24px #554d3b26}:root:not([data-theme=dark]) .mushaf-mini-player .site-dropdown-trigger{color:#202624;background:#fffdf8;border-color:#c7c1b6}:root:not([data-theme=dark]) .mushaf-mini-time{color:#59625e}:root:not([data-theme=dark]) .viewer-toolbar .mushaf-mini-player>button:not(.site-dropdown-trigger){color:#252b28;background:#e1ddd3;border-color:#bbb5a9}@media (max-width:1639px) and (min-width:781px){.mushaf-mini-player{width:min(460px,100vw - 24px);min-width:0;position:fixed;top:auto;bottom:12px;left:50%;translate:-50%}.mushaf-mini-player .site-dropdown-trigger{flex:1;width:auto;min-width:0}}@media (max-width:780px){.basmala-header{height:130px}.basmala-header img{width:70vw;height:90px}.language-orb{z-index:1201;width:47px;height:47px;position:absolute;top:10px;left:10px}body:has(.visual-hero) .language-orb{z-index:1201}.rail-trigger{display:none}.mobile-rail-swipe-hint{z-index:1199;color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1f22e6;border:1px solid #ffffff38;border-radius:18px 18px 8px 8px;place-items:center;width:52px;height:42px;animation:1.25s ease-in-out 4 forwards mobileRailSwipeHint,5s step-end forwards mobileRailHintHide;display:grid;position:fixed;bottom:12px;left:50%;translate:-50%;box-shadow:0 10px 28px #0007}.mobile-rail-swipe-hint[data-dock=left]{border-radius:8px 18px 18px 8px;animation-name:mobileRailSwipeHintLeft,mobileRailHintHide;top:50%;bottom:auto;left:12px;translate:0 -50%}.mobile-rail-swipe-hint[data-dock=right]{border-radius:18px 8px 8px 18px;animation-name:mobileRailSwipeHintRight,mobileRailHintHide;inset:50% 12px auto auto;translate:0 -50%}.mobile-rail-swipe-hint[data-dock=floating]{left:var(--mobile-rail-x);top:var(--mobile-rail-y);bottom:auto;translate:0}.mobile-rail-swipe-hint svg{width:24px;height:24px}.floating-rail{pointer-events:none;border-radius:18px;padding:8px;top:auto}.floating-rail.open{pointer-events:auto}.floating-rail[data-dock=bottom]{flex-direction:row;width:calc(100% - 16px);height:68px;bottom:24px;left:8px;right:auto;overflow:hidden;transform:translateY(150%)}.floating-rail.open[data-dock=bottom]{transform:none}.floating-rail[data-dock=left],.floating-rail[data-dock=right]{flex-direction:column;width:68px;height:min(560px,100svh - 150px);top:50%;bottom:auto;overflow:hidden}.floating-rail[data-dock=left]{left:10px;right:auto;transform:translate(-140%,-50%)}.floating-rail.open[data-dock=left]{transform:translateY(-50%)}.floating-rail[data-dock=right]{left:auto;right:10px;transform:translate(140%,-50%)}.floating-rail.open[data-dock=right]{transform:translateY(-50%)}.floating-rail[data-dock=floating]{left:var(--mobile-rail-x);right:auto;top:var(--mobile-rail-y);transform-origin:50%;flex-direction:row;width:min(240px,100vw - 16px);height:68px;bottom:auto;overflow:hidden;transform:scale(.82)}.floating-rail.open[data-dock=floating]{transform:none}.floating-rail.dragging{cursor:grabbing;transition:none}.floating-rail a,.floating-rail button{min-width:48px;min-height:48px}.floating-rail svg{width:20px;height:20px}.floating-rail .nav-asset-icon{width:27px!important;height:27px!important}.floating-rail .nav-detailed-icon{width:52px!important;height:52px!important}.floating-rail[data-dock=bottom] .theme-rail,.floating-rail[data-dock=floating] .theme-rail{margin:0 0 0 auto}.floating-rail[data-dock=left] .theme-rail,.floating-rail[data-dock=right] .theme-rail{margin:0}.floating-rail[data-dock=bottom] .rail-scroll,.floating-rail[data-dock=floating] .rail-scroll{flex-direction:row;min-width:0;min-height:auto;overflow:auto hidden}.floating-rail[data-dock=left] .rail-scroll,.floating-rail[data-dock=right] .rail-scroll{flex-direction:column;min-width:100%;min-height:0;overflow:hidden auto}.floating-rail .rail-drag-handle{color:#d7e0e6;cursor:grab;touch-action:none;background:#a8adab;border:1px dashed #71818b;flex:none;display:grid}.floating-rail.dragging .rail-drag-handle{cursor:grabbing}.floating-rail [data-label]:hover:after{display:none}.visual-hero{height:100svh;min-height:550px}.visual-slides{inset:0}.visual-copy{text-align:center;width:86%;right:7%}.visual-copy h1{font-size:3.2rem}.carousel-dots{display:none}.mushaf-viewer{grid-template-rows:105px 1fr 60px;height:calc(100svh - 130px)}body:has(.book-viewer) .basmala-header{height:82px}body:has(.book-viewer) .basmala-header img{width:min(260px,55vw);height:62px}.book-viewer{grid-template-rows:172px minmax(0,1fr);height:calc(100svh - 82px);min-height:560px}.book-viewer:fullscreen{grid-template-rows:172px minmax(0,1fr);height:100svh;min-height:0}.book-stage{place-items:start center;padding:12px 8px}.desktop-pages{display:none}.mobile-page{filter:drop-shadow(0 16px 22px #000a);display:block}.book-page canvas,.book-viewer:fullscreen .book-page canvas{width:auto;max-width:min(92vw,620px);height:auto;max-height:calc(100svh - 335px)}.book-viewer:fullscreen .book-page canvas{max-height:calc(100svh - 205px)}.mushaf-choice{width:calc(56% - 15px);top:96px;right:10px}.mushaf-choice .site-dropdown-trigger{width:100%}.surah-jump{justify-content:center;width:auto;top:96px;left:10px;right:10px;translate:none}.surah-jump span{display:none}.surah-jump .site-dropdown-trigger{width:100%}.mushaf-select-menu{width:min(440px,100vw - 12px);min-width:min(440px,100vw - 12px)}.mushaf-select-menu .site-dropdown-radio{min-height:112px}.mushaf-select-menu .mushaf-option img{flex-basis:76px!important;width:76px!important;height:96px!important}.mushaf-recitation-panel{grid-template-columns:minmax(130px,1fr) auto;align-items:center;width:calc(100vw - 24px);padding:9px;position:fixed;top:auto;bottom:12px;left:50%;translate:-50%}.mushaf-reciter-identity{grid-column:1/-1}.mushaf-mini-player{width:calc(100vw - 24px);min-width:0;position:fixed;top:auto;bottom:12px;left:50%;translate:-50%}.mushaf-mini-player .site-dropdown-trigger{flex:1;width:auto;min-width:0}.mushaf-player-handle,.mushaf-recitation-panel .mushaf-audio-timeline{grid-column:1/-1}.mushaf-audio-controls{gap:5px}.mushaf-audio-controls button{width:36px;height:36px}.mushaf-audio-controls button.main{width:42px;height:42px}.viewer-toolbar{align-items:flex-start;padding-top:8px}.page-control{top:48px}.viewer-audio{min-width:calc(100% - 20px);bottom:8px}.viewer-audio .audio-time{display:none}.viewer-audio select{flex:1}.language-panel{max-height:calc(100vh - 75px);top:65px;left:8px}}@keyframes mobileRailSwipeHint{0%{opacity:.55;transform:translateY(3px)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.75;transform:translateY(0)}}@keyframes mobileRailSwipeHintLeft{0%{opacity:.55;transform:translate(-3px)}50%{opacity:1;transform:translate(5px)}to{opacity:.75;transform:translate(0)}}@keyframes mobileRailSwipeHintRight{0%{opacity:.55;transform:translate(3px)}50%{opacity:1;transform:translate(-5px)}to{opacity:.75;transform:translate(0)}}@keyframes mobileRailHintHide{0%{visibility:visible}to{visibility:hidden}}@media (min-width:781px){.mobile-rail-swipe-hint{display:none}}@media (prefers-reduced-motion:reduce){.mobile-rail-swipe-hint{animation:5s step-end forwards mobileRailHintHide}}.sync-reader{margin-top:18px}.sync-toolbar{z-index:18;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:12px 17px;display:flex;position:sticky;top:12px}.reader-selectors{grid-template-columns:minmax(220px,1fr) minmax(250px,1.15fr) auto;gap:12px;min-width:0;display:grid}.reader-selectors .select-label{min-width:0;margin:0}.reader-reciter-trigger{min-width:250px;min-height:50px;font-size:1rem}.reader-reciter-menu{min-width:310px;max-height:min(540px,var(--radix-dropdown-menu-content-available-height))}.reader-reciter-menu .site-dropdown-item{min-height:50px;font-size:.98rem}.reader-surah-trigger{min-width:280px;min-height:50px}.reader-surah-menu{min-width:340px;max-height:min(560px,var(--radix-dropdown-menu-content-available-height))}.reader-surah-option{direction:rtl;grid-template-columns:34px 1fr;align-items:center;gap:0 10px;width:100%;min-width:0;display:grid}.reader-surah-option>b{background:var(--surface-2);width:32px;height:32px;color:var(--brand);border-radius:50%;grid-row:1/3;place-items:center;font-family:Google Sans,Arial,sans-serif;display:grid}.reader-surah-option>span{text-overflow:ellipsis;font-family:Uthmanic,serif;font-size:1rem;overflow:hidden}.reader-surah-option>small{color:var(--muted);text-align:right;text-overflow:ellipsis;direction:ltr;overflow:hidden}.sync-toolbar label{color:var(--muted);align-items:center;gap:9px;display:flex}.sync-toolbar select{background:var(--surface-2);min-width:220px;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px}.now-reading{text-align:left;flex-direction:column;display:flex}.now-reading small{color:var(--brand)}.now-reading strong{font-family:Uthmanic,serif}.now-reading em{color:#d39a3e;font-size:.68rem}.reader-mobile-details{display:none}.sync-verses{gap:12px;margin:18px 0 105px;display:grid}.sync-verse{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;padding:24px;scroll-margin-top:120px;transition:all .25s}.sync-verse:hover{border-color:color-mix(in srgb, var(--brand) 55%, var(--line))}.sync-verse.active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 13%, var(--surface));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent), 0 15px 40px color-mix(in srgb, var(--brand) 13%, transparent)}.sync-verse.active .arabic-verse{color:var(--text)}.arabic-verse .recited-word{transition:color .12s}.arabic-verse .recited-word.active{color:#ef2929;text-shadow:0 0 10px #ef29293d;font-weight:700}.download-surah{border:1px solid color-mix(in srgb, var(--brand) 42%, var(--line));background:color-mix(in srgb, var(--brand) 10%, var(--surface));min-height:42px;color:var(--brand);white-space:nowrap;border-radius:12px;justify-content:center;align-self:end;align-items:center;gap:8px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.download-surah:hover{background:color-mix(in srgb, var(--brand) 17%, var(--surface))}.download-surah[aria-disabled=true]{opacity:.5;cursor:not-allowed}.download-surah svg{width:18px;height:18px}.arabic-verse .ayah-number{white-space:nowrap;color:var(--brand);direction:rtl;unicode-bidi:isolate;margin-inline-start:.25em;font-family:Uthmanic,serif;font-weight:400;display:inline-block}.verse-tools{align-items:center;gap:7px;display:flex}.tafsir-trigger{border:1px solid var(--line);background:var(--surface-2);min-height:35px;color:var(--brand);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;display:flex}.tafsir-trigger svg{width:16px}.tafsir-trigger span{font-size:.75rem}.tafsir-overlay{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.tafsir-dialog{background:var(--surface);width:min(820px,100%);max-height:min(820px,100dvh - 36px);color:var(--text);border:1px solid var(--line);text-align:start;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 90px #000a}.tafsir-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.tafsir-dialog header small{color:var(--brand);font-family:Uthmanic,serif}.tafsir-dialog h2{margin:3px 0 0;font-family:inherit;font-size:2rem;font-weight:400}.tafsir-header-actions{flex:none;gap:7px;display:flex}.tafsir-dialog header button{border:1px solid var(--line);background:var(--surface-2);width:39px;height:39px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.tafsir-dialog header button:disabled{opacity:.45;cursor:default}.tafsir-dialog header button:not(:disabled):hover{color:var(--brand);border-color:var(--brand)}.tafsir-dialog header button svg{width:17px}.tafsir-selectors{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;padding:16px 24px;display:grid}.tafsir-selectors .select-label{min-width:0;color:var(--muted);margin:0}.tafsir-selectors .site-dropdown-trigger{min-height:48px}.tafsir-content{overscroll-behavior:contain;min-height:260px;padding:24px;overflow-y:auto}.tafsir-ai-label{width:fit-content;color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,transparent);border-radius:20px;align-items:center;gap:7px;margin-bottom:18px;padding:6px 10px;font-size:.78rem;display:flex}.tafsir-ai-label svg{width:15px}.tafsir-ai-text{white-space:pre-wrap;unicode-bidi:plaintext;margin:0;font-family:inherit;font-size:1.08rem;line-height:2.05}.tafsir-arabic-verse{border:1px solid var(--line);border-inline-start:4px solid var(--brand);color:var(--text);background:var(--surface-2);text-align:right;border-radius:12px;margin:24px 0 0;padding:20px;font-family:Uthmanic,serif;font-size:1.65rem;line-height:2.1}.tafsir-loading{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.tafsir-error{color:#d95555;text-align:center}.tafsir-dialog>footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:12px 24px;font-size:.75rem;display:flex}.tafsir-dialog>footer span:first-child{align-items:center;gap:6px;display:flex}.tafsir-dialog>footer svg{width:14px;color:var(--brand)}.tafsir-dialog>footer a{color:var(--brand)}.sync-player{z-index:45;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#171c1aee;border:1px solid #52625b;border-radius:32px;align-items:center;gap:10px;width:min(820px,100% - 28px);padding:8px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #0009}.sync-player button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.sync-player button:hover{background:#ffffff18}.sync-player .main-play{background:var(--brand);width:46px;height:46px}.sync-player svg{width:18px}.sync-player input{accent-color:var(--brand);flex:1}.sync-player span{color:#bac3bf;direction:ltr;font-size:.72rem}.spin{animation:1s linear infinite sync-spin}.translation-credit{text-align:center;color:var(--muted);padding:10px 14px;font-size:.78rem}.translation-credit a{color:var(--brand)}.translation-credit.error{color:#d95555}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (max-width:650px){.about-intro,.about-page .value-grid{grid-template-columns:1fr}.surah-header{padding-top:155px}.waqf-guide-link{width:62px;height:62px;top:22px;left:20px}.waqf-guide-link img{width:48px;height:48px}.reader-header-portrait{width:108px;height:108px;top:20px;right:50%;transform:translate(50%)}.reader-header-portrait,.reader-header-portrait .reciter-avatar{width:108px;height:108px}.sync-toolbar{padding:10px 12px;display:block;top:5px}.reader-selectors{grid-template-columns:1fr;gap:8px}.sync-toolbar .download-surah,.sync-toolbar .now-reading{display:none}.reader-mobile-details{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 0;padding:10px 12px;display:grid}.reader-mobile-details .download-surah{align-self:center}.reader-mobile-details .now-reading{text-align:right;min-width:95px}.reader-reciter-trigger,.reader-surah-trigger{width:100%;min-width:0}.reader-reciter-menu,.reader-surah-menu{min-width:min(340px,100vw - 24px)}.sync-toolbar label{justify-content:space-between}.sync-toolbar select{min-width:0;max-width:65vw}.now-reading{text-align:right}.sync-verse{padding:17px}.sync-player{gap:3px;padding:7px}.sync-player button:nth-of-type(2),.sync-player button:nth-of-type(4){display:none}.sync-player span{font-size:.62rem}.tafsir-trigger span{display:none}.tafsir-trigger{justify-content:center;width:35px;padding:5px}.tafsir-overlay{padding:8px}.tafsir-dialog{border-radius:15px;max-height:calc(100dvh - 16px)}.tafsir-dialog>header{align-items:flex-start;padding:15px}.tafsir-dialog h2{font-size:1.45rem}.tafsir-header-actions{gap:4px}.tafsir-dialog header button{width:35px;height:35px}.tafsir-selectors{grid-template-columns:1fr;gap:10px;padding:13px 15px}.tafsir-content{min-height:180px;padding:18px 15px}.tafsir-ai-text{font-size:1rem;line-height:1.9}.tafsir-arabic-verse{padding:15px;font-size:1.4rem}.tafsir-dialog>footer{padding:10px 15px}.surah-header-navigation{gap:8px}.surah-header-navigation a{padding:10px}.surah-header-navigation small{font-size:.9rem}}