.landing{min-height:100dvh;overflow-x:hidden}.l-nav{z-index:20;background:var(--bg);align-items:center;gap:10px;max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;position:sticky;top:0}.l-brand{color:var(--on-bar);font:700 20px/1 var(--arabic);align-items:center;gap:10px;margin-inline-end:auto;text-decoration:none;display:flex}.l-brand img{border-radius:10px}.l-links{gap:4px;display:flex}.l-links a{color:var(--on-bar-muted);border-radius:10px;padding:8px 12px;font-size:15px;font-weight:600;text-decoration:none}.l-links a:hover{color:var(--on-bar);background:var(--glass)}.landing .l-cta-small{background:var(--card);color:var(--accent);white-space:nowrap}.l-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;max-width:1180px;margin:0 auto;padding:36px 20px 24px;display:grid}.l-kicker{background:var(--glass);border:1px solid var(--glass-edge);color:var(--on-bar);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.l-hero h1{font:700 clamp(44px, 6.5vw, 76px)/1.2 var(--arabic);color:var(--on-bar);margin:16px 0 10px}.l-hero p{color:var(--on-bar-muted);max-width:600px;margin:0 0 24px;font-size:clamp(17px,1.6vw,20px);line-height:2}.l-hero p b{color:var(--on-bar)}.l-actions{flex-wrap:wrap;gap:10px;display:flex}.l-actions .btn{white-space:nowrap;border-radius:16px;height:54px;padding:0 24px;font-size:17px}.landing .l-primary{background:var(--card);color:var(--accent);box-shadow:0 10px 28px var(--shadow)}.l-primary:hover{transform:translateY(-1px)}.landing .l-secondary{background:var(--glass);color:var(--on-bar);border:1px solid var(--glass-edge)}.l-stores{color:var(--on-bar-muted);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:26px;font-size:14px;display:flex}.l-hero-art{height:min(600px,62vw);position:relative}.l-phone{background:#0d1512;border:8px solid #0d1512;border-radius:34px;width:auto;height:92%;position:absolute;box-shadow:0 24px 60px #00000059}.l-phone.front{inset-inline-end:6%;z-index:2;top:0}.l-phone.back{inset-inline-start:4%;opacity:.95;top:8%;transform:rotate(-5deg)}.l-stats{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1180px;margin:10px auto 0;padding:0 20px;display:grid}.l-stats div{background:var(--glass);border:1px solid var(--glass-edge);text-align:center;color:var(--on-bar);border-radius:18px;padding:16px}.l-stats b{font:700 30px/1.3 var(--arabic);display:block}.l-stats span{color:var(--on-bar-muted);font-size:14px}.l-section{max-width:1180px;margin:0 auto;padding:48px 20px 0}.l-section>h2{text-align:center;font:700 clamp(26px, 3vw, 34px)/1.4 var(--arabic);color:var(--on-bar);margin:0 0 8px}.l-sub{text-align:center;color:var(--on-bar-muted);margin:0 0 22px}.l-features{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:22px;display:grid}.l-feature{background:var(--card);color:var(--ink);box-shadow:0 6px 18px var(--shadow);border-radius:20px;padding:22px}.l-feature h3{margin:12px 0 6px;font-size:18px}.l-feature p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}.l-browser{border:1px solid var(--glass-edge);background:#0d1512;border-radius:16px;max-width:1040px;margin:0 auto;display:block;overflow:hidden;box-shadow:0 24px 60px #0000004d}.l-browser-bar{direction:ltr;background:#1b2420;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.l-browser-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.l-browser-bar i:nth-child(2){background:#febc2e}.l-browser-bar i:nth-child(3){background:#28c840}.l-browser-bar em{color:#9db5ab;background:#0d1512;border-radius:8px;margin:0 auto;padding:3px 40px;font-size:12.5px;font-style:normal}.l-browser img{width:100%;height:auto;display:block}.l-screens{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;display:grid}.l-screens figure{text-align:center;margin:0}.l-screens img{background:#0d1512;border:6px solid #0d1512;border-radius:26px;width:100%;height:auto;box-shadow:0 14px 36px #0000004d}.l-screens figcaption{color:var(--on-bar);margin-top:10px;font-weight:600}.l-app-card{background:var(--card);color:var(--ink);box-shadow:0 10px 30px var(--shadow);border-radius:24px;align-items:center;gap:20px;padding:26px 28px;display:flex}.l-app-card img{border-radius:18px;flex:none}.l-app-card h2{font:700 24px/1.4 var(--arabic);margin:0 0 6px}.l-app-card p{color:var(--muted);margin:0 0 14px;line-height:1.9}.l-surahs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:18px;display:grid}.l-surahs a{background:var(--glass);color:var(--on-bar);font:600 17px/1.3 var(--arabic);border-radius:12px;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;display:flex}.l-surahs a:hover{background:var(--card);color:var(--accent)}.l-surahs b{min-width:28px;height:28px;font:600 12px var(--ui);background:var(--glass);border-radius:50%;flex:none;place-items:center;display:grid}.l-section .support-card{margin-top:0}.l-footer{text-align:center;max-width:1180px;color:var(--on-bar-muted);border-top:1px solid var(--glass-edge);flex-direction:column;gap:8px;margin:40px auto 0;padding:22px 20px 40px;line-height:1.9;display:flex}.l-footer a{color:var(--on-bar)}.has-player .landing{padding-bottom:100px}@media (max-width:900px){.l-hero{text-align:center;grid-template-columns:1fr;padding-top:20px}.l-hero p{margin-inline:auto}.l-actions,.l-stores{justify-content:center}.l-hero-art{width:100%;max-width:420px;height:460px;margin:0 auto}.l-screens{grid-template-columns:repeat(2,1fr)}.l-links{display:none}}@media (max-width:560px){.l-stats{grid-template-columns:repeat(2,1fr)}.l-app-card{text-align:center;flex-direction:column}.l-app-card .store-links{justify-content:center}.l-actions{flex-direction:column}.l-actions .btn{justify-content:center}.l-hero-art{height:400px}}@font-face{font-family:HafsSmart;src:url(/fonts/HafsSmart_08.ttf);font-display:block}@font-face{font-family:UthmanicHafs;src:url(/fonts/UthmanicHafs_V22.ttf);font-display:block}@font-face{font-family:DigitalKhatt;src:url(/fonts/DigitalKhattV2.otf);font-display:block}@font-face{font-family:KFGQPCNastaleeq;src:url(/fonts/KFGQPCNastaleeq-Regular.ttf);font-display:block}@font-face{font-family:IndopakNastaleeq;src:url(/fonts/IndopakNastaleeq.ttf);font-display:block}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf);font-display:swap}@font-face{font-family:AmiriQuran;src:url(/fonts/AmiriQuran-Regular.ttf);font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.ttf);font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#0b6b4e;--bar-deep:#085a41;--on-bar:#fff;--on-bar-muted:#fffc;--glass:#ffffff29;--glass-edge:#ffffff4d;--card:#fff;--page:#fff;--frame:#0b6b4e;--band:#eaf5f0;--dot:#0b6b4e8c;--ink:#10201a;--muted:#56665f;--accent:#0b6b4e;--cart:#0b6b4e;--on-cart:#fff;--highlight:#0b6b4e21;--playing:#0b6b4e33;--hair:#10201a1a;--tonal:#e3f2eb;--on-tonal:#0b6b4e;--shadow:#021c1447;--radius:18px;--ui:Vazirmatn, system-ui, sans-serif;--arabic:Amiri, "Noto Naskh Arabic", serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1713;--bar-deep:#0e201a;--on-bar:#e8f3ee;--on-bar-muted:#e8f3eea8;--glass:#ffffff14;--glass-edge:#ffffff24;--card:#12241e;--page:#12241e;--frame:#3a9c7a;--band:#0f1f1a;--dot:#6fd1a866;--ink:#e6f1ec;--muted:#9db5ab;--accent:#7fd8b3;--cart:#1b5a45;--on-cart:#fff;--highlight:#6fd1a838;--playing:#6fd1a84d;--hair:#ffffff17;--tonal:#6fd1a829;--on-tonal:#9fe3c6;--shadow:#00000073}.paper-white{--page:#fff;--card:#fff;--ink:#141414;--muted:#6b6b6b;--band:#f1f3f2;--hair:#0000001a}.paper-cream{--page:#f7efdc;--card:#f7efdc;--ink:#3a2e1c;--muted:#7d6e57;--band:#efe3c6;--hair:#3a2e1c1f}.paper-green{--page:#eaf4ec;--card:#eaf4ec;--ink:#10261c;--muted:#4e6a5c;--band:#dceee2;--hair:#10261c1a}.paper-blue{--page:#e9f1f8;--card:#e9f1f8;--ink:#14263a;--muted:#52657a;--band:#dce8f2;--hair:#14263a1a}.paper-gray{--page:#ececec;--card:#ececec;--ink:#1c1c1c;--muted:#636363;--band:#e0e0e0;--hair:#0000001a}.paper-night{--page:#1c201e;--card:#1c201e;--ink:#e8e3d7;--muted:#a29d91;--band:#242927;--hair:#ffffff1a}.paper-black{--page:#000;--card:#000;--ink:#d9d9d9;--muted:#8a8a8a;--band:#0e0e0e;--hair:#ffffff1a}.paper-white,.paper-cream,.paper-green,.paper-blue,.paper-gray{--accent:#0b6b4e;--cart:#0b6b4e;--on-cart:#fff;--tonal:#0b6b4e1f;--on-tonal:#0b6b4e;--highlight:#0b6b4e24;--playing:#0b6b4e38;--frame:#0b6b4e;--dot:#0b6b4e80}.paper-night,.paper-black{--accent:#7fd8b3;--cart:#1b5a45;--on-cart:#fff;--tonal:#6fd1a829;--on-tonal:#9fe3c6;--highlight:#6fd1a838;--playing:#6fd1a84d;--frame:#3a9c7a;--dot:#6fd1a866}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--on-bar);font:16px/1.6 var(--ui);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 70%, white);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-btn{border:1px solid var(--glass-edge);background:var(--glass);width:42px;height:42px;color:var(--on-bar);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:color-mix(in srgb, var(--glass) 100%, white 8%)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn.plain{background:0 0;border-color:#0000}.icon-btn svg,.btn svg{width:22px;height:22px}.btn{background:var(--cart);color:var(--on-cart);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--accent);border:1px solid var(--hair);background:0 0}.btn.tonal{background:var(--tonal);color:var(--on-tonal)}.btn:disabled{opacity:.5;cursor:default}.chip{background:var(--tonal);color:var(--on-tonal);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:13px;display:inline-flex}.segmented{border:1px solid var(--glass-edge);border-radius:12px;display:flex;overflow:hidden}.segmented button{cursor:pointer;color:var(--on-bar);background:0 0;border:0;flex:1;padding:8px 12px;font-size:14px;font-weight:600}.segmented button[aria-pressed=true]{background:var(--on-bar);color:var(--bg)}.on-card .segmented{border-color:var(--hair)}.on-card .segmented button{color:var(--ink)}.on-card .segmented button[aria-pressed=true]{background:var(--cart);color:var(--on-cart)}.card{background:var(--card);color:var(--ink);border-radius:var(--radius)}.muted{color:var(--muted)}.topbar{z-index:20;background:var(--bg);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar .title{flex:1;min-width:0}.topbar .title strong{font:700 21px/1.3 var(--arabic);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.topbar .title small{color:var(--on-bar-muted);font-size:12.5px}.container{max-width:980px;margin:0 auto;padding:0 16px 120px}.mushaf-page{background:var(--page);color:var(--ink);box-shadow:0 8px 24px var(--shadow);border-radius:16px;flex-direction:column;height:100%;padding:7px;display:flex;container-type:size}.mushaf-page .running{height:22px;font:700 13.5px/22px var(--arabic);color:var(--accent);justify-content:space-between;padding:0 6px;display:flex}.mushaf-frame{border:1.5px solid var(--frame);background:var(--band);background-image:radial-gradient(var(--dot) 1px, transparent 1.4px);background-size:6px 6px;border-radius:4px;flex:1;min-height:0;margin:6px 0;padding:4px}.mushaf-inner{background:var(--page);border:1px solid var(--frame);border-radius:2px;flex-direction:column;height:100%;padding:7px 8px;display:flex;overflow:hidden}.mushaf-inner.reflow{display:block;overflow-y:auto}.mushaf-number{background:var(--cart);width:28px;height:28px;color:var(--on-cart);font:700 14px var(--arabic);border-radius:50%;align-self:center;place-items:center;display:grid}.m-line{white-space:nowrap;direction:rtl;align-items:center;display:flex}.m-line.justify{justify-content:space-between}.m-line.center{justify-content:center;gap:.3em}.m-word{cursor:pointer;border-radius:5px;padding:0 1px;line-height:1.6;transition:background-color .12s}.m-word:hover,.m-word.sel{background:var(--highlight)}.m-word.play{background:var(--playing)}.m-flow{text-align:justify;direction:rtl;line-height:2.1}.m-flow .m-word{margin-inline-end:.28em;display:inline-block}.surah-banner{align-items:center;gap:6px;width:100%;display:flex}.surah-banner .medal{width:1.5em;height:1.5em;color:var(--frame);flex:none}.surah-banner .name{border:1px solid var(--frame);border-radius:999px;flex:1;place-items:center;height:82%;padding:2px;display:grid}.surah-banner .name span{background:var(--cart);width:100%;height:100%;color:var(--on-cart);font:700 .95em/1 var(--arabic);border-radius:999px;place-items:center;display:grid}.opening{border:1px solid var(--frame);border-radius:1.2em;margin:auto;padding:.7em .6em}.sheet-backdrop{z-index:50;background:#0000006b;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:min(720px,100%);max-height:88vh;color:var(--ink);border-radius:22px 22px 0 0;padding:10px 18px 28px;animation:.2s ease-out rise;overflow:auto}.sheet .grab{background:var(--hair);border-radius:3px;width:44px;height:5px;margin:4px auto 14px}.dialog-backdrop{align-items:center}.dialog-backdrop .sheet{border-radius:22px;max-width:560px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}.player{z-index:40;inset-inline:12px;background:var(--card);max-width:760px;color:var(--ink);box-shadow:0 8px 28px var(--shadow);border-radius:18px;margin:0 auto;position:fixed;bottom:12px;overflow:hidden}.player .progress{background:var(--hair);cursor:pointer;height:4px}.player .progress>div{background:var(--accent);height:100%}.player .row{align-items:center;gap:8px;padding:8px 10px;display:flex}.player .play{background:var(--cart);width:44px;height:44px;color:var(--on-cart);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.player .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.player select{color:var(--ink);border:1px solid var(--hair);font:inherit;background:0 0;border-radius:8px;padding:4px 6px;font-size:13px}.player .icon-btn{color:var(--ink);background:0 0;border-color:#0000;width:38px;height:38px}.toast{z-index:60;background:var(--ink);color:var(--card);border-radius:12px;padding:10px 18px;font-size:14px;animation:.2s rise;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@media print{.topbar,.player,.no-print{display:none!important}body{color:#000;background:#fff}.card{box-shadow:none;break-inside:avoid}}.as-button{text-align:start;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.container.narrow{max-width:760px}.section-title{color:var(--on-bar-muted);margin:24px 8px 10px;font-size:14px;font-weight:700}.hint{color:var(--on-bar-muted);text-align:center;margin:28px 16px;line-height:1.9}.error{color:#ffb4ab;text-align:center;margin:24px}.kicker{color:var(--accent);font-size:13px;font-weight:700}.field{border:1px solid var(--hair);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:12px;margin-bottom:10px;padding:12px 14px}.spinner{border:3px solid var(--glass-edge);border-top-color:var(--on-bar);border-radius:50%;width:36px;height:36px;margin:48px auto;animation:.8s linear infinite spin}.page-spinner{margin-top:30vh}@keyframes spin{to{transform:rotate(360deg)}}.on-card .icon-btn,.icon-btn.on-card{color:var(--ink);background:0 0;border-color:#0000}.on-card .icon-btn:hover,.icon-btn.on-card:hover{background:var(--highlight)}.icon-btn[aria-pressed=true]{color:var(--accent)}.hero-title{margin:8px 4px 0;font-size:clamp(30px,6vw,44px);line-height:1.25}.hero-sub{color:var(--on-bar-muted);margin:4px 4px 18px}.search-box{background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.search-box svg{color:var(--on-bar-muted);margin-inline-start:8px}.search-box input,.search-inline input{min-width:180px;color:var(--on-bar);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:16px}.search-box input::placeholder,.search-inline input::placeholder{color:var(--on-bar-muted)}.continue{align-items:center;gap:16px;margin-top:16px;padding:16px 18px;text-decoration:none;display:flex}.continue strong{font:700 24px/1.3 var(--arabic);display:block}.continue small{display:block}.play-dot{background:var(--cart);width:52px;height:52px;color:var(--on-cart);border-radius:50%;flex:none;place-items:center;display:grid}.tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px;display:grid}.tile{align-items:center;gap:12px;min-height:72px;padding:14px;font-weight:700;text-decoration:none;display:flex}.tile:hover,.continue:hover,.result:hover{box-shadow:0 6px 18px var(--shadow)}.tile-icon{background:var(--tonal);width:42px;height:42px;color:var(--on-tonal);border-radius:50%;flex:none;place-items:center;display:grid}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;overflow:hidden}.surah-row{border:0;border-bottom:1px solid var(--hair);width:100%;color:var(--ink);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 14px;display:flex}.surah-row:hover{background:var(--highlight)}.surah-row .star{width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid;position:relative}.surah-row .star svg{width:100%;height:100%;position:absolute;inset:0}.surah-row .star circle{display:none}.surah-row .star b{font-size:12.5px}.surah-row .names{flex-direction:column;flex:1;min-width:0;display:flex}.surah-row .names strong{font:700 19px/1.4 var(--arabic)}.surah-row .en{direction:ltr;font-size:12.5px}.support-card{align-items:center;gap:14px;margin-top:18px;padding:14px 18px;text-decoration:none;display:flex}.support-card>svg{color:var(--accent)}.support-card strong,.support-card small{display:block}.site-footer{text-align:center;color:var(--on-bar-muted);margin:28px 0 8px;font-size:14px}.site-footer a{color:var(--on-bar)}.mushaf-screen{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.mushaf-top{flex-wrap:nowrap}.mushaf-top .zoom,.reader .zoom{align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex}.page-nav{white-space:nowrap;align-items:center;gap:4px;font-size:14px;display:flex}.mushaf-body{flex:1;min-height:0;display:flex}.spread-area{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;min-width:0;padding:10px 12px;display:flex}.spread{direction:rtl;display:flex}.mushaf-screen.immersive .spread-area{padding:4px}.mushaf-bottom{padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:var(--bar-deep);align-items:center;gap:6px;display:flex}.mushaf-bottom span{text-align:center;flex:1;font-size:13px}.play-fab{background:var(--inv,#fff);width:52px;height:52px;color:var(--accent);cursor:pointer;border:0;border-radius:16px;place-items:center;display:grid}:root[data-theme=dark] .play-fab{color:#05261b;background:#6fd1a8}.rail{background:var(--bar-deep);flex-direction:column;flex:none;gap:4px;width:92px;padding:12px 8px;display:flex}.rail a{color:var(--on-bar-muted);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:12.5px;text-decoration:none;display:flex}.rail a.active,.rail a:hover{background:var(--glass);color:var(--on-bar);font-weight:700}.side-panel{border-radius:0;flex-direction:column;flex:none;width:clamp(320px,28vw,420px);min-height:0;display:flex}.tafsir-panel{flex-direction:column;height:100%;min-height:0;display:flex}.tp-head{border-bottom:1px solid var(--hair);padding:18px 22px 12px}.tp-kicker{color:var(--accent);font-size:13px;font-weight:700}.tp-head h2{margin:2px 0 6px;font-size:20px}.tp-quran{font:26px/2 HafsSmart, var(--arabic);margin:4px 0 10px}.tp-num{color:var(--accent)}.tp-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tp-actions .btn{padding:8px 12px;font-size:14px}.tp-actions .btn.active{background:var(--cart);color:var(--on-cart)}.tp-body{white-space:pre-line;flex:1;padding:16px 22px;line-height:2;overflow:auto}.sheet .tp-body{overflow:visible}.tp-foot{border-top:1px solid var(--hair);gap:10px;padding:12px 22px 16px;display:flex}.tp-foot .btn{flex:1;justify-content:center}.tp-copy{position:relative}.tp-copy summary{list-style:none}.tp-copy summary::-webkit-details-marker{display:none}.tp-copy .menu{z-index:5;inset-inline-start:0;background:var(--card);border:1px solid var(--hair);box-shadow:0 8px 24px var(--shadow);border-radius:12px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:46px}.tp-copy .menu button{color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px}.tp-copy .menu button:hover{background:var(--highlight)}.options h3{margin:18px 4px 10px;font-size:17px}.options h3:first-child{margin-top:6px}.list{flex-direction:column;display:flex}.editions button{border:0;border-bottom:1px solid var(--hair);color:var(--ink);text-align:start;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.editions button[aria-pressed=true]{background:var(--highlight)}.editions button[aria-pressed=true] strong{color:var(--accent)}.papers{flex-wrap:wrap;gap:12px;display:flex}.papers button{width:66px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.papers .swatch{border:1px solid var(--hair);border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.papers button[aria-checked=true] .swatch{outline:3px solid var(--accent);outline-offset:1px}.papers small{color:var(--muted);white-space:nowrap;font-size:11.5px}.legend{font:14px var(--arabic);flex-wrap:wrap;gap:8px 14px;margin-top:12px;display:flex}.legend i{vertical-align:middle;border-radius:50%;width:11px;height:11px;margin-inline-end:6px;display:inline-block}.keys{border-collapse:collapse;width:100%}.keys td{border-bottom:1px solid var(--hair);padding:8px 4px}kbd{background:var(--tonal);color:var(--on-tonal);white-space:nowrap;border-radius:6px;padding:2px 8px;font:13px ui-monospace,monospace}.mode-switch,.selection-bar{margin:4px 0 12px}.selection-bar{z-index:10;background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex;position:sticky;top:62px}.surah-head{flex-direction:column;align-items:center;gap:12px;margin-bottom:12px;padding:18px;display:flex}.surah-banner.big{height:54px;font-size:26px}.basmala{font:30px/2 AmiriQuran, var(--arabic);margin:0}.intro{align-self:center}.ayah-card{border:1.5px solid #0000;margin-bottom:10px;padding:10px 16px 16px;scroll-margin-top:76px}.ayah-card.current{border-color:var(--accent)}.ayah-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--card) 88%, var(--accent))}.ayah-tools{align-items:center;gap:2px;display:flex}.ayah-tools .num{background:var(--cart);width:34px;height:34px;color:var(--on-cart);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.ayah-tools .icon-btn{width:38px;height:38px;color:var(--muted)}.ayah-quran{text-align:center;cursor:pointer;border-radius:10px;margin:8px 0;line-height:2}.ayah-tafsir{cursor:pointer;white-space:pre-line;border-radius:10px;margin:0;line-height:1.95}.ayah-quran.live,.ayah-tafsir.live{background:var(--playing)}.ayah-card hr{border:0;border-top:1px solid var(--hair);margin:12px 0}.surah-nav{align-items:center;margin:16px 0;display:flex}.search-inline{background:var(--glass);border-radius:12px;flex:1;align-items:center;padding:0 6px 0 14px;display:flex}.result{margin-bottom:10px;padding:12px 16px;text-decoration:none;display:block}.result p{margin:6px 0 0;line-height:1.9}.r-quran{font:22px/2.1 AmiriQuran, var(--arabic)}mark{background:var(--highlight);color:var(--accent);border-radius:4px;padding:0 1px;font-weight:700}.jump{align-items:center;gap:8px;margin:12px 0;padding:14px 16px;font-weight:700;text-decoration:none;display:flex}.pager{justify-content:center;align-items:center;gap:16px;margin:20px 0;display:flex}.pager .btn.ghost{color:var(--on-bar);border-color:var(--glass-edge)}.settings-section .card{padding:4px 0;overflow:hidden}.field-row{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.field-row:last-child{border-bottom:0}.field-row.col{flex-direction:column;align-items:stretch}.field-row>span{font-weight:600}.field-row select{border:1px solid var(--hair);background:var(--card);max-width:60%;color:var(--ink);font:inherit;border-radius:10px;padding:8px}.field-row input[type=range]{width:100%;accent-color:var(--accent)}.field-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.preview-quran{text-align:center;font-family:AmiriQuran, var(--arabic);margin:4px 0 0;line-height:2.1}.row{border-bottom:1px solid var(--hair);align-items:center;display:flex}.row-main{color:var(--ink);border-bottom:1px solid var(--hair);flex:1;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.row-main:last-child{border-bottom:0}.row-main svg{color:var(--accent)}.prose{padding:16px 18px;line-height:2}.about-hero,.support-hero{text-align:center;margin:12px 0 18px}.about-hero img{border-radius:24px}.about-hero h1{margin:10px 0 0;font-size:26px}.donate{text-align:center;margin-top:12px;padding:18px}.donate .phone{color:var(--accent);margin:0 0 12px;font-size:28px;font-weight:800}.donate .methods{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.donate .actions{justify-content:center;gap:10px;display:flex}@media (max-width:640px){.topbar{gap:6px;padding:8px 10px}.mushaf-top .zoom span,.player .row select,.player .row>.muted{display:none}.tiles{grid-template-columns:repeat(2,1fr)}}.has-player .mushaf-screen{height:calc(100dvh - 84px)}.has-player .container{padding-bottom:150px}.rail a.support{color:#ffb4c1;margin-top:auto}.rail a.support:hover{color:#fff}.support-btn svg{color:#ff8fa3}.with-badge{position:relative}.badge{top:-2px;color:#fff;background:#d6336c;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;inset-inline-end:-2px}.search-options{color:var(--ink);flex-direction:column;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.search-options .opt{flex-direction:column;gap:6px;display:flex}.search-options .opt>span,.opt-row label>span{font-size:14px;font-weight:700}.search-options .segmented{margin:0}.opt-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.opt-row label{flex-direction:column;gap:4px;display:flex}.opt-row select{border:1px solid var(--hair);background:var(--card);color:var(--ink);font:inherit;border-radius:10px;padding:9px 10px}.search-options .tips{color:var(--muted);margin:0;font-size:13px;line-height:1.9}.search-options .tips b{color:var(--accent);font-weight:700}.btn.small{align-self:flex-start;padding:6px 12px;font-size:13px}.results.loading{opacity:.55;transition:opacity .2s}.side-panel .tafsir-panel{overscroll-behavior:contain;overflow-y:auto}.side-panel .tp-body{flex:none;overflow:visible}.side-panel .tp-foot{z-index:2;background:var(--card);position:sticky;bottom:0}.side-panel .tp-quran{font-size:clamp(20px,1.6vw,26px)}.side-panel{overflow:hidden}.mushaf-top>*{flex-shrink:0}.mushaf-top .title{flex-shrink:1}@media (max-height:800px){.mushaf-top{padding-top:6px;padding-bottom:6px}.mushaf-top .icon-btn{width:40px;height:40px}.mushaf-top .title strong{font-size:19px}.rail a{padding:7px 4px}.tp-head{padding:12px 18px 10px}.tp-foot{padding:10px 18px 12px}.spread-area{padding:8px 10px}}.wbw{border-bottom:1px solid var(--hair);padding:6px 22px 10px}.wbw-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.wbw-toggle{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-size:14px;font-weight:700;display:flex}.wbw-toggle svg{width:18px;height:18px;transition:transform .15s}.wbw-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}.wbw-head select{border:1px solid var(--hair);background:var(--card);color:var(--ink);font:inherit;border-radius:8px;padding:4px 8px;font-size:13px}.wbw-grid{flex-wrap:wrap;gap:6px;padding-top:6px;display:flex}.wbw-word{border:1px solid var(--hair);background:var(--card);min-width:64px;max-width:140px;color:var(--ink);cursor:pointer;font:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:6px 8px;display:flex}.wbw-word:hover{background:var(--highlight)}.wbw-word.on{border-color:var(--accent);background:var(--highlight)}.wbw-word .ar{font:24px/1.6 UthmanicHafs, HafsSmart, var(--arabic)}.wbw-word .tl{color:var(--muted);font-size:11.5px;font-style:italic}.wbw-word .mean{text-align:center;font-size:12.5px;line-height:1.35}.word-card{z-index:60;pointer-events:none;color:#fff;background:#10372b;border-radius:12px;flex-direction:column;align-items:center;gap:1px;max-width:220px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 8px 24px #00000040}.word-card .ar{font:22px/1.5 UthmanicHafs, HafsSmart, var(--arabic)}.word-card .tl{opacity:.75;font-size:12px;font-style:italic}.word-card .mean{text-align:center;font-size:13.5px}.word-card.below{transform:translate(-50%,8px)}.tafsir-book-wrap{padding:8px 12px 120px}.tafsir-book{background:var(--page);max-width:860px;color:var(--ink);box-shadow:0 8px 24px var(--shadow);border-radius:16px;margin:0 auto;padding:7px}.tafsir-book .running{height:24px;font:700 14px/24px var(--arabic);color:var(--accent);justify-content:space-between;padding:0 8px;display:flex}.tafsir-book .mushaf-frame{margin:6px 0}.tb-inner{background:var(--page);border:1px solid var(--frame);border-radius:2px;padding:clamp(14px,3vw,34px) clamp(14px,4vw,44px);line-height:2.05}.tb-intros{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 4px;display:flex}.tb-ayah{border-bottom:1px dashed var(--hair);padding:10px 0 6px;scroll-margin-top:84px}.tb-ayah:last-child{border-bottom:0}.tb-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tb-num{border:1.5px solid var(--frame);width:34px;height:34px;color:var(--accent);font:700 15px var(--arabic);background:var(--band);border-radius:50%;flex:none;place-items:center;display:grid}.tb-tools{opacity:.55;gap:0;transition:opacity .15s;display:flex}.tb-ayah:hover .tb-tools,.tb-ayah.live .tb-tools{opacity:1}.tb-tools .icon-btn{width:34px;height:34px;color:var(--muted)}.tb-quran{text-align:center;font:1.35em/2 HafsSmart, var(--arabic);margin:6px 0 2px}.tb-text{white-space:pre-line;text-align:justify;cursor:pointer;border-radius:8px;margin:4px 0 0}.tb-ayah.live .tb-text{background:var(--playing)}.tb-nav{justify-content:space-between;gap:10px;padding:10px 6px 4px;display:flex}.tb-nav .btn{flex:1;justify-content:center}.tp-links{gap:6px;padding:0 22px 10px;display:flex}.tp-links a{color:var(--accent);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.tp-links a:hover{text-decoration:underline}.pill-toggle{border:1px solid var(--glass-edge);background:var(--glass);height:36px;color:var(--on-bar);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.pill-toggle[aria-pressed=true]{background:var(--on-bar);color:var(--bg)}@media (max-width:640px){.wide-only{display:none}.tb-text{text-align:start}.tafsir-book-wrap{padding:4px 4px 110px}.tb-inner{padding:12px 14px}}.store-links{flex-wrap:wrap;gap:8px;display:flex}.store-btn{color:#fff;direction:ltr;background:#000;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 14px;text-decoration:none;display:inline-flex}.store-btn span{text-align:left;flex-direction:column;line-height:1.1;display:flex}.store-btn small{opacity:.85;font-size:10.5px}.store-btn b{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;font-weight:600}.store-btn:hover{background:#1b1b1b}.store-links.compact{justify-content:center;margin-top:14px}.store-links.compact .store-btn{height:40px}.store-links.compact .store-btn b{font-size:14px}.get-app{color:var(--ink);flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:12px;padding:14px 16px;display:flex}.get-app img{border-radius:12px;flex:none}.get-app-text{flex-direction:column;flex:1;min-width:180px;display:flex}.get-app-text strong{font-size:16px}