:root{--bg:#f7f5ef;--bg2:#fffdf7;--card:#ffffff;--ink:#14231c;--ink2:#44564c;--muted:#6d7f74;--emerald:#0b5d43;--emerald2:#083f2e;--emerald-soft:#e3efe8;--gold:#c19a3f;--gold2:#a37f28;--gold-soft:#f4ecd7;--line:#e2ddd0;--shadow:0 10px 30px rgba(11,60,42,.10);--radius:18px;--header:rgba(247,245,239,.92)}@media (prefers-color-scheme:dark){:root{--bg:#0c1512;--bg2:#0f1b16;--card:#122019;--ink:#eaf2ec;--ink2:#b9cdc0;--muted:#8ba295;--emerald:#2ea877;--emerald2:#7fd3ab;--emerald-soft:#173528;--gold:#d9b45c;--gold2:#d9b45c;--gold-soft:#2a2413;--line:#22382c;--shadow:0 10px 30px rgba(0,0,0,.45);--header:rgba(12,21,18,.92)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,.serif{font-family:"Marcellus",Georgia,serif;font-weight:400;letter-spacing:.01em}.ar{font-family:"Scheherazade New","Amiri",serif;direction:rtl}a{color:var(--emerald);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}header{position:sticky;top:0;z-index:60;background:var(--header);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 0 8px}.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:"Marcellus",serif;font-size:26px}.logo:hover{text-decoration:none}.logo .mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--emerald),var(--emerald2));display:grid;place-items:center;color:#f5d67b;font-size:20px;box-shadow:var(--shadow)}.logo small{display:block;font-family:"Public Sans",sans-serif;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);margin-top:-4px}nav.main{display:flex;align-items:center;justify-content:center;gap:2px;flex:1 1 100%;order:3;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;margin-top:2px}nav.main a{padding:9px 11px;border-radius:9px;color:var(--ink2);font-size:14.5px;font-weight:600;white-space:nowrap}.hbar-right{display:flex;align-items:center;gap:10px;flex:none;margin-inline-start:auto}nav.main a:hover{background:var(--emerald-soft);text-decoration:none;color:var(--ink)}nav.main a.on{background:var(--emerald);color:#fff}#burger{display:none;background:var(--card);border:1px solid var(--line);border-radius:10px;width:44px;height:44px;font-size:20px;color:var(--ink)}.hijri-chip{font-size:12.5px;color:var(--ink2);background:var(--gold-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap}.hero{background:radial-gradient(1100px 420px at 85% -60px,rgb(193 154 63 / .22),transparent 60%),linear-gradient(160deg,var(--emerald2),var(--emerald) 55%,#0e6e4f);color:#f3efe2;border-radius:0 0 28px 28px;overflow:hidden;position:relative}@media (prefers-color-scheme:dark){.hero{background:radial-gradient(1100px 420px at 85% -60px,rgb(193 154 63 / .16),transparent 60%),linear-gradient(160deg,#06231a,#0a3d2a 55%,#0d4d35)}}.hero .wrap{padding:44px 20px 52px;position:relative;z-index:2}.hero h1{font-size:clamp(30px,5vw,50px);margin:0 0 10px;line-height:1.15}.hero h1 .gold{color:#f0cd72}.hero p.lead{max-width:640px;color:#d9e8dc;margin:0 0 22px;font-size:17px}.bismillah{text-align:center;font-size:clamp(26px,4vw,38px);color:#f0cd72;margin:6px 0 20px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}.prayer-card{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .22);border-radius:20px;padding:20px;backdrop-filter:blur(4px)}.prayer-card h3{margin:0 0 4px;font-size:19px;color:#fff}.prayer-card .loc{font-size:13px;color:#cfe3d3}.next-big{font-size:15px;color:#ffe9a8;margin:10px 0 2px}.count{font-family:"Marcellus",serif;font-size:38px;color:#fff;line-height:1.1}.ptimes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.ptime{background:rgb(0 0 0 / .18);border-radius:12px;padding:9px 6px;text-align:center}.ptime b{display:block;font-size:16px;color:#fff}.ptime span{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#bcd6c2}.ptime.next{outline:2px solid #f0cd72;background:rgb(240 205 114 / .16)}.daily-card{background:var(--card);color:var(--ink);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.daily-card h3{margin:0 0 8px;color:var(--emerald);font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-family:"Public Sans",sans-serif;font-weight:800}.daily-card .ar{font-size:27px;line-height:1.9;text-align:right}.daily-card .tr{color:var(--ink2);font-size:15.5px}.daily-card .ref{font-size:13px;color:var(--gold2);font-weight:700;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#241a02;border:none;border-radius:12px;padding:12px 20px;font-weight:700;font-size:15px;box-shadow:var(--shadow)}.btn:hover{background:var(--gold2);color:#fff;text-decoration:none}.btn.ghost{background:#fff0;color:#fff;border:1.5px solid rgb(255 255 255 / .55);box-shadow:none}.btn.em{background:var(--emerald);color:#fff}.btn.em:hover{background:var(--emerald2)}.btn.sm{padding:8px 14px;font-size:13.5px;border-radius:10px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}section.block{padding:52px 0 8px}.kick{font-size:12.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2)}h2.sec{font-size:clamp(26px,3.6vw,36px);margin:6px 0 8px}.sec-sub{color:var(--ink2);max-width:720px;margin:0 0 26px}.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 2px 10px rgb(11 60 42 / .05)}.card h3{margin:0 0 6px;font-size:20px}.card p{color:var(--ink2);margin:0 0 12px;font-size:15px}.card .ic{width:46px;height:46px;border-radius:13px;background:var(--emerald-soft);display:grid;place-items:center;font-size:23px;margin-bottom:12px}.card .go{font-weight:700;font-size:14.5px}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 4px}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.stat b{font-family:"Marcellus",serif;font-size:30px;color:var(--emerald);display:block}.stat span{font-size:13px;color:var(--muted)}.view{display:none}.view.on{display:block}.pagehead{padding:38px 0 6px}.pagehead h1{font-size:clamp(28px,4.4vw,42px);margin:4px 0 8px}.pagehead p{color:var(--ink2);max-width:760px;margin:0}.prose{max-width:820px;color:var(--ink2)}.prose h2,.prose h3{color:var(--ink)}.prose p{margin:0 0 14px}details.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:10px}details.faq summary{cursor:pointer;font-weight:700;padding:15px 0;list-style:none;color:var(--ink)}details.faq summary::-webkit-details-marker{display:none}details.faq summary::after{content:"+";float:right;color:var(--gold2);font-size:20px}details.faq[open] summary::after{content:"–"}details.faq p{color:var(--ink2);margin:0 0 15px}input,select,textarea{font-family:inherit;font-size:16px;padding:11px 13px;border:1.5px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);width:100%}input:focus,select:focus{outline:2px solid var(--emerald);border-color:#fff0}label{font-size:13.5px;font-weight:700;color:var(--ink2);display:block;margin:0 0 5px}.field{margin-bottom:14px}.searchbar{display:flex;gap:10px;margin:18px 0}.searchbar input{flex:1}.surah-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.surah-item{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;color:var(--ink);text-align:left;width:100%}.surah-item:hover{border-color:var(--gold);text-decoration:none}.snum{width:40px;height:40px;flex:none;transform:rotate(45deg);border:1.5px solid var(--gold);border-radius:9px;display:grid;place-items:center}.snum i{transform:rotate(-45deg);font-style:normal;font-weight:800;font-size:14px;color:var(--emerald)}.surah-item .nm{font-weight:700;font-size:15.5px}.surah-item .mt{font-size:12.5px;color:var(--muted)}.surah-item .ar{margin-left:auto;font-size:23px;color:var(--emerald)}.ayah{border-bottom:1px solid var(--line);padding:20px 2px}.ayah .ar{font-size:31px;line-height:2.1;text-align:right}.ayah .en{color:var(--ink);margin-top:8px}.ayah .ur{font-family:"Scheherazade New","Amiri",serif;direction:rtl;text-align:right;font-size:21px;color:var(--ink2);margin-top:4px}.ayah .meta{display:flex;gap:10px;align-items:center;margin-top:8px}.ayah .meta .n{font-size:12.5px;font-weight:800;color:var(--gold2)}.playbtn{background:var(--emerald-soft);border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:700;color:var(--emerald)}.reader-tools{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.toggle{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.toggle button{border:none;background:#fff0;padding:7px 14px;border-radius:999px;font-weight:700;font-size:13.5px;color:var(--ink2)}.toggle button.on{background:var(--emerald);color:#fff}.hcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:14px}.hcard .ar{font-size:25px;line-height:1.95;text-align:right}.hcard .en{margin-top:8px}.hcard .ref{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:var(--gold2);background:var(--gold-soft);padding:4px 11px;border-radius:999px}.hcard .topic{display:inline-block;margin-top:10px;margin-left:6px;font-size:12.5px;font-weight:700;color:var(--emerald);background:var(--emerald-soft);padding:4px 11px;border-radius:999px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:7px 15px;font-weight:700;font-size:13.5px;color:var(--ink2)}.chip.on{background:var(--emerald);color:#fff;border-color:var(--emerald)}.rep{font-size:13px;color:var(--muted);font-weight:700}.names-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.name-cell{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;text-align:center}.name-cell .ar{font-size:27px;color:var(--emerald)}.name-cell b{display:block;font-size:15px;margin-top:2px}.name-cell span{font-size:13px;color:var(--muted)}.tasb{text-align:center;padding:10px 0}.tasb .dhikr{font-size:30px;color:var(--emerald)}.tasb .big{font-family:"Marcellus",serif;font-size:84px;line-height:1.05;color:var(--ink)}.tasb .tap{width:190px;height:190px;border-radius:50%;border:6px solid var(--gold);background:radial-gradient(circle at 35% 30%,var(--emerald),var(--emerald2));color:#fff;font-size:19px;font-weight:800;box-shadow:var(--shadow);margin:14px auto;display:block}.tasb .tap:active{transform:scale(.97)}.compass{width:250px;height:250px;margin:8px auto;border-radius:50%;border:3px solid var(--gold);background:var(--card);position:relative;box-shadow:var(--shadow)}.compass .needle{position:absolute;left:50%;top:50%;width:4px;height:104px;background:var(--emerald);transform-origin:50% 100%;border-radius:3px}.compass .kaaba{position:absolute;left:50%;top:6px;transform:translateX(-50%);font-size:22px}.compass .c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--gold);color:#241a02;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:800;font-size:12px}.compass .dir{position:absolute;font-weight:800;color:var(--muted);font-size:13px}.compass.sm{width:200px;height:200px}.compass.sm .needle{height:82px}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--line);font-size:14.5px}th{background:var(--emerald-soft);color:var(--ink)}tr:last-child td{border-bottom:none}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-grid .d{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 4px;text-align:center;font-size:14px;min-height:56px}.cal-grid .d small{display:block;color:var(--muted);font-size:11px}.cal-grid .d.today{outline:2.5px solid var(--gold);font-weight:800}.cal-grid .d.ev{background:var(--gold-soft)}.notice{background:var(--gold-soft);border:1px solid var(--line);border-radius:14px;padding:14px 17px;color:var(--ink2);font-size:14.5px}.result{background:var(--emerald-soft);border-radius:14px;padding:18px;margin-top:14px}.result b.big{font-family:"Marcellus",serif;font-size:30px;color:var(--emerald)}.progress{height:12px;background:var(--line);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold))}.checkrow{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 15px;margin-bottom:8px;font-weight:600}.checkrow button{border:none;border-radius:9px;padding:7px 14px;font-weight:800;background:var(--emerald-soft);color:var(--emerald)}.checkrow.done{opacity:.65}.checkrow.done button{background:var(--gold);color:#241a02}footer{margin-top:64px;background:var(--emerald2);color:#cfe0d2}@media (prefers-color-scheme:dark){footer{background:#071a12}}footer .wrap{padding:38px 20px 30px}footer a{color:#e9d189}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px}footer h4{color:#fff;margin:0 0 10px;font-family:"Marcellus",serif;font-weight:400}footer ul{list-style:none;margin:0;padding:0}footer li{margin:5px 0;font-size:14px}.fbot{border-top:1px solid rgb(255 255 255 / .15);margin-top:24px;padding-top:16px;font-size:13px;color:#9fb8a7}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(80px);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;z-index:99;transition:transform .3s;box-shadow:var(--shadow)}.toast.show{transform:translateX(-50%) translateY(0)}audio{width:100%;margin-top:10px}.loading{color:var(--muted);font-style:italic}.lang-switch{display:inline-flex;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:4px;gap:4px;box-shadow:0 2px 10px rgb(11 60 42 / .06)}.lang-switch button{border:none;background:#fff0;padding:9px 16px;min-height:44px;border-radius:999px;font-weight:800;font-size:15px;color:var(--ink2);display:inline-flex;align-items:center;gap:7px;line-height:1.4}.lang-switch button .dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}.lang-switch button.on{background:var(--emerald);color:#fff}.lang-switch button.on .dot{background:#f0cd72}.lang-switch.hero-lang{background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .35);box-shadow:none;padding:5px}.lang-switch.hero-lang button{color:#d9e8dc;font-size:16.5px;padding:11px 22px;min-height:52px}.lang-switch.hero-lang button.on{background:#f0cd72;color:#241a02}.lang-switch.hero-lang button.on .dot{background:var(--emerald)}.lang-hero-box{text-align:center;margin:4px 0 26px}.lang-hero-box .lbl{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffe9a8;margin-bottom:10px}.lang-hero-box .lbl .ur-lbl{letter-spacing:0;text-transform:none;font-size:15px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qtile{display:flex;align-items:center;gap:15px;background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:20px 18px;min-height:96px;color:var(--ink);box-shadow:0 2px 10px rgb(11 60 42 / .05)}.qtile:hover{border-color:var(--gold);text-decoration:none;box-shadow:var(--shadow)}.qtile .qi{width:56px;height:56px;flex:none;border-radius:16px;background:var(--emerald-soft);display:grid;place-items:center;font-size:28px}.qtile b{display:block;font-size:19px;font-family:"Marcellus",serif;font-weight:400;line-height:1.25}.qtile span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.45}.qtile .arr{margin-left:auto;color:var(--gold2);font-size:20px;font-weight:800;flex:none}[dir="rtl"] .qtile .arr{margin-left:0;margin-right:auto;transform:scaleX(-1)}.daily-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.daily-strip .daily-card{margin:0}.daily-strip .hcard{margin:0;height:100%}html[lang="ur"] body{font-family:"Noto Nastaliq Urdu","Public Sans",system-ui,sans-serif}html[lang="ur"] body p,html[lang="ur"] body li{line-height:2}html[lang="ur"] .btn,html[lang="ur"] nav.main a,html[lang="ur"] .chip,html[lang="ur"] .lang-switch button{line-height:1.9}html[lang="ur"] h1,html[lang="ur"] h2,html[lang="ur"] h3,html[lang="ur"] .serif,html[lang="ur"] .qtile b,html[lang="ur"] .stat b,html[lang="ur"] .count{font-family:"Noto Nastaliq Urdu",serif;line-height:1.9}html[lang="ar"] body{font-family:"Noto Naskh Arabic","Public Sans",system-ui,sans-serif}html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .qtile b{font-family:"Noto Naskh Arabic",serif}[dir="rtl"] .logo small{letter-spacing:.08em}[dir="rtl"] details.faq summary::after{float:left}[dir="rtl"] .surah-item .ar{margin-left:0;margin-right:auto}[dir="rtl"] .ptime span{letter-spacing:0}[dir="rtl"] .kick{letter-spacing:.06em}[dir="rtl"] .daily-card h3{letter-spacing:.04em}[dir="rtl"] th,[dir="rtl"] td{text-align:right}[dir="rtl"] .hcard .topic{margin-left:0;margin-right:6px}body[data-lang="ar"] .ayah .ar{font-size:34px}body[data-lang="ar"] .ayah .en,body[data-lang="ar"] .ayah .ur{opacity:.55;font-size:14.5px}body[data-lang="ar"] .hcard .ar{font-size:28px}body[data-lang="ur"] .ayah .ur{font-size:25px;color:var(--ink);line-height:2.2}body[data-lang="ur"] .ayah .en{opacity:.6;font-size:14.5px}body[data-lang="en"] .ayah .en{font-size:17px}body[data-lang="en"] .ayah .ur{opacity:.75}body[data-lang="ur"] .daily-card .tr{font-size:17px}body[data-lang="ar"] .daily-card .ar{font-size:30px}.hero .wrap{padding-top:34px}.btn{min-height:52px}nav.main a{min-height:44px;display:inline-flex;align-items:center}.chip{min-height:44px}input,select{min-height:52px}.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23f0cd72' stroke-opacity='.16'%3E%3Cpath d='M48 8 L58 38 L88 48 L58 58 L48 88 L38 58 L8 48 L38 38 Z'/%3E%3Ccircle cx='48' cy='48' r='7'/%3E%3C/g%3E%3C/svg%3E");background-size:96px 96px;animation:heroDrift 46s linear infinite;pointer-events:none}.hero::after{content:"۞";position:absolute;right:-30px;top:-58px;font-size:300px;line-height:1;color:rgb(240 205 114 / .07);font-family:"Scheherazade New",serif;pointer-events:none;animation:heroGlow 9s ease-in-out infinite alternate}[dir="rtl"] .hero::after{right:auto;left:-30px}@keyframes heroDrift{from{background-position:0 0}to{background-position:96px 96px}}@keyframes heroGlow{from{opacity:.55}to{opacity:1}}.view.on{animation:viewIn .45s cubic-bezier(.22,.8,.3,1) both}@keyframes viewIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.8,.3,1)}.reveal.in{opacity:1;transform:none}.card,.qtile,.surah-item,.name-cell,.btn,.chip,.ptime{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.qtile:active,.surah-item:active,.card:active{transform:scale(.985)}.btn:active{transform:scale(.97)}.surah-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.name-cell:hover{transform:translateY(-2px);border-color:var(--gold)}.ptime.next{animation:nextPulse 2.6s ease-in-out infinite}@keyframes nextPulse{0%,100%{box-shadow:0 0 0 0 rgb(240 205 114 / 0)}50%{box-shadow:0 0 0 5px rgb(240 205 114 / .18)}}.pbar{height:8px;border-radius:99px;background:rgb(255 255 255 / .18);overflow:hidden;margin-top:12px}.pbar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--gold),#f0cd72);transition:width 1s linear}.pbar.page{background:var(--line);margin-top:8px}.pbar.page i{background:linear-gradient(90deg,var(--emerald),var(--gold))}.book-line{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:7px}.src-line{display:block;font-size:12.5px;color:var(--ink2);margin-top:9px}.src-line b{color:var(--gold2)}.count.tick-pop{animation:tickPop .3s ease}@keyframes tickPop{0%{transform:scale(1)}40%{transform:scale(1.012)}100%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.hero::before{animation:none}}.art-banner{margin:20px 0 6px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;background:var(--emerald2)}.art-banner img{display:block;width:100%;height:auto;aspect-ratio:800/420;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.8,.3,1)}.art-banner:hover img{transform:scale(1.035)}.art-banner figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 12px;font-size:13px;font-weight:700;color:#f7efdb;background:linear-gradient(transparent,rgb(4 29 21 / .78))}.art-banner.hero-art{margin-top:22px}.card .thumb{display:block;width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:14px;border:1px solid var(--line);transition:transform .8s cubic-bezier(.22,.8,.3,1)}.card:hover .thumb{transform:scale(1.02)}.moon{position:absolute;top:26px;right:34px;width:56px;height:56px;border-radius:50%;box-shadow:17px 7px 0 0 #f0cd72;transform:rotate(-18deg);animation:moonFloat 7s ease-in-out infinite;pointer-events:none;z-index:1}[dir="rtl"] .moon{right:auto;left:34px;transform:rotate(18deg) scaleX(-1)}@keyframes moonFloat{0%,100%{margin-top:0;filter:drop-shadow(0 0 6px rgb(240 205 114 / .35))}50%{margin-top:12px;filter:drop-shadow(0 0 18px rgb(240 205 114 / .65))}}.twinkle{position:absolute;width:14px;height:14px;pointer-events:none;z-index:1;animation:twinkle 3.4s ease-in-out infinite}.twinkle::before,.twinkle::after{content:"";position:absolute;background:#ffe9a8;border-radius:2px}.twinkle::before{left:50%;top:0;width:2.5px;height:100%;transform:translateX(-50%)}.twinkle::after{top:50%;left:0;height:2.5px;width:100%;transform:translateY(-50%)}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.7) rotate(0deg)}50%{opacity:.95;transform:scale(1.15) rotate(20deg)}}.pbar i{position:relative;overflow:hidden}.pbar i::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);transform:translateX(-110%);animation:shimmer 2.8s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}.compass .needle{transition:transform .9s cubic-bezier(.22,.8,.3,1)}.tasb .tap{animation:tapGlow 3.2s ease-in-out infinite}@keyframes tapGlow{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 12px 38px rgb(193 154 63 / .45)}}.logo .mark{animation:markGlow 5s ease-in-out infinite}@keyframes markGlow{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 8px 26px rgb(193 154 63 / .5)}}.snum{transition:transform .3s ease}.surah-item:hover .snum{transform:rotate(45deg) scale(1.08)}.name-cell .ar{transition:transform .3s ease}.name-cell:hover .ar{transform:scale(1.12)}@media (max-width:1020px){.g4{grid-template-columns:repeat(2,1fr)}.surah-list{grid-template-columns:repeat(2,1fr)}.names-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}.hbar .lang-switch{flex:none}.lang-mobile-row{display:none}.hijri-mobile-row{display:none}@media (max-width:860px){.hbar .hijri-chip{display:none}.hijri-mobile-row{display:flex;justify-content:center;padding:0 12px 10px}#hijriChipM{display:inline-block;font-size:13px;padding:6px 14px}.hero-grid{grid-template-columns:1fr}.g3,.g2{grid-template-columns:1fr}.fcols{grid-template-columns:1fr 1fr}.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.surah-list{grid-template-columns:1fr}.names-grid{grid-template-columns:1fr 1fr}.g4{grid-template-columns:1fr}.ptimes{grid-template-columns:repeat(3,1fr)}.count{font-size:32px}.ayah .ar{font-size:27px}.cal-grid .d{min-height:48px;font-size:13px}}@media (max-width:1024px){.hbar{flex-wrap:nowrap;padding:8px 0}nav.main{display:none;position:absolute;top:100%;left:0;right:0;order:0;flex:none;margin:0;background:var(--bg2);border-top:none;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:8px 16px 14px;box-shadow:var(--shadow);z-index:61}nav.main.open{display:flex}nav.main a{padding:13px 10px;border-bottom:1px solid var(--line);border-radius:0;font-size:16px;width:100%}nav.main a:last-child{border-bottom:none}#burger{display:grid;place-items:center;flex:none}}@media (max-width:860px){.hbar .lang-switch{display:none}.lang-mobile-row{display:flex;justify-content:center;padding:2px 12px 10px}.lang-mobile-row .lang-switch{width:100%;max-width:430px}.lang-mobile-row .lang-switch button{flex:1;justify-content:center;padding:9px 6px;font-size:14.5px}}@media (max-width:860px){.daily-strip{grid-template-columns:1fr}}@media (max-width:640px){.quick-grid{grid-template-columns:1fr 1fr;gap:10px}.qtile{padding:14px 12px;gap:10px;min-height:88px;border-radius:16px}.qtile .qi{width:44px;height:44px;font-size:22px;border-radius:12px}.qtile b{font-size:16.5px}.qtile span{font-size:12.5px}.qtile .arr{display:none}.lang-switch.hero-lang button{padding:10px 14px;font-size:15px}}.back-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;margin-bottom:6px}.art-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0 2px}.art-body h2{margin-top:34px}.art-body ul{margin:0 0 14px;padding-inline-start:22px}.art-body li{margin:0 0 7px}.verse-card{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:14px;padding:18px 20px;margin:16px 0}.verse-card .ar{font-size:25px;line-height:1.95;text-align:right}.verse-card p{margin:8px 0 0;font-style:italic}.verse-card .ref{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;color:var(--gold2);background:var(--gold-soft);padding:4px 11px;border-radius:999px}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--emerald),var(--emerald2));color:#f5d67b;font-weight:800;letter-spacing:.04em;box-shadow:var(--shadow);flex:none;font-family:"Public Sans",sans-serif}.avatar.lg{width:76px;height:76px;font-size:24px}.avatar.xl{width:104px;height:104px;font-size:32px}.avatar.sm{width:38px;height:38px;font-size:16px}.avatar.rev{width:46px;height:46px;font-size:15px}.author-strip{display:flex;gap:20px;align-items:flex-start}@media (max-width:640px){.author-strip{flex-direction:column;align-items:center;text-align:center}.author-strip .go{display:inline-block}}.byline{font-size:13px;color:var(--muted);font-weight:600;margin:8px 0 2px}.byline a{font-weight:800}.rev-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 2px 10px rgb(11 60 42 / .05)}.rev-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.rev-top b{font-size:16px;display:block;line-height:1.3}.rev-top .where{font-size:12.5px;color:var(--muted)}.rev-card p{color:var(--ink2);margin:0;font-size:15px}.stars{color:var(--gold);font-size:16px;letter-spacing:2px;line-height:1}.stars .off{color:var(--line)}.pending-chip{display:inline-block;font-size:11.5px;font-weight:800;color:#8a6d1f;background:var(--gold-soft);border:1px dashed var(--gold);border-radius:999px;padding:3px 10px}.stars-in{display:flex;gap:4px}.stars-in button{background:#fff0;border:none;font-size:32px;line-height:1;padding:2px;color:var(--line);min-width:44px;min-height:44px}.stars-in button.on{color:var(--gold)}textarea{resize:vertical}.fb-pop{position:fixed;left:18px;bottom:18px;z-index:110;max-width:330px;background:var(--card);border:1.5px solid var(--gold);border-radius:18px;box-shadow:0 18px 44px rgb(8 40 28 / .28);padding:18px;color:var(--ink);animation:fbIn .45s cubic-bezier(.22,.8,.3,1) both}.fb-pop[hidden]{display:none}.fb-pop b{font-family:"Marcellus",serif;font-weight:400;font-size:19px;display:block;margin:4px 0}.fb-pop p{font-size:13.5px;color:var(--ink2);margin:0 0 12px}.fb-x{position:absolute;top:8px;right:10px;background:#fff0;border:none;font-size:15px;color:var(--muted);width:36px;height:36px}@keyframes fbIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:640px){.fb-pop{left:12px;right:12px;bottom:88px;max-width:none}}.bot-fab{position:fixed;inset-inline-end:18px;bottom:18px;z-index:120;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(145deg,var(--emerald),var(--emerald2));color:#fff;border:1.5px solid var(--gold);border-radius:999px;padding:13px 18px;font-size:19px;font-weight:800;box-shadow:0 14px 34px rgb(8 40 28 / .35);min-height:52px}.bot-fab .bot-fab-lbl{font-size:14px;font-family:"Public Sans",sans-serif}.bot-fab:active{transform:scale(.96)}.bot-panel{position:fixed;inset-inline-end:18px;bottom:82px;z-index:121;width:min(392px,calc(100vw - 24px));height:min(560px,calc(100dvh - 110px));background:var(--bg2);border:1.5px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgb(8 40 28 / .35);display:flex;flex-direction:column;overflow:hidden;animation:fbIn .35s cubic-bezier(.22,.8,.3,1) both}.bot-panel[hidden]{display:none}.bot-head{display:flex;align-items:center;gap:11px;background:linear-gradient(145deg,var(--emerald2),var(--emerald));color:#fff;padding:13px 15px}.bot-head b{font-family:"Marcellus",serif;font-weight:400;font-size:18px;display:block;line-height:1.2}.bot-head span#botSub{font-size:11.5px;color:#cfe3d3;display:block;line-height:1.35}.bot-x{margin-inline-start:auto;background:rgb(255 255 255 / .14);border:none;color:#fff;width:38px;height:38px;border-radius:10px;font-size:15px;flex:none}.bot-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.bmsg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.bmsg.bot{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start;color:var(--ink)}.bmsg.me{background:var(--emerald);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}[dir="rtl"] .bmsg.bot{border-bottom-left-radius:16px;border-bottom-right-radius:5px}[dir="rtl"] .bmsg.me{border-bottom-right-radius:16px;border-bottom-left-radius:5px}.bmsg .bar{font-family:"Scheherazade New","Amiri",serif;direction:rtl;text-align:right;font-size:20px;line-height:1.9;display:block;margin:4px 0}.bmsg .bref{display:inline-block;margin-top:8px;font-size:12px;font-weight:800;color:var(--gold2);background:var(--gold-soft);padding:3px 10px;border-radius:999px}.bmsg .bgo{display:inline-flex;margin-top:9px;background:var(--emerald);color:#fff;font-weight:700;font-size:13.5px;padding:8px 14px;border-radius:10px}.bmsg .bgo:hover{text-decoration:none;background:var(--emerald2)}.bot-chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 12px 10px}.bot-chips button{border:1.5px solid var(--gold);background:var(--gold-soft);color:var(--ink);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;min-height:38px}.bot-form{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);background:var(--card)}.bot-form input{flex:1;min-height:48px}.bot-send{background:var(--gold);border:none;color:#241a02;border-radius:12px;width:48px;height:48px;font-size:17px;flex:none}[dir="rtl"] .bot-send{transform:scaleX(-1)}@media (max-width:640px){.bot-fab .bot-fab-lbl{display:none}.bot-fab{padding:14px 16px}.bot-panel{inset-inline-end:12px;bottom:80px}}