:root{--bg:#0b1714;--surface:#10201b;--surface2:#142821;--text:#f5f1e8;--muted:#9caaa4;--line:#ffffff1c;--gold:#d9b96e;--accent:#9bc3a7;--serif:"Palatino Linotype","Book Antiqua",Georgia,serif;--sans:Aptos,"Segoe UI",Arial,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f3ea;--surface:#fffdf8;--surface2:#eee9dd;--text:#173027;--muted:#697a73;--line:#17302724;--gold:#9b7627;--accent:#416d56;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background .35s,color .35s}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.topbar{z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,76px);display:flex;position:sticky;top:0}.brand{font:600 21px var(--serif);letter-spacing:.04em;align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid var(--gold);width:38px;height:38px;color:var(--gold);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.topbar nav{color:var(--muted);gap:34px;font-size:13px;display:flex}.topbar nav a,.topbar nav button{cursor:pointer;background:0 0;border:0;padding:10px 0;position:relative}.topbar nav .active{color:var(--text)}.topbar nav .active:after{content:"";background:var(--gold);height:1px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:12px;display:flex}.icon{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.search,.surah-search{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:10px 14px;display:flex}.search input,.surah-search input{width:175px;color:var(--text);background:0 0;border:0;outline:0}.mobile{display:none}.hero{text-align:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32%);flex-direction:column;justify-content:center;align-items:center;min-height:640px;padding:80px 20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.22;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 65%);mask-image:radial-gradient(circle,#000,#0000 65%)}.orb{border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.orb.one{width:360px;height:360px}.orb.two{width:520px;height:520px;animation-delay:-4s}.eyebrow{color:var(--gold);letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;display:flex;position:relative}.eyebrow span{background:var(--gold);width:34px;height:1px}.hero h1{font:400 clamp(54px,8vw,104px)/.95 var(--serif);letter-spacing:-.045em;margin:15px 0;position:relative}.hero h1 em,.about h2 em{color:var(--gold);font-weight:400}.lede{max-width:590px;color:var(--muted);font:19px/1.7 var(--serif);margin:10px auto 30px;position:relative}.primary{border:1px solid var(--gold);background:var(--gold);color:#142019;cursor:pointer;border-radius:3px;align-items:center;gap:18px;padding:15px 20px 15px 24px;font-weight:650;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #d9b96e29}.hero-arabic{color:var(--muted);letter-spacing:.12em;writing-mode:vertical-rl;font-size:13px;position:absolute;bottom:35px;right:5vw}.reader{border-top:1px solid var(--line);grid-template-columns:310px 1fr;min-height:900px;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);height:calc(100vh - 76px);position:sticky;top:76px;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:center;padding:28px 25px 18px;display:flex}.sidebar-head small,.surah-title span{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.sidebar h2{font:26px var(--serif);margin:5px 0}.surah-search{border-radius:4px;margin:0 18px 15px}.surah-search input{width:100%}.surah-list{scrollbar-width:thin;height:calc(100% - 133px);padding:0 10px 30px;overflow:auto}.surah-item{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:4px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 10px;display:grid}.surah-item:hover,.surah-item.selected{background:var(--surface2)}.surah-item.selected{box-shadow:inset 2px 0 var(--gold)}.surah-no{color:var(--gold);font:12px var(--serif)}.surah-item strong{font:15px var(--serif);display:block}.surah-item small{color:var(--muted);font-size:9px}.surah-item b{color:var(--muted);font:400 16px var(--serif)}.content{min-width:0;padding:0 clamp(20px,5vw,80px) 90px}.reader-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:88px;display:flex}.status{color:var(--muted);align-items:center;gap:9px;font-size:11px;display:flex}.status i{background:#d09e62;border-radius:50%;width:7px;height:7px}.status i.online{background:#79ba8b;box-shadow:0 0 0 4px #79ba8b1a}.selectors{gap:12px;display:flex}.selectors label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.selectors select{border:1px solid var(--line);background:var(--surface);color:var(--text);text-transform:none;letter-spacing:0;border-radius:3px;margin-top:5px;padding:8px 30px 8px 10px;font-size:12px;display:block}.surah-title{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr auto 45px;align-items:center;gap:24px;padding:55px 0 42px;display:grid}.surah-title>button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:42px;height:42px}.surah-title>button:disabled{opacity:.25;cursor:default}.surah-title h2{font:46px/1 var(--serif);margin:4px 0}.surah-title p{color:var(--muted);margin:8px 0 0;font-size:12px}.title-arabic{font:52px var(--serif);color:var(--gold)}.verse{border-bottom:1px solid var(--line);padding:45px 0;animation:.5s both reveal}.verse-meta{color:var(--gold);font:12px var(--serif);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.verse-meta div{gap:8px;display:flex}.verse-meta button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px}.verse-meta button:disabled{opacity:.25;cursor:not-allowed}.verse-meta .marked{color:var(--gold)}.arabic{text-align:right;margin:0 0 18px;font:clamp(28px,3.1vw,42px)/2 Traditional Arabic,Noto Naskh Arabic,serif}.ayah{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);font:12px var(--serif);vertical-align:middle;border-radius:50%;place-items:center;margin-right:12px;display:inline-grid}.transliteration{color:var(--accent);font:italic 17px/1.7 var(--serif)}.translations{grid-template-columns:1fr 1fr;gap:45px;margin-top:22px;display:grid}.translations small{color:var(--gold);letter-spacing:.18em;font-size:9px}.translations p{color:var(--muted);font:15px/1.8 var(--serif)}.loader,.empty{text-align:center;min-height:430px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loader span{background:var(--gold);border-radius:50%;width:8px;height:8px;margin:3px;animation:1s infinite pulse;display:inline-block}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}.empty>span{color:var(--gold);font-size:46px}.empty h3{color:var(--text);font:30px var(--serif);margin:15px 0 4px}.empty p{max-width:480px;margin-bottom:24px;line-height:1.6}.about{background:var(--surface);border-top:1px solid var(--line);padding:110px max(7vw,30px)}.about>.eyebrow{justify-content:center}.about h2{text-align:center;font:clamp(42px,5vw,70px)/1.06 var(--serif);font-weight:400}.principles{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1150px;margin:70px auto 0;display:grid}.principles div{border-right:1px solid var(--line);padding:35px 35px 0}.principles div:last-child{border:0}.principles b{color:var(--gold);font:12px var(--serif)}.principles h3{font:23px var(--serif)}.principles p{color:var(--muted);font:15px/1.7 var(--serif)}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:35px max(5vw,30px);font-size:12px;display:flex}footer .brand{color:var(--text)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(3deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}}@keyframes pulse{50%{opacity:.2;transform:scale(.75)}}@media (width<=900px){.mobile{display:grid}.topbar nav,.search{display:none}.reader{display:block}.sidebar{z-index:50;width:min(340px,90vw);height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:20px 0 60px #0000004d}.sidebar.open{transform:none}.reader-tools{flex-direction:column;align-items:flex-start;padding:20px 0}.selectors{width:100%}.selectors label{flex:1}.selectors select{width:100%}.surah-title{grid-template-columns:38px 1fr 38px}.title-arabic{text-align:left;grid-column:2;font-size:38px}.surah-title h2{font-size:38px}.translations{grid-template-columns:1fr;gap:8px}.principles{grid-template-columns:1fr}.principles div{border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.hero-arabic{display:none}footer{flex-direction:column;gap:20px}.hero{min-height:580px}.content{padding-bottom:55px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html,body{background:var(--bg);min-height:100%}.text-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:99px;padding:11px 16px}.home-hero{text-align:center;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31%);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:80px 20px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 67%);mask-image:radial-gradient(circle,#000,#0000 67%)}.home-hero h1{font:400 clamp(58px,8vw,110px)/.92 var(--serif);letter-spacing:-.05em;margin:18px 0 12px;position:relative}.home-hero h1 em{color:var(--gold);font-weight:400}.halo{border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:50%;animation:11s ease-in-out infinite float;position:absolute}.halo.h1{width:420px;height:420px}.halo.h2{width:590px;height:590px;animation-delay:-5s}.picker{z-index:10;text-align:left;width:min(540px,92vw);margin-top:10px;position:relative}.picker-trigger{border:1px solid var(--gold);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:16px 19px;display:flex;box-shadow:0 18px 55px #0000002e}.picker-trigger small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.picker-trigger strong{font:20px var(--serif)}.picker-trigger>b{color:var(--gold)}.picker-menu{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 30px 80px #00000059}.picker-menu label{color:var(--muted);border-bottom:1px solid var(--line);gap:9px;padding:12px;display:flex}.picker-menu input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.picker-menu>div{max-height:310px;overflow:auto}.picker-menu a{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:13px 12px;display:grid}.picker-menu a:hover{background:var(--surface2)}.picker-menu a span,.picker-menu a b{color:var(--gold);font-size:11px}.picker-menu a strong{font:15px var(--serif)}.quiet-link{color:var(--muted);margin-top:20px;font-size:12px;position:relative}.home-features{background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:80px max(6vw,30px);display:grid}.home-features article{border-right:1px solid var(--line);padding:15px 45px}.home-features article:last-child{border:0}.home-features span{color:var(--gold);font:12px var(--serif)}.home-features h2{font:26px var(--serif)}.home-features p{color:var(--muted);font:15px/1.7 var(--serif)}.reader-page{grid-template-columns:285px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.reader-rail{border-right:1px solid var(--line);background:var(--surface);height:calc(100vh - 76px);padding:30px 18px;position:sticky;top:76px}.picker.compact{width:100%;margin:0}.compact .picker-trigger{box-shadow:none;padding:13px}.compact .picker-trigger strong{font-size:16px}.rail-nav{gap:8px;margin-top:20px;display:grid}.rail-nav button{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:12px}.rail-nav button:disabled{opacity:.3}.source-note{border-left:2px solid var(--gold);background:var(--surface2);padding:15px;position:absolute;bottom:25px;left:18px;right:18px}.source-note strong{color:var(--gold);font:15px var(--serif)}.source-note p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.5}.reading-area{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(22px,5vw,72px) 80px}.reading-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:84px;display:flex}.reader-search{color:var(--muted);align-items:center;gap:9px;display:flex}.reader-search input{width:min(330px,35vw);color:var(--text);background:0 0;border:0;outline:0}.surah-favorite{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:10px 15px}.surah-favorite.active{color:var(--gold);border-color:var(--gold)}.chapter-head{justify-content:space-between;align-items:center;padding:52px 0 35px;display:flex}.chapter-head small{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.chapter-head h1{font:52px/.95 var(--serif);margin:7px 0 4px}.chapter-head p{color:var(--muted);font-size:12px}.chapter-head>strong{color:var(--gold);font:52px var(--serif)}.edition-bar{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:4px;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;font-size:11px;display:flex}.edition-bar i{background:#77b98a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.edition-bar button{background:var(--gold);color:#142019;cursor:pointer;border:0;border-radius:3px;padding:9px 13px;font-weight:650}.verse-card{border-bottom:1px solid var(--line);padding:42px 0;animation:.45s both reveal}.verse-number{color:var(--gold);font:12px var(--serif);justify-content:space-between;align-items:center;display:flex}.verse-number button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:35px;height:35px}.verse-number button:disabled{opacity:.25;cursor:not-allowed}.verse-card .arabic{transition:font-size .2s}.translations.one{grid-template-columns:1fr}.tajweed tajweed{color:var(--text)}.tajweed .ham_wasl,.tajweed tajweed.ham_wasl{color:#8a98a8}.tajweed .laam_shamsiyah,.tajweed tajweed.laam_shamsiyah{color:#a3aab3}.tajweed .madda_normal,.tajweed .madda_permissible,.tajweed .madda_necessary,.tajweed tajweed[class*=madda]{color:#f0b44d}.tajweed .qalqalah,.tajweed tajweed.qalqalah{color:#4da6e8}.tajweed .ghunnah,.tajweed .ikhafa,.tajweed tajweed.ghunnah,.tajweed tajweed.ikhafa{color:#38b985}.tajweed .idgham_shafawi,.tajweed .idgham_ghunnah,.tajweed tajweed[class*=idgham]{color:#9e7ce6}.tajweed .iqlab,.tajweed tajweed.iqlab{color:#e66b98}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040c0a8c;place-items:center;padding:20px;animation:.2s reveal;display:grid;position:fixed;inset:0}.settings-modal{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(700px,96vw);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 35px 100px #00000073}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.modal-head small{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.modal-head h2{font:36px var(--serif);margin:5px 0 0}.setting-group{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:17px;padding:24px 0;display:grid}.setting-icon{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);font:17px var(--serif);border-radius:50%;place-items:center;display:grid}.setting-group h3{font:21px var(--serif);margin:0}.setting-group p{color:var(--muted);margin:5px 0 16px;font-size:12px}.setting-group label{color:var(--muted);margin-top:12px;font-size:11px;display:block}.setting-group select{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--text);border-radius:4px;margin-top:6px;padding:10px;display:block}.setting-group input[type=range]{width:calc(100% - 55px);accent-color:var(--gold);margin-top:10px}.setting-group output{float:right;color:var(--gold);margin-top:8px}.choice-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-row button{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;border-radius:5px;padding:12px}.choice-row button.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}.choice-row strong,.choice-row small{display:block}.choice-row small{color:var(--muted);margin-top:3px}.switch-line{justify-content:space-between;align-items:center;padding:10px 0;display:flex!important}.switch-line span small{color:var(--muted);margin-top:3px;display:block}.switch-line input{width:40px;height:20px;accent-color:var(--gold)}.modal-save{justify-content:center;width:100%;margin-top:24px}.favorites-page{min-height:calc(100vh - 76px);padding:90px max(7vw,30px)}.favorites-page>.eyebrow{justify-content:center}.favorites-page>h1{text-align:center;font:clamp(48px,7vw,84px)/1 var(--serif);margin:18px 0 8px}.favorites-page>p{text-align:center;color:var(--muted)}.favorite-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:60px auto;display:grid}.favorite-grid a{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:30px;transition:transform .2s,border-color .2s}.favorite-grid a:hover{border-color:var(--gold);transform:translateY(-4px)}.favorite-grid span{color:var(--gold);font-size:11px}.favorite-grid h2{font:28px var(--serif)}.favorite-grid b{color:var(--muted);font-size:11px}@media (width<=900px){.home-features{grid-template-columns:1fr}.home-features article{border-right:0;border-bottom:1px solid var(--line);padding:30px 0}.reader-page{display:block}.reader-rail{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;position:relative;top:0}.source-note{margin-top:20px;position:static}.reading-area{padding:0 20px 60px}.reading-top{min-height:72px}.reader-search input{width:42vw}.chapter-head h1{font-size:38px}.chapter-head>strong{font-size:35px}.favorite-grid{grid-template-columns:1fr}.topbar .text-button{font-size:0}.topbar .text-button:first-letter{font-size:16px}.settings-modal{padding:20px}.choice-row{grid-template-columns:1fr}.edition-bar{flex-direction:column;align-items:flex-start}.edition-bar button{width:100%}}.picker-trigger.simplified{text-align:center;justify-content:center;gap:30px;min-height:70px}.picker-trigger.simplified strong{font-size:24px}.picker-trigger.simplified b{margin-inline-start:250px;position:absolute}.reader-rail{flex-direction:column;display:flex;overflow:hidden}.rail-surahs{flex-direction:column;flex:1;min-height:0;display:flex}.rail-surahs h2{font:24px var(--serif);margin:0 0 14px}.rail-surahs>label{border:1px solid var(--line);color:var(--muted);border-radius:4px;gap:8px;padding:10px 12px;display:flex}.rail-surahs input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.rail-surahs>div{scrollbar-width:thin;min-height:0;margin-top:10px;overflow:auto}.rail-surahs button{border:0;border-bottom:1px solid var(--line);text-align:start;cursor:pointer;background:0 0;border-radius:3px;grid-template-columns:42px 1fr;gap:8px;width:100%;padding:11px 9px;display:grid}.rail-surahs button:hover,.rail-surahs button.active{background:var(--surface2)}.rail-surahs button.active{box-shadow:inset 2px 0 var(--gold)}.rail-surahs button span{color:var(--gold);font:11px var(--serif)}.rail-surahs button strong{font:14px var(--serif)}.rail-nav{flex:none;grid-template-columns:1fr 1fr;margin-top:14px}.rail-nav button{padding:10px;font-size:10px}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:0;display:block}.footer-main{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:112px;padding:25px max(5vw,30px);display:grid}.footer-main nav{color:var(--muted);gap:28px;font-size:12px;display:flex}.language-select{color:var(--muted);justify-self:end;align-items:center;gap:12px;font-size:11px;display:flex}.language-select select{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:4px;padding:10px 28px 10px 11px}.credits{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:20px;padding:14px max(5vw,30px);font-size:10px;display:flex}.credits p{text-align:center;margin:0}[dir=rtl] .topbar,[dir=rtl] .footer-main,[dir=rtl] .credits,[dir=rtl] .home-hero,[dir=rtl] .favorites-page{direction:rtl}[dir=rtl] .reader-page{direction:rtl;grid-template-columns:minmax(0,1fr) 285px}[dir=rtl] .reader-rail{border-right:0;border-left:1px solid var(--line);grid-column:2}[dir=rtl] .reading-area{grid-area:1/1}[dir=rtl] .rail-surahs button.active{box-shadow:inset -2px 0 var(--gold)}@media (width<=900px){.reader-rail{border-left:0!important;border-right:0!important;height:520px!important}.footer-main{text-align:center;grid-template-columns:1fr}.footer-main .brand{justify-self:center}.footer-main nav{justify-content:center}.language-select{flex-direction:column;justify-self:center}.credits{text-align:center;flex-direction:column}.picker-trigger.simplified b{margin:0;position:static}}.tajweed tajweed.ham_wasl,.tajweed tajweed.slnt,.tajweed tajweed.idgh_mus{color:#9aa2a1}.tajweed tajweed.madda_normal{color:#5e91ff}.tajweed tajweed.madda_permissible{color:#7b78ff}.tajweed tajweed.madda_necessary{color:#3949d9}.tajweed tajweed.madda_obligatory{color:#4770df}.tajweed tajweed.qlq{color:#ef5350}.tajweed tajweed.ikhf_shfw{color:#e052c2}.tajweed tajweed.ikhf{color:#b868d4}.tajweed tajweed.idghm_shfw,.tajweed tajweed.idgh_ghn,.tajweed tajweed.idgh_w_ghn{color:#62bd6c}.tajweed tajweed.iqlb{color:#40bde8}.tajweed tajweed.ghn{color:#f39a47}.logo-brand{flex:none;width:164px;height:58px;overflow:hidden}.logo-crop{width:164px;height:58px;display:block;position:relative;overflow:hidden}.logo-crop img{filter:drop-shadow(0 4px 14px #d9b96e1f);width:280px;max-width:none;height:auto;transition:transform .45s,filter .45s;position:absolute;top:-49px;left:-56px}.logo-brand:hover img{filter:drop-shadow(0 5px 18px #d9b96e4d);transform:scale(1.035)}.home-hero .eyebrow{animation:.8s cubic-bezier(.16,1,.3,1) 50ms both text-rise}.home-hero h1{animation:1s cubic-bezier(.16,1,.3,1) .16s both text-rise}.home-hero .lede{animation:.9s cubic-bezier(.16,1,.3,1) .32s both text-rise}.home-hero .picker{animation:.9s cubic-bezier(.16,1,.3,1) .46s both text-rise}.home-hero .quiet-link{animation:.9s cubic-bezier(.16,1,.3,1) .58s both text-rise}.home-hero h1 em{background:linear-gradient(100deg,var(--gold) 15%,#fff1bb 46%,var(--gold) 72%);color:#0000;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out 1.1s infinite gold-sheen;display:inline-block}.home-hero .eyebrow span{transform-origin:50%;animation:3.2s ease-in-out infinite line-breathe}.topbar nav a:after,.footer-main nav a:after{content:"";background:var(--gold);width:0;height:1px;margin-top:5px;transition:width .3s;display:block}.topbar nav a:hover:after,.topbar nav a.active:after,.footer-main nav a:hover:after{width:100%}.home-features article{animation:.7s cubic-bezier(.16,1,.3,1) both text-rise}.home-features article:nth-child(2){animation-delay:.12s}.home-features article:nth-child(3){animation-delay:.24s}.home-features h2,.favorite-grid h2,.chapter-head h1{transition:letter-spacing .35s,color .35s}.home-features article:hover h2,.favorite-grid a:hover h2{letter-spacing:.025em;color:var(--gold)}.chapter-head h1{animation:.75s cubic-bezier(.16,1,.3,1) both title-focus}.favorites-page>h1{animation:.85s cubic-bezier(.16,1,.3,1) both text-rise}.picker-trigger strong{transition:letter-spacing .35s}.picker-trigger:hover strong{letter-spacing:.025em}@keyframes text-rise{0%{opacity:0;filter:blur(8px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes gold-sheen{0%,62%,to{background-position:100%}82%{background-position:-100%}}@keyframes line-breathe{0%,to{opacity:.55;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1.08)}}@keyframes title-focus{0%{opacity:0;letter-spacing:.08em;filter:blur(7px)}to{opacity:1;letter-spacing:-.045em;filter:blur()}}@media (width<=700px){.logo-brand,.logo-crop{width:120px}.logo-crop img{width:230px;top:-36px;left:-49px}.topbar{padding-inline:15px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}}@media (prefers-reduced-motion:reduce){.home-hero .eyebrow,.home-hero h1,.home-hero .lede,.home-hero .picker,.home-hero .quiet-link,.home-hero h1 em,.home-hero .eyebrow span,.home-features article,.chapter-head h1,.favorites-page>h1{filter:none!important;animation:none!important}}.home-hero{z-index:4;overflow:visible}.home-features{z-index:1;position:relative}.picker{z-index:120}.picker-menu{z-index:999;transform-origin:top;animation:.38s cubic-bezier(.16,1,.3,1) both menu-unfold;box-shadow:0 32px 100px #00000080}.picker-menu a{opacity:0;animation:.34s cubic-bezier(.16,1,.3,1) forwards menu-row}.picker-menu a:first-child{animation-delay:40ms}.picker-menu a:nth-child(2){animation-delay:70ms}.picker-menu a:nth-child(3){animation-delay:.1s}.picker-menu a:nth-child(4){animation-delay:.13s}.picker-menu a:nth-child(n+5){animation-delay:.16s}.picker-trigger,.picker-menu,.settings-modal,.favorite-grid a,.edition-bar,.choice-row button,.setting-group select,.rail-nav button,.rail-surahs>label,.text-button,.language-select select{border-radius:14px}.picker-menu label{border-radius:10px 10px 4px 4px}.picker-menu a{border-radius:9px}.primary{border-radius:12px}.home-features article{border-radius:16px}.surah-favorite{border-radius:999px}.rail-surahs button{border-radius:9px}.verse-card{border-radius:18px;padding-inline:18px;transition:background .3s}.verse-card:hover{background:color-mix(in srgb,var(--surface) 46%,transparent)}.reading-top{animation:.65s cubic-bezier(.16,1,.3,1) both text-rise}.chapter-head>div{animation:.78s cubic-bezier(.16,1,.3,1) 80ms both text-rise}.chapter-head>strong{animation:.9s cubic-bezier(.16,1,.3,1) .18s both arabic-arrive}.edition-bar{animation:.7s cubic-bezier(.16,1,.3,1) .28s both text-rise}.favorites-page>.eyebrow{animation:.65s cubic-bezier(.16,1,.3,1) both text-rise}.favorites-page>p{animation:.72s cubic-bezier(.16,1,.3,1) .16s both text-rise}.favorite-grid a{animation:.58s cubic-bezier(.16,1,.3,1) both text-rise}.favorite-grid a:nth-child(2n){animation-delay:80ms}.site-footer .footer-main>*{animation:.55s cubic-bezier(.16,1,.3,1) both text-rise}.site-footer .footer-main>:nth-child(2){animation-delay:80ms}.site-footer .footer-main>:nth-child(3){animation-delay:.16s}@keyframes menu-unfold{0%{opacity:0;filter:blur(5px);transform:translateY(-12px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes menu-row{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes arabic-arrive{0%{opacity:0;filter:blur(7px);transform:translate(24px)}to{opacity:1;filter:blur();transform:translate(0)}}@media (width<=700px){.logo-brand,.logo-crop{width:108px;height:47px}.logo-crop img{width:215px;top:-34px;left:-47px}.picker{z-index:150}.picker-menu{max-height:calc(100vh - 110px);position:fixed;top:88px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.picker-menu,.picker-menu a,.reading-top,.chapter-head>div,.chapter-head>strong,.edition-bar,.favorites-page>.eyebrow,.favorites-page>p,.favorite-grid a,.site-footer .footer-main>*{filter:none!important;animation:none!important}}.home-features{perspective:1000px;gap:22px}.home-features article{background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 88%,transparent),color-mix(in srgb,var(--bg) 65%,transparent));transform-origin:50%;padding:34px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;animation:linear both card-scroll-grow;animation-timeline:view();animation-range:entry 5% cover 38%;position:relative;box-shadow:0 18px 50px #0000001f;border:1px solid var(--line)!important}.home-features article:hover{transform:translateY(-8px)scale(1.035);box-shadow:0 28px 70px #0000003d;border-color:color-mix(in srgb,var(--gold) 60%,var(--line))!important}.home-features article>span{border:1px solid var(--gold);border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:22px;display:grid}.home-features h2{margin-top:0}@keyframes card-scroll-grow{0%{opacity:.25;transform:translateY(45px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}.tajweed-legend{background:var(--surface2);border:1px solid var(--line);border-radius:14px;margin-top:16px;padding:15px}.tajweed-legend h4{font:15px var(--serif);color:var(--text);margin:0 0 12px}.tajweed-legend>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tajweed-legend span{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.tajweed-legend i{width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent);border-radius:50%}.tajweed-legend .madda_normal{background:#5e91ff}.tajweed-legend .madda_permissible{background:#7b78ff}.tajweed-legend .madda_necessary{background:#3949d9}.tajweed-legend .qlq{background:#ef5350}.tajweed-legend .ghn{background:#f39a47}.tajweed-legend .ikhf{background:#b868d4}.tajweed-legend .iqlb{background:#40bde8}.tajweed-legend .idgh_ghn{background:#62bd6c}.chapter-actions{align-items:center;gap:16px;margin:0 0 24px;display:flex}.chapter-actions small{max-width:440px;color:var(--muted);font-size:10px;line-height:1.5}.play-surah{background:var(--gold);color:#122019;cursor:pointer;box-shadow:0 12px 32px color-mix(in srgb,var(--gold) 16%,transparent);border:0;border-radius:14px;align-items:center;gap:10px;padding:13px 19px;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex}.play-surah:hover{box-shadow:0 17px 38px color-mix(in srgb,var(--gold) 25%,transparent);transform:translateY(-2px)}.verse-card.reciting{background:color-mix(in srgb,var(--gold) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);transform:scale(1.012);box-shadow:0 18px 55px #00000029}.verse-card.reciting .arabic{color:var(--gold);text-shadow:0 0 28px color-mix(in srgb,var(--gold) 18%,transparent)}.media-player{z-index:90;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;grid-template-columns:minmax(180px,1fr) auto minmax(220px,1.4fr) 34px;align-items:center;gap:22px;width:min(920px,100vw - 34px);padding:14px 18px;animation:.45s cubic-bezier(.16,1,.3,1) both player-rise;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 28px 85px #0000006b}.player-track{align-items:center;gap:12px;min-width:0;display:flex}.player-art{background:var(--gold);color:#122019;width:42px;height:42px;font:22px var(--serif);border-radius:13px;flex:none;place-items:center;display:grid}.player-track div{min-width:0}.player-track small{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:8px;display:block}.player-track strong{text-overflow:ellipsis;white-space:nowrap;font:15px var(--serif);margin-top:4px;display:block;overflow:hidden}.player-controls{align-items:center;gap:8px;display:flex}.player-controls button,.player-close{border:1px solid var(--line);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.player-controls button:disabled{opacity:.25}.player-controls .main-play{background:var(--gold);color:#122019;border:0;width:44px;height:44px}.player-progress{color:var(--muted);grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;font-size:9px;display:grid}.player-progress input{width:100%;accent-color:var(--gold)}.player-close{border:0;font-size:18px}@keyframes player-rise{0%{opacity:0;transform:translate(-50%,28px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (width<=760px){.home-features{gap:14px}.home-features article{padding:26px}.tajweed-legend>div{grid-template-columns:1fr}.chapter-actions{flex-direction:column;align-items:flex-start}.media-player{grid-template-columns:1fr auto 26px;gap:10px;padding:11px;bottom:10px}.player-progress{grid-area:2/1/auto/-1}.player-track strong{max-width:42vw}.player-close{grid-area:1/3}.player-controls{grid-area:1/2}.player-controls>button:not(.main-play){display:none}}@media (prefers-reduced-motion:reduce){.home-features article{animation:none!important;transform:none!important}.media-player{animation:none!important}.verse-card.reciting{transform:none!important}}.logo-brand,.logo-crop{width:138px;height:51px}.logo-crop img{width:138px;top:0;left:0}.footer-logo{height:54px}.verse-jump{align-items:center;gap:8px;display:flex}.verse-jump>button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.verse-jump>button:disabled{opacity:.25;cursor:default}.verse-jump label{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex}.verse-jump label span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.verse-jump select{background:var(--surface2);color:var(--text);border:0;border-radius:9px;outline:0;padding:4px 24px 4px 7px;font-size:12px}.chapter-actions{width:100%;margin-bottom:30px;display:block}.play-surah{border-radius:18px;justify-content:center;width:100%;min-height:56px;font-size:14px}.chapter-actions small{text-align:center;max-width:none;margin-top:10px;display:block}.verse-stack{gap:22px;display:grid}.verse-card{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);border-radius:30px;margin:0;padding:32px 30px;box-shadow:0 12px 38px #00000014}.verse-card:hover{background:var(--surface);border-color:color-mix(in srgb,var(--gold) 26%,var(--line));box-shadow:0 20px 55px #00000024}.verse-card.reciting{border-radius:30px}.verse-stack+.empty{margin-top:20px}.player-track{min-width:0}.player-verse{-webkit-line-clamp:2;width:175px;color:var(--gold);text-align:right;-webkit-box-orient:vertical;flex:none;font:17px/1.5 Traditional Arabic,Noto Naskh Arabic,serif;display:-webkit-box;overflow:hidden}.player-track>div{padding-inline-start:3px}@media (width<=760px){.logo-brand,.logo-crop{width:104px;height:42px}.logo-crop img{width:104px;top:2px;left:0}.reading-top{flex-direction:column;align-items:flex-start;padding:14px 0}.verse-jump{width:100%}.verse-jump label{flex:1;justify-content:space-between}.verse-jump label span{font-size:8px}.surah-favorite{align-self:flex-end}.verse-card{border-radius:24px;padding:24px 18px}.player-verse{width:100px;font-size:14px}.player-track>div{display:none}}.player-ayah-number{border:1px solid var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface));width:44px;height:44px;color:var(--gold);font:700 17px var(--serif);border-radius:14px;flex:none;place-items:center;display:grid}@media (width<=760px){.player-ayah-number{border-radius:12px;width:40px;height:40px}.player-track>div{display:block}.player-track strong{max-width:25vw}}.topbar{grid-template-columns:1fr auto 1fr;display:grid}.topbar>.brand{justify-self:start}.topbar>nav{justify-self:center;position:static}.topbar>.header-actions{justify-self:end}.resume-toast{z-index:140;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;width:min(380px,100vw - 32px);padding:16px 18px;animation:.55s cubic-bezier(.16,1,.3,1) both toast-enter;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 28px 80px #00000061}.resume-toast.closing{animation:.28s both toast-exit}.resume-icon{background:var(--gold);color:#132019;border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.resume-toast div{min-width:0}.resume-toast small{color:var(--muted);font-size:10px;display:block}.resume-toast strong{text-overflow:ellipsis;white-space:nowrap;font:15px var(--serif);margin-top:4px;display:block;overflow:hidden}.resume-toast>a{background:var(--gold);color:#132019;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:700}.resume-close{color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;top:3px;right:6px}@keyframes toast-enter{0%{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.94)}to{opacity:1;filter:none;transform:none}}@keyframes toast-exit{to{opacity:0;filter:blur(4px);transform:translateY(18px)scale(.96)}}.modal-layer{animation:.3s both modal-backdrop-in}.settings-modal{animation:.48s cubic-bezier(.16,1,.3,1) both settings-enter}.setting-group{opacity:0;animation:.46s cubic-bezier(.16,1,.3,1) forwards setting-copy-in}.setting-group:nth-child(2){animation-delay:80ms}.setting-group:nth-child(3){animation-delay:.16s}.setting-group:nth-child(4){animation-delay:.24s}.modal-layer.closing{animation:.3s both modal-backdrop-out}.modal-layer.closing .settings-modal{animation:.3s both settings-exit}.warsh-setting-note{background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px solid color-mix(in srgb,var(--gold) 20%,var(--line));border-radius:10px;padding:10px 12px!important}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{to{opacity:0}}@keyframes settings-enter{0%{opacity:0;filter:blur(7px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes settings-exit{to{opacity:0;filter:blur(5px);transform:translateY(20px)scale(.97)}}@keyframes setting-copy-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=900px){.topbar{display:flex}.resume-toast{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.resume-toast,.resume-toast.closing,.modal-layer,.modal-layer.closing,.settings-modal,.modal-layer.closing .settings-modal,.setting-group{opacity:1!important;filter:none!important;animation:none!important}}body{font-family:var(--sans)}.settings-modal{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--gold) 4%),var(--surface));border-radius:32px;width:min(760px,96vw);padding:30px;box-shadow:0 40px 120px #00000085}.modal-head{padding:2px 4px 20px}.modal-head .icon{font:24px/1 var(--sans);border-radius:15px}.setting-group{border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 62%,transparent);border-radius:24px;margin-top:14px;padding:22px}.setting-icon{background:color-mix(in srgb,var(--gold) 10%,transparent);font-family:var(--sans);border-radius:14px;font-weight:650}.setting-icon.arabic-icon{font-family:Traditional Arabic,serif;font-size:25px}.choice-row button{border-radius:16px}.setting-group select{border-radius:14px;min-height:44px}.audio-options{grid-template-columns:140px 1fr;align-items:end;gap:18px;display:grid}.audio-availability{background:color-mix(in srgb,var(--gold) 8%,transparent);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:13px;padding:11px 13px;margin-top:12px!important}.audio-availability b{color:var(--gold)}.warsh-setting-note{border-radius:14px}.modal-save{border-radius:16px;min-height:50px}.play-surah:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.chapter-actions .audio-warning{color:#e18b78}@media (width<=620px){.settings-modal{border-radius:25px;padding:17px}.setting-group{border-radius:20px;grid-template-columns:36px 1fr;gap:12px;padding:17px}.setting-icon{width:36px;height:36px}.audio-options{grid-template-columns:1fr}}.basmala{text-align:center;color:var(--gold);border-block:1px solid var(--line);background:radial-gradient(circle at center,color-mix(in srgb,var(--gold) 8%,transparent),transparent 66%);margin:-4px 0 26px;padding:20px;font:clamp(31px,4vw,46px)/1.8 Traditional Arabic,Noto Naskh Arabic,serif;animation:.7s cubic-bezier(.16,1,.3,1) both text-rise}.surah-closing{text-align:center;flex-direction:column;align-items:center;margin:42px 0 12px;padding:34px 20px;display:flex}.surah-closing span{background:var(--gold);width:52px;height:1px;margin-bottom:20px}.surah-closing p{color:var(--gold);margin:0;font:clamp(28px,3.5vw,42px)/1.7 Traditional Arabic,Noto Naskh Arabic,serif}.surah-closing small{color:var(--muted);font:italic 13px var(--serif);letter-spacing:.04em;direction:ltr;margin-top:4px}.study-tools{margin-top:18px}.study-toggle{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--gold);cursor:pointer;border-radius:16px;justify-content:space-between;padding:14px 18px;font-weight:700;display:flex}.study-panel{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:24px;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;padding:12px;animation:.35s cubic-bezier(.16,1,.3,1) menu-unfold;display:grid}.study-card{border:1px solid var(--line);background:var(--surface2);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.study-card>strong{font:20px var(--serif);color:var(--gold)}.study-card label,.study-card small{color:var(--muted);font-size:10px;line-height:1.5}.study-card select,.study-card input[type=number]{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:10px;margin-top:5px;padding:9px}.study-card button{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:11px;padding:10px 12px}.study-card button:hover{border-color:var(--gold)}.mini-switch{align-items:center;gap:8px;display:flex}.range-pickers{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.progress-numbers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.progress-numbers span{background:var(--surface);color:var(--muted);border-radius:11px;padding:10px;font-size:10px}.progress-numbers b{color:var(--gold);font:22px var(--serif);display:block}.comparison-panel{border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:var(--surface);border-radius:24px;margin:0 0 24px;padding:22px}.comparison-panel>div{position:relative}.comparison-panel h2{font:27px var(--serif);margin:5px 0 18px}.comparison-panel>div small{color:var(--gold);letter-spacing:.14em;font-size:9px}.comparison-panel>div button{color:var(--muted);background:0 0;border:0;font-size:22px;position:absolute;top:0;right:0}.comparison-panel article{border-top:1px solid var(--line);grid-template-columns:34px 1fr 1fr;gap:14px;padding:15px 0;display:grid}.comparison-panel article b{color:var(--gold)}.comparison-panel article p{margin:0;font:20px/1.8 Traditional Arabic,serif}.comparison-panel>small{color:var(--muted);margin-top:12px;display:block}.memory-hide-arabic .verse-card .arabic{-webkit-user-select:none;user-select:none;color:#0000!important;text-shadow:0 0 18px color-mix(in srgb,var(--text) 26%,transparent)!important}.memory-hide-arabic .verse-card:hover .arabic,.memory-hide-arabic .verse-card:focus-within .arabic{color:var(--text)!important;text-shadow:none!important}.focus-reading .topbar,.focus-reading .reader-rail,.focus-reading .reading-top,.focus-reading .study-tools,.focus-reading .site-footer,.focus-reading .translations,.focus-reading .transliteration,.focus-reading .chapter-actions{display:none!important}.focus-reading .reader-page{display:block}.focus-reading .reading-area{max-width:900px;padding-top:20px}.focus-reading .verse-card{flex-direction:column;justify-content:center;min-height:45vh;display:flex}@media (width<=760px){.study-panel{grid-template-columns:1fr}.range-pickers{grid-template-columns:1fr 1fr 1fr}.comparison-panel article{grid-template-columns:28px 1fr}.comparison-panel article p:last-child{grid-column:2}}.mushaf-nav{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;display:flex}.mushaf-nav>span{color:var(--gold);font:15px var(--serif);margin-right:auto}.mushaf-nav label{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:9px;display:flex}.mushaf-nav select{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:9px;padding:7px 25px 7px 8px}@media (width<=760px){.mushaf-nav{flex-wrap:wrap}.mushaf-nav>span{width:100%;margin:0}.mushaf-nav label{flex:1}.mushaf-nav select{width:100%}}.settings-tabs{z-index:2;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 6px;padding:6px;display:grid;position:sticky;top:-30px}.settings-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:11px}.settings-tabs button.active{background:var(--gold);color:#142019;font-weight:700}.customize-tab{padding-top:8px}.customize-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.customize-grid .progress-card{grid-column:1/-1}.study-setting{margin-top:14px!important}.study-action{border:1px solid var(--gold);background:var(--gold);color:#142019;cursor:pointer;border-radius:12px;width:100%;margin-top:14px;padding:11px}.study-action:disabled{opacity:.45;cursor:not-allowed}@media (width<=620px){.settings-tabs{top:-17px}.customize-grid{grid-template-columns:1fr}.customize-grid .progress-card{grid-column:auto}}.customize-tab{animation:.38s cubic-bezier(.16,1,.3,1) both customize-enter}.customize-tab .study-card{opacity:0;animation:.48s cubic-bezier(.16,1,.3,1) forwards setting-copy-in}.customize-tab .study-card:first-child{animation-delay:60ms}.customize-tab .study-card:nth-child(2){animation-delay:.14s}.customize-tab .study-card:nth-child(3){animation-delay:.22s}.customize-tab .study-card>strong,.customize-tab .study-card>label,.customize-tab .study-card>button,.customize-tab .study-card>small,.customize-tab .progress-numbers{animation:.42s cubic-bezier(.16,1,.3,1) both text-rise}.customize-tab .study-card>label{animation-delay:80ms}.customize-tab .study-card>button{animation-delay:.13s}@keyframes customize-enter{0%{opacity:0;filter:blur(5px);transform:translate(14px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.customize-tab,.customize-tab .study-card,.customize-tab .study-card>*{opacity:1!important;filter:none!important;animation:none!important}}.customize-tab .study-card>*{opacity:0;animation:.68s cubic-bezier(.16,1,.3,1) forwards custom-text-in!important}.customize-tab .study-card>strong{animation-delay:.12s!important}.customize-tab .study-card>label,.customize-tab .progress-numbers{animation-delay:.22s!important}.customize-tab .study-card>button:first-of-type{animation-delay:.32s!important}.customize-tab .study-card>button:nth-of-type(2){animation-delay:.42s!important}.customize-tab .study-card>small{animation-delay:.5s!important}.customize-tab .progress-numbers span{opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) .3s forwards custom-text-in}.customize-tab .progress-numbers span:nth-child(2){animation-delay:.38s}@keyframes custom-text-in{0%{opacity:0;filter:blur(7px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.customize-tab .study-card>*,.customize-tab .progress-numbers span{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}.offline-downloads{gap:8px;display:grid}.offline-downloads button{width:100%}.offline-downloads .offline-clear{color:var(--muted);border-style:dashed}.download-status{background:color-mix(in srgb,var(--gold) 9%,transparent);border-radius:12px;padding:10px 12px;display:block;color:var(--gold)!important}.connection-toast{z-index:180;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;width:min(410px,100vw - 32px);padding:14px 16px;animation:.45s cubic-bezier(.16,1,.3,1) both toast-enter;display:grid;position:fixed;bottom:24px;right:20px;box-shadow:0 26px 80px #00000073}.connection-toast>span{background:var(--gold);color:#132019;border-radius:12px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.connection-toast p{margin:0;font-size:12px;line-height:1.5}.connection-toast button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:20px}@media (width<=700px){.connection-toast{right:10px;bottom:calc(106px + env(safe-area-inset-bottom));border-radius:24px;width:calc(100vw - 20px)}.offline-downloads button{min-height:50px}}.install-app{border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 12%,var(--surface));min-height:42px;color:var(--gold);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) both text-rise;display:flex}.install-app span:first-child{font-size:18px;line-height:1}@media (width<=900px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{border-bottom:1px solid var(--line);height:68px;padding:0 15px;position:sticky;top:0}.topbar nav{z-index:150;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 93%,transparent);border:1px solid color-mix(in srgb,var(--gold) 24%,var(--line));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;animation:.55s cubic-bezier(.16,1,.3,1) both mobile-nav-rise;display:grid;position:fixed;box-shadow:0 18px 55px #0000006b}.topbar nav a{min-height:50px;color:var(--muted);border-radius:17px;place-items:center;padding:8px 5px;font-size:11px;font-weight:650;transition:background .25s,color .25s,transform .25s;display:grid}.topbar nav a.active{background:var(--gold);color:#101a16;box-shadow:0 8px 24px color-mix(in srgb,var(--gold) 22%,transparent)}.topbar nav a.active:after,.topbar nav a:after{display:none}.topbar nav a:active{transform:scale(.96)}.install-app{justify-content:center;width:42px;padding:0}.install-app span:last-child{display:none}.media-player{bottom:calc(88px + env(safe-area-inset-bottom))}.resume-toast{bottom:calc(94px + env(safe-area-inset-bottom))}}@keyframes mobile-nav-rise{0%{opacity:0;filter:blur(6px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.install-app,.topbar nav{animation:none!important}}@media (width<=700px){html{font-size:17px}body{padding-bottom:calc(104px + env(safe-area-inset-bottom));font-size:17px;line-height:1.55}button,select,input,a{touch-action:manipulation}button,select{min-height:48px}.topbar{z-index:200;top:auto;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;grid-template-columns:68px minmax(0,1fr) auto;gap:7px;height:82px;padding:7px 8px;animation:.55s cubic-bezier(.16,1,.3,1) both mobile-nav-rise;display:grid;position:fixed;box-shadow:0 22px 65px #00000080}.topbar>.brand{background:#050706;border-radius:21px;justify-self:stretch;place-items:center;width:68px;height:66px;padding:7px;display:grid;overflow:hidden}.topbar .logo-crop{width:62px;height:36px;overflow:hidden}.topbar .logo-crop img{width:62px;height:auto;top:0;left:0}.topbar nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(48px,1fr));gap:4px;padding:0;animation:none;display:grid;position:static;inset:auto}.topbar nav a{letter-spacing:.01em;border-radius:20px;place-items:center;min-width:0;min-height:66px;padding:7px 4px;font-size:12px;font-weight:750;display:grid}.topbar nav a.active{background:var(--gold);color:#101a16;box-shadow:0 8px 24px color-mix(in srgb,var(--gold) 24%,transparent)}.topbar>.header-actions{justify-self:end;gap:5px;display:flex}.topbar .icon,.topbar .text-button,.topbar .install-app{border-radius:20px;width:48px;height:66px;min-height:66px;padding:0}.topbar .text-button{font-size:0}.topbar .text-button span,.topbar .theme-trigger{font-size:21px}.home-hero{min-height:calc(100svh - 30px);padding:48px 18px 124px}.home-hero h1{margin:15px 0;font-size:clamp(43px,13vw,58px);line-height:.98}.home-hero .lede{max-width:34rem;margin:14px auto 26px;font-size:18px;line-height:1.65}.eyebrow{letter-spacing:.18em;font-size:11px}.picker{width:100%;max-width:520px}.picker-trigger{border-radius:20px;min-height:68px;padding:15px 17px}.picker-trigger strong{font-size:20px}.picker-menu{border-radius:22px}.picker-menu a{min-height:58px;padding:14px 12px}.picker-menu a strong{font-size:17px}.quiet-link{font-size:14px}.home-features{padding:36px 18px 120px}.home-features article{border:1px solid var(--line);background:var(--surface2);border-radius:24px;padding:26px 20px}.home-features h2{font-size:26px}.home-features p{font-size:16px}.reader-page{min-height:100svh}.reader-rail{padding:22px 14px}.rail-nav button,.rail-surahs button{border-radius:16px;min-height:54px;font-size:15px}.reading-area{padding:0 14px 130px}.reading-top{gap:12px;padding:16px 0}.reading-top>*{width:100%}.verse-jump>button{border-radius:16px;width:50px;height:50px}.verse-jump label{border-radius:16px;min-height:50px}.verse-jump label span{font-size:10px}.verse-jump select{font-size:15px}.surah-favorite{align-self:stretch;min-height:50px;font-size:14px}.chapter-head{gap:12px;padding:34px 2px 26px}.chapter-head h1{font-size:42px}.chapter-head>strong{font-size:39px}.chapter-head p{font-size:14px}.edition-bar{border-radius:18px;padding:15px;font-size:13px}.edition-bar button{border-radius:14px;min-height:50px;font-size:15px}.play-surah{border-radius:20px;min-height:62px;font-size:16px}.basmala{padding:18px 8px;font-size:34px}.verse-stack{gap:18px}.verse-card{border-radius:26px;padding:25px 18px}.verse-number{font-size:14px}.verse-number button{width:48px;height:48px}.verse-card .arabic{font-size:clamp(33px,9.5vw,43px);line-height:2.05}.transliteration{font-size:18px;line-height:1.75}.translations small{font-size:11px}.translations p{font-size:17px;line-height:1.75}.study-toggle{min-height:54px;font-size:15px}.study-card{padding:18px}.study-card button{min-height:50px;font-size:14px}.study-card label,.study-card small{font-size:12px}.settings-modal{border-radius:28px;width:calc(100vw - 20px);max-height:calc(100svh - 24px);padding:16px}.settings-tabs button,.choice-row button,.modal-save{min-height:52px;font-size:15px}.setting-group{padding:17px}.setting-group label,.setting-group p{font-size:14px}.media-player{bottom:calc(104px + env(safe-area-inset-bottom));border-radius:24px;width:calc(100vw - 20px)}.resume-toast{right:10px;bottom:calc(110px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}.site-footer{padding-bottom:20px}.footer-main{padding:28px 18px}.credits{padding:18px}}.mobile-surah-back,.mobile-chapter-nav{display:none}@media (width<=700px){.topbar{left:22px;right:22px;bottom:calc(17px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:38px;grid-template-columns:minmax(0,1fr) auto;gap:8px;height:78px;padding:6px;box-shadow:0 18px 54px #00000075,inset 0 1px #ffffff0d}.topbar>.brand{display:none}.topbar nav{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;position:relative}.topbar nav:before{content:"";z-index:-1;inset-block:0;background:var(--gold);width:calc(33.3333% - 4px);box-shadow:0 8px 22px color-mix(in srgb,var(--gold) 22%,transparent);will-change:transform;border-radius:999px;position:absolute;left:0}.topbar nav:has(a:first-child.active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-home}.topbar nav:has(a:nth-child(2).active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-read}.topbar nav:has(a:nth-child(3).active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-favorites}.topbar nav a{z-index:1;border-radius:999px;min-height:64px;padding:8px 9px;font-size:13px;font-weight:760;position:relative}.topbar nav a.active{box-shadow:none;background:0 0}.topbar>.header-actions{gap:6px}.topbar .install-app{display:none}.topbar .icon,.topbar .text-button{border-radius:999px;width:46px;height:64px;min-height:64px}.reader-page .reader-rail{display:none}.reader-page.mobile-selecting{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--gold) 8%,transparent),transparent 34%);min-height:calc(100svh - 104px);padding:0 14px 112px;display:block}.reader-page.mobile-selecting .reader-rail{background:0 0;width:100%;min-height:600px;padding:32px 4px 18px;animation:.5s cubic-bezier(.16,1,.3,1) both text-rise;display:flex;position:relative;top:0;border:0!important;height:calc(100svh - 124px)!important}.reader-page.mobile-selecting .reading-area,.reader-page.mobile-selecting~.site-footer{display:none}.mobile-selecting .rail-surahs h2{letter-spacing:-.035em;margin:0 0 20px;padding:0 4px;font-size:36px}.mobile-selecting .rail-surahs>label{background:var(--surface);border-radius:20px;align-items:center;min-height:58px;padding:13px 16px;font-size:18px}.mobile-selecting .rail-surahs input{font-size:16px}.mobile-selecting .rail-surahs>div{margin-top:14px;padding:2px 2px 20px}.mobile-selecting .rail-surahs button{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:22px;grid-template-columns:52px 1fr;align-items:center;min-height:68px;margin-bottom:8px;padding:12px 16px;box-shadow:0 8px 24px #00000014}.mobile-selecting .rail-surahs button.active{border-color:color-mix(in srgb,var(--gold) 65%,var(--line));box-shadow:inset 3px 0 var(--gold),0 10px 28px #0000001f}.mobile-selecting .rail-surahs button span{font-size:13px}.mobile-selecting .rail-surahs button strong{font-size:18px}.mobile-selecting .rail-nav{display:none}.mobile-surah-back{border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--surface));width:100%;min-height:54px;color:var(--text);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin:14px 0 2px;font-size:15px;font-weight:700;display:flex}.mobile-chapter-nav{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 2px;display:grid}.mobile-chapter-nav button{border:1px solid var(--line);background:var(--surface);min-height:52px;color:var(--text);cursor:pointer;border-radius:18px;padding:10px 12px;font-size:13px;font-weight:700}.mobile-chapter-nav button:disabled{opacity:.3;cursor:default}}@keyframes mobile-pill-home{0%{transform:translate(calc(100% + 6px))scale(.92)}to{transform:translate(0)scale(1)}}@keyframes mobile-pill-read{0%{transform:translate(0)scale(.92)}to{transform:translate(calc(100% + 6px))scale(1)}}@keyframes mobile-pill-favorites{0%{transform:translate(calc(100% + 6px))scale(.92)}to{transform:translate(calc(200% + 12px))scale(1)}}@media (prefers-reduced-motion:reduce){.topbar nav:before{animation:none!important}.topbar nav:has(a:nth-child(2).active):before{transform:translate(calc(100% + 6px))}.topbar nav:has(a:nth-child(3).active):before{transform:translate(calc(200% + 12px))}}@media (width>=701px){.reader-rail .rail-surahs>label{background:var(--surface2);border-radius:16px;align-items:center;min-height:48px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.reader-rail .rail-surahs>label:focus-within,.picker-menu label:focus-within{border-color:color-mix(in srgb,var(--gold) 70%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent)}.reader-rail .rail-surahs input,.picker-menu input{font-size:14px}}@media (width<=700px){.topbar>.header-actions{transform:translate(-4px)}.mobile-selecting .rail-surahs{align-items:stretch;width:100%}.mobile-selecting .rail-surahs h2{text-align:center}.mobile-selecting .rail-surahs>label{box-sizing:border-box;width:calc(100% - 16px);margin-inline:auto}.mobile-selecting .rail-surahs>div{box-sizing:border-box;width:100%;padding:2px 8px 20px}.mobile-selecting .rail-surahs button{box-sizing:border-box;width:100%;margin:0 auto 8px}.mobile-selecting .rail-surahs button.active{border-color:var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,var(--surface)),var(--surface));box-shadow:0 10px 28px #0000001f}.chapter-head{text-align:center;flex-direction:column;align-items:center}.chapter-head>strong{text-align:center;width:100%}.chapter-actions{text-align:center}.chapter-actions small{margin-inline:auto;display:block}}@media (width>=701px) and (width<=900px){body{padding-bottom:0}.topbar{border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);height:76px;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;grid-template-columns:1fr auto 1fr;padding:0 clamp(20px,4vw,48px);display:grid;position:sticky;inset:0 auto auto}.topbar>.brand{justify-self:start;display:flex}.topbar nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:none;justify-self:center;gap:26px;padding:0;animation:none;display:flex;position:static;inset:auto}.topbar nav a{border-radius:0;min-height:0;padding:10px 0;font-size:13px;font-weight:400}.topbar nav a.active{color:var(--text);box-shadow:none;background:0 0}.topbar nav a.active:after{display:block}.topbar>.header-actions{justify-self:end}.topbar .text-button{font-size:12px}.topbar .text-button:first-letter{font-size:inherit}.reader-page{grid-template-columns:285px minmax(0,1fr);display:grid}.reader-rail{background:var(--surface);border-bottom:0;width:auto;padding:30px 18px;display:flex;position:sticky;top:76px;border-right:1px solid var(--line)!important;height:calc(100vh - 76px)!important}.reading-area{padding:0 clamp(24px,4vw,52px) 80px}.home-features{grid-template-columns:repeat(3,1fr)}.home-features article{border-right:1px solid var(--line);border-bottom:0;padding:15px 28px}.footer-main{text-align:left;grid-template-columns:1fr auto 1fr}.footer-main .brand{justify-self:start}.footer-main nav{justify-content:flex-start}.language-select{flex-direction:row;justify-self:end}.credits{text-align:left;flex-direction:row}.media-player{bottom:18px}.resume-toast{bottom:16px}}@media (width<=700px){.topbar{transition:translate .42s cubic-bezier(.22,1,.36,1),opacity .3s}.topbar.mobile-hidden{translate:0 calc(125px + env(safe-area-inset-bottom));opacity:0;pointer-events:none}.topbar:has(+.reader-page.mobile-selecting){overflow:visible}.topbar:has(+.reader-page.mobile-selecting):after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--bg) 48%,transparent) 0%,color-mix(in srgb,var(--bg) 18%,transparent) 42%,transparent 100%);-webkit-backdrop-filter:blur(18px);height:190px;position:fixed;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000000b8 52%,#000 100%);mask-image:linear-gradient(#0000 0%,#000000b8 52%,#000 100%)}.topbar:has(+.reader-page.mobile-selecting)>nav{z-index:1;position:relative}.topbar:has(+.reader-page.mobile-selecting)>.header-actions{z-index:1;position:relative}.media-player{width:auto;left:22px;right:22px;bottom:calc(112px + env(safe-area-inset-bottom));border-radius:38px;animation:.45s cubic-bezier(.16,1,.3,1) both mobile-player-rise;transform:none}}@keyframes mobile-player-rise{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.topbar{transition:none!important}.media-player{animation:none!important}}.assistant-shell{width:min(940px,100% - 32px);min-height:calc(100vh - 76px);margin:auto;padding:44px 0 150px}.assistant-hero{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:0 12px 26px;display:flex}.ai-mark,.chat-message.assistant>span{background:var(--gold);color:#112019;width:58px;height:58px;font:28px var(--serif);box-shadow:0 12px 34px color-mix(in srgb,var(--gold) 20%,transparent);border-radius:20px;flex:none;place-items:center;display:grid}.assistant-hero small{color:var(--gold);letter-spacing:.2em;font-size:9px}.assistant-hero h1{font:42px/1 var(--serif);margin:5px 0 4px}.assistant-hero p{color:var(--muted);font:15px/1.6 var(--serif);margin:0}.ai-disclaimer{border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));background:color-mix(in srgb,var(--gold) 7%,transparent);color:var(--muted);border-radius:16px;margin:18px 0;padding:13px 16px;font-size:11px}.chat-stream{flex-direction:column;gap:18px;min-height:420px;padding:22px 4px;display:flex}.ai-welcome{text-align:center;margin:auto}.ai-welcome h2{font:34px var(--serif);margin:0}.ai-welcome p{color:var(--muted)}.ai-welcome>div{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:20px;display:flex}.ai-welcome button,.explain-surah,.verse-explain{border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--surface));color:var(--text);cursor:pointer;border-radius:99px}.ai-welcome button{padding:11px 15px}.chat-message{align-items:flex-start;gap:12px;max-width:86%;animation:.4s cubic-bezier(.16,1,.3,1) both text-rise;display:flex}.chat-message>span{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);border-radius:13px;flex:none;place-items:center;font-size:10px;display:grid}.chat-message>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px 17px}.chat-message p{white-space:pre-wrap;font:15px/1.75 var(--serif);margin:0}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.user>div{background:color-mix(in srgb,var(--gold) 13%,var(--surface));border-color:color-mix(in srgb,var(--gold) 34%,var(--line))}.chat-message.assistant>span{border-radius:13px;width:38px;height:38px;font-size:18px}.attachment-bubble,.pending-attachment{background:color-mix(in srgb,var(--gold) 15%,transparent);width:max-content;max-width:100%;color:var(--gold);border-radius:99px;align-items:center;margin:0 0 10px;padding:8px 11px;font-size:10px;display:flex}.thinking i{background:var(--gold);border-radius:50%;width:7px;height:7px;margin:3px;animation:1s infinite pulse;display:inline-block}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}.ai-error{color:#e3a09a;background:#a44a4421;border-radius:14px;align-self:center;padding:11px 14px;font-size:12px}.chat-composer{z-index:110;border:1px solid color-mix(in srgb,var(--gold) 32%,var(--line));background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:26px;width:min(900px,100vw - 34px);padding:10px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 24px 74px #00000073}.chat-composer>div:last-child{grid-template-columns:48px 1fr 48px;align-items:end;gap:8px;display:grid}.chat-composer textarea{resize:none;min-height:48px;max-height:150px;color:var(--text);font:15px/1.5 var(--sans);background:0 0;border:0;outline:0;padding:13px 8px}.composer-plus,.composer-send{border:1px solid var(--line);background:var(--surface2);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:17px;place-items:center;font-size:25px;display:grid}.composer-send{background:var(--gold);color:#112019;border:0}.composer-send:disabled{opacity:.35}.pending-attachment button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:17px}.attachment-picker{border:1px solid var(--line);background:var(--surface);border-radius:20px;grid-template-columns:1fr auto;gap:9px;width:min(360px,100vw - 34px);padding:16px;animation:.28s both text-rise;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 20px 60px #0000006b}.attachment-picker strong{font:18px var(--serif);grid-column:1/-1}.attachment-picker select,.attachment-picker button{border:1px solid var(--line);background:var(--surface2);min-height:45px;color:var(--text);border-radius:13px;padding:0 12px}.attachment-picker button{background:var(--gold);color:#112019;cursor:pointer;font-weight:700}.chapter-actions{flex-wrap:wrap}.explain-surah{min-height:48px;padding:10px 16px;font-weight:700}.verse-number>div{align-items:center;gap:8px;display:flex}.verse-number .verse-explain{width:auto;height:34px;font:11px var(--sans);color:var(--gold);padding:0 12px}@media (width<=700px){.topbar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.topbar nav:before{width:calc(25% - 3px)}.topbar nav a{padding-inline:3px;font-size:11px}.topbar nav:has(a:first-child.active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-ai-home}.topbar nav:has(a:nth-child(2).active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-ai-read}.topbar nav:has(a:nth-child(3).active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-ai-favorites}.topbar nav:has(a:nth-child(4).active):before{animation:.48s cubic-bezier(.22,1,.36,1) both mobile-pill-ai-assistant}.assistant-shell{width:calc(100% - 22px);min-height:100svh;padding:25px 0 205px}.assistant-hero{align-items:flex-start;padding-inline:5px}.assistant-hero .ai-mark{border-radius:16px;width:48px;height:48px}.assistant-hero h1{font-size:35px}.assistant-hero p{font-size:14px}.chat-stream{padding-inline:0}.chat-message{max-width:94%}.chat-message p{font-size:16px}.chat-composer{bottom:calc(106px + env(safe-area-inset-bottom));border-radius:25px;width:calc(100vw - 20px)}.ai-welcome h2{font-size:29px}.verse-number .verse-explain{height:42px;min-height:42px;padding:0 11px}.chapter-actions .explain-surah,.chapter-actions .play-surah{justify-content:center;width:100%}}@keyframes mobile-pill-ai-home{0%{transform:translate(calc(100% + 4px))scale(.92)}to{transform:translate(0)scale(1)}}@keyframes mobile-pill-ai-read{0%{transform:translate(0)scale(.92)}to{transform:translate(calc(100% + 4px))scale(1)}}@keyframes mobile-pill-ai-favorites{0%{transform:translate(calc(100% + 4px))scale(.92)}to{transform:translate(calc(200% + 8px))scale(1)}}@keyframes mobile-pill-ai-assistant{0%{transform:translate(calc(200% + 8px))scale(.92)}to{transform:translate(calc(300% + 12px))scale(1)}}.about-section{text-align:center;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--gold) 7%,var(--bg)));border-top:1px solid var(--line);justify-items:center;gap:12px;padding:clamp(72px,9vw,120px) max(7vw,24px);display:grid;position:relative;overflow:hidden}.about-section>span{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:800}.about-section h2{max-width:760px;font:clamp(34px,5vw,64px)/1.08 var(--serif);letter-spacing:-.035em;margin:0}.about-section p{max-width:680px;color:var(--muted);font:clamp(16px,2vw,20px)/1.75 var(--serif);margin:7px 0 0}.about-section>div{border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));width:48px;height:48px;color:var(--gold);border-radius:50%;place-items:center;margin-top:18px;animation:3.6s ease-in-out infinite about-float;display:grid}.about-section>*{animation:.75s cubic-bezier(.16,1,.3,1) both text-rise}.about-section h2{animation-delay:.1s}.about-section p{animation-delay:.2s}@keyframes about-float{50%{box-shadow:0 14px 32px color-mix(in srgb,var(--gold) 16%,transparent);transform:translateY(-7px)rotate(12deg)}}.assistant-hero,.ai-disclaimer,.ai-welcome{animation:.62s cubic-bezier(.16,1,.3,1) both text-rise}.ai-disclaimer{animation-delay:.1s}.ai-welcome{animation-delay:.18s}.assistant-hero .ai-mark,.chat-message.assistant>span{font-family:var(--sans);font-size:20px}.chat-message{animation-duration:.55s}.chat-message>div{border-radius:24px;box-shadow:0 10px 32px #0000000f}.chat-composer{border-radius:38px;width:min(920px,100vw - 44px);min-height:76px;padding:13px 14px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}.chat-composer:focus-within{border-color:color-mix(in srgb,var(--gold) 68%,var(--line));box-shadow:0 28px 86px #0000007a,0 0 0 4px color-mix(in srgb,var(--gold) 8%,transparent)}.chat-composer>div:last-child{grid-template-columns:52px 1fr 52px;gap:10px}.chat-composer textarea{min-height:52px;padding:14px 10px;font-size:16px}.composer-plus,.composer-send{border-radius:22px;width:52px;height:52px;transition:transform .22s,background .22s}.composer-plus:hover,.composer-send:not(:disabled):hover{transform:scale(1.06)}.pending-attachment{margin:0 0 9px 4px}.attachment-picker{border-radius:26px;animation:.38s cubic-bezier(.16,1,.3,1) both attachment-enter;left:-5px}.attachment-picker select,.attachment-picker button{border-radius:17px}@keyframes attachment-enter{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.chapter-actions{grid-template-columns:1fr;gap:13px;display:grid}.chapter-actions .explain-surah{border-radius:18px;justify-content:center;width:100%;min-height:54px;transition:transform .25s,border-color .25s,background .25s}.chapter-actions .explain-surah:hover{border-color:var(--gold);transform:translateY(-2px)}@media (width<=900px){body{padding-bottom:110px}.topbar{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);gap:8px;width:auto;height:78px;top:auto!important;left:22px!important;right:22px!important;bottom:calc(17px + env(safe-area-inset-bottom))!important;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line))!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border-radius:38px!important;grid-template-columns:minmax(0,1fr) auto!important;padding:6px!important;display:grid!important;position:fixed!important;box-shadow:0 18px 54px #00000075,inset 0 1px #ffffff0d!important}.topbar>.brand{display:none!important}.topbar nav{isolation:isolate;width:100%;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:0!important;display:grid!important;position:relative!important;inset:auto!important}.topbar nav:before{content:"";z-index:-1;inset-block:0;background:var(--gold);width:calc(25% - 3px);box-shadow:0 8px 22px color-mix(in srgb,var(--gold) 22%,transparent);border-radius:999px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.topbar nav a{z-index:1;place-items:center;min-width:0;min-height:64px;font-weight:760;display:grid;position:relative;border-radius:999px!important;padding:6px 3px!important;font-size:clamp(10px,2.3vw,13px)!important}.topbar nav a.active{box-shadow:none!important;background:0 0!important}.topbar nav:has(a:first-child.active):before{transform:translate(0)}.topbar nav:has(a:nth-child(2).active):before{transform:translate(calc(100% + 4px))}.topbar nav:has(a:nth-child(3).active):before{transform:translate(calc(200% + 8px))}.topbar nav:has(a:nth-child(4).active):before{transform:translate(calc(300% + 12px))}.topbar>.header-actions{gap:5px;display:flex!important;transform:none!important}.topbar .install-app{display:none}.topbar .icon,.topbar .text-button{border-radius:999px;width:46px;height:64px;min-height:64px}.reader-page{display:block!important}.reader-page .reader-rail{display:none}.reader-page.mobile-selecting{min-height:calc(100svh - 104px);padding:0 14px 112px;display:block}.reader-page.mobile-selecting .reader-rail{background:0 0;width:100%;min-height:600px;padding:32px 4px 18px;display:flex;position:relative;top:0;border:0!important;height:calc(100svh - 124px)!important}.reader-page.mobile-selecting .reading-area,.reader-page.mobile-selecting~.site-footer{display:none}.mobile-surah-back{display:flex}.mobile-chapter-nav{display:grid}.reading-area{padding:0 14px 130px}.assistant-shell{width:calc(100% - 22px);padding:26px 0 205px}.assistant-hero{align-items:flex-start;padding-inline:5px}.chat-composer{bottom:calc(106px + env(safe-area-inset-bottom));border-radius:40px;width:calc(100vw - 44px);min-height:82px;padding:14px}.attachment-picker{width:min(390px,100vw - 54px);left:-8px}.chat-message{max-width:94%}.home-features{padding-bottom:55px}.about-section{padding-bottom:145px}}@media (width<=520px){.topbar{left:12px!important;right:12px!important}.topbar>.header-actions{gap:3px}.topbar .icon,.topbar .text-button{width:43px}.chat-composer{width:calc(100vw - 24px)}.assistant-hero p{font-size:14px}.about-section h2{font-size:37px}}@media (prefers-reduced-motion:reduce){.about-section>*,.about-section>div,.assistant-hero,.ai-disclaimer,.ai-welcome,.chat-message,.attachment-picker{animation:none!important}.topbar nav:before{transition:none!important}}.verse-card,.favorite-grid a,.favorites-progress,.chat-message>div,.ai-disclaimer,.ai-error,.attachment-picker,.chat-composer,.settings-modal,.study-card,.study-panel,.connection-toast,.resume-toast,.media-player,.empty{border-radius:38px!important}.verse-number .verse-explain{min-width:42px;min-height:42px;overflow:hidden;border-radius:15px!important;width:42px!important;height:42px!important;padding:0!important;font-size:0!important}.verse-number .verse-explain:before{content:"✦";color:var(--gold);font-size:18px}.mark-read-button{border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 10%,var(--surface));width:100%;min-height:64px;color:var(--gold);cursor:pointer;border-radius:38px;justify-content:center;align-items:center;margin:28px 0 48px;font-weight:800;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s;display:flex}.mark-read-button:hover:not(:disabled){background:color-mix(in srgb,var(--gold) 16%,var(--surface));border-color:var(--gold);transform:translateY(-3px)}.mark-read-button.completed{cursor:default;background:color-mix(in srgb,#67ad82 12%,var(--surface));border-color:color-mix(in srgb,#67ad82 55%,var(--line));color:#67ad82}.customize-grid .progress-card{display:none!important}.favorites-progress{border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));background:color-mix(in srgb,var(--surface) 88%,transparent);grid-template-columns:minmax(220px,1fr) minmax(300px,1.35fr) minmax(170px,.6fr);align-items:center;gap:28px;max-width:1100px;margin:54px auto 10px;padding:clamp(24px,4vw,42px);animation:.65s cubic-bezier(.16,1,.3,1) both text-rise;display:grid;box-shadow:0 22px 65px #0000001f}.favorites-progress small{color:var(--gold);letter-spacing:.18em;font-size:9px;font-weight:800}.favorites-progress h2{font:clamp(27px,3vw,40px)/1.05 var(--serif);margin:7px 0 0}.favorites-progress-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.favorites-progress-stats article{background:var(--surface2);border-radius:26px;flex-direction:column;justify-content:center;min-height:100px;padding:18px 22px;display:flex}.favorites-progress-stats b{color:var(--gold);font:38px/1 var(--serif)}.favorites-progress-stats span{color:var(--muted);margin-top:8px;font-size:10px}.favorites-progress label{color:var(--muted);gap:9px;font-size:10px;display:grid}.favorites-progress input{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:48px;color:var(--text);font:20px var(--serif);border-radius:18px;padding:0 15px}.assistant-page{background:var(--bg);min-height:100svh}.assistant-shell{padding-top:54px;transition:padding .4s cubic-bezier(.16,1,.3,1)}.assistant-shell.conversation-started{padding-top:24px}.assistant-hero{margin-top:12px}.chat-stream{transition:min-height .4s cubic-bezier(.16,1,.3,1)}@media (width<=900px){.topbar .theme-trigger{transform:translate(-7px)}.topbar:has(+.reader-page.mobile-selecting):after{content:none!important;-webkit-backdrop-filter:none!important;display:none!important}.reader-page.mobile-selecting{min-height:100svh!important;padding-bottom:0!important}.reader-page.mobile-selecting .reader-rail{height:100svh!important;min-height:0!important;padding-bottom:0!important}.mobile-selecting .rail-surahs>div{padding-bottom:118px!important}.assistant-shell{padding-top:48px}.assistant-shell.conversation-started{padding-top:18px}.favorites-progress{grid-template-columns:1fr;margin-top:42px}.favorites-progress-stats{grid-template-columns:1fr 1fr}.mark-read-button{margin-bottom:30px}}@media (width<=520px){.favorites-progress-stats{grid-template-columns:1fr}.favorites-progress{padding:25px 20px}.topbar .theme-trigger{transform:translate(-9px)}}.modal-layer{z-index:400!important}.verse-number .verse-explain{overflow:visible;border-radius:999px!important;width:auto!important;min-width:94px!important;height:42px!important;padding:0 15px!important;font-size:11px!important}.verse-number .verse-explain:before{content:none!important}.verse-number>div>button:last-child{width:42px;height:42px;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s;border-radius:15px!important}.verse-number>div>button:last-child:hover:not(:disabled){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);transform:scale(1.06)}.modal-head{z-index:12;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 1px color-mix(in srgb,var(--line) 72%,transparent);margin:-30px -8px 0;padding:30px 18px 18px;position:sticky;top:-30px}.modal-head>div{padding-inline-start:8px}.modal-head .icon{transition:transform .22s,background .22s;border-radius:999px!important}.modal-head .icon:hover{background:var(--surface2);transform:rotate(8deg)scale(1.05)}.settings-modal{box-sizing:border-box;margin-inline:auto;scroll-padding-top:110px}.settings-content{padding-top:8px}.settings-reading-section .customize-grid{display:block}.settings-reading-section .study-card:first-child,.settings-reading-section .progress-card{display:none!important}.settings-reading-section .study-card{margin-top:14px}.choice-row button,.setting-group select,.study-card button,.study-action,.modal-save,.settings-reading-section button{transition:transform .24s cubic-bezier(.16,1,.3,1),border-color .22s,background .22s,box-shadow .22s;border-radius:999px!important}.choice-row button:hover,.study-card button:hover,.study-action:hover,.settings-reading-section button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}.setting-group{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}.setting-group:hover{border-color:color-mix(in srgb,var(--gold) 30%,var(--line));transform:translateY(-2px);box-shadow:0 14px 35px #00000014}.chat-message>div,.verse-card,.favorite-grid a,.home-features article{transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s,background .25s}.chat-message:hover>div{transform:translateY(-2px)}@media (width<=900px){.topbar>.header-actions{transform:translate(-8px)!important}.topbar .settings-trigger{margin-left:-6px;border-radius:999px!important;width:60px!important}.topbar .theme-trigger{transform:none!important}.modal-layer{place-items:center!important;padding:12px!important}.settings-modal{border-radius:38px!important;width:calc(100vw - 24px)!important;max-width:720px!important;max-height:calc(100svh - 24px)!important;margin:auto!important;padding:16px!important}.modal-head{margin:-16px -8px 0;padding:21px 14px 17px;top:-16px}.modal-head>div{padding-inline-start:9px}.modal-head h2{font-size:33px}.modal-head small{font-size:9px}.setting-group{border-radius:32px!important}.choice-row button,.study-card button,.study-action,.modal-save{min-height:52px}}@media (width<=430px){.topbar>.header-actions{transform:translate(-10px)!important}.topbar .settings-trigger{margin-left:-7px;width:57px!important}.settings-modal{width:calc(100vw - 18px)!important}.modal-head>div{padding-inline-start:11px}}.settings-modal,.modal-head{background:var(--surface)!important}.modal-head{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.settings-glyph,.theme-glyph{flex:none;width:22px;height:22px;display:block;position:relative}.settings-glyph i{background:currentColor;border-radius:2px;height:2px;position:absolute;left:2px;right:2px}.settings-glyph i:first-child{top:6px}.settings-glyph i:last-child{bottom:6px}.settings-glyph i:after{content:"";background:var(--surface);border:2px solid;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.settings-glyph i:first-child:after{left:3px}.settings-glyph i:last-child:after{right:3px}.sun-glyph{border:2px solid;border-radius:50%;transform:scale(.48);box-shadow:0 -14px 0 -5px,0 14px 0 -5px,14px 0 0 -5px,-14px 0 0 -5px,10px 10px 0 -5px,-10px -10px 0 -5px,10px -10px 0 -5px,-10px 10px 0 -5px}.moon-glyph{border:3px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:50%;transform:rotate(18deg)scale(.78)}.audio-setting-icon{gap:3px;grid-template-columns:repeat(3,3px)!important;align-items:end!important}.audio-setting-icon i{background:currentColor;border-radius:3px;width:3px;animation:1.5s ease-in-out infinite audio-bars;display:block}.audio-setting-icon i:nth-child(2){height:20px;animation-delay:.18s}.audio-setting-icon i:nth-child(3){height:14px;animation-delay:.32s}@keyframes audio-bars{50%{opacity:.72;transform:scaleY(.58)}}.settings-reading-section{position:relative}.reading-setting-icon{z-index:2;position:absolute;top:31px;left:22px}.reading-setting-icon i{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid;width:0;height:0;margin-left:3px;display:block}.settings-reading-section .study-card:nth-child(2)>strong{padding-left:58px}.settings-reading-section .study-card:nth-child(2):hover .reading-setting-icon{box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 8%,transparent),0 0 28px color-mix(in srgb,var(--gold) 32%,transparent);transform:scale(1.05)}.reading-setting-icon{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s}.study-setting>.setting-icon{font-size:0}.study-setting>.setting-icon:before,.inline-spark,.ai-mark>i{background:currentColor;border-radius:2px;width:11px;height:11px;display:block;transform:rotate(45deg)}.inline-spark{width:8px;height:8px;color:var(--gold);background:var(--gold);vertical-align:1px;display:inline-block}.ai-mark>i{width:14px;height:14px}.chat-message.assistant>span .inline-spark{margin:0}.resume-icon{position:relative}.resume-icon:before{content:"";border-top:2px solid;border-right:2px solid;width:13px;height:13px}.resume-icon:after{content:"";background:currentColor;width:15px;height:2px;position:absolute;transform:rotate(-45deg)}.verse-number>div>button:last-child{border-radius:50%!important}.assistant-page{background:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--gold) 5%,transparent),transparent 32%),radial-gradient(circle at 82% 70%,color-mix(in srgb,var(--gold) 3%,transparent),transparent 30%),var(--bg)}.assistant-shell.conversation-started .chat-stream{justify-content:flex-start;min-height:calc(100svh - 170px);padding-top:24px;padding-bottom:150px}.assistant-shell.conversation-started .chat-message{flex:none}.assistant-page .resume-toast{display:none!important}@media (width<=900px){.topbar{grid-template-columns:minmax(0,1fr) 114px!important}.topbar>.header-actions{grid-template-columns:54px 54px!important;justify-self:end!important;gap:6px!important;width:114px!important;display:grid!important;transform:none!important}.topbar .settings-trigger,.topbar .theme-trigger{border-radius:999px!important;place-items:center!important;width:54px!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0!important;display:grid!important}.topbar .settings-label{display:none!important}.topbar .settings-glyph,.topbar .theme-glyph{margin:0!important}.settings-reading-section .study-card:nth-child(2)>strong{padding-left:56px}.assistant-shell.conversation-started{min-height:100svh}.assistant-shell.conversation-started .chat-stream{min-height:calc(100svh - 115px);padding-top:18px;padding-bottom:190px}}@media (width<=430px){.topbar{grid-template-columns:minmax(0,1fr) 108px!important}.topbar>.header-actions{grid-template-columns:51px 51px!important;width:108px!important}.topbar .settings-trigger,.topbar .theme-trigger{width:51px!important}}.sun-glyph{box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important}.sun-glyph i{border:2px solid;border-radius:50%;position:absolute;inset:7px}.sun-glyph:before,.sun-glyph:after,.sun-glyph i:before,.sun-glyph i:after{content:"";background:currentColor;border-radius:2px;width:2px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-glyph:after{transform:translate(-50%,-50%)rotate(90deg)}.sun-glyph i:before{top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.sun-glyph i:after{top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.moon-glyph{border:0!important;border-radius:0!important;transform:none!important}.moon-glyph i{border:2px solid;border-radius:50%;position:absolute;inset:2px}.moon-glyph i:after{content:"";background:var(--surface);border-radius:50%;width:17px;height:17px;position:absolute;top:-4px;right:-4px}.theme-trigger:hover .sun-glyph{animation:.7s cubic-bezier(.16,1,.3,1) sun-turn}.theme-trigger:hover .moon-glyph{transform:rotate(-12deg)!important}@keyframes sun-turn{to{transform:rotate(90deg)}}.audio-setting-icon{grid-template-columns:none!important;justify-content:center!important;align-items:center!important;gap:3px!important;display:flex!important}.audio-setting-icon i{transform-origin:50%}.audio-setting-icon i:first-child{height:9px}.audio-setting-icon i:nth-child(2){height:17px}.audio-setting-icon i:nth-child(3){height:12px}.study-setting>.setting-icon:before{border:2px solid;border-radius:3px 3px 1px 1px;content:""!important;background:linear-gradient(90deg,#0000 46%,currentColor 47% 53%,#0000 54%)!important;width:17px!important;height:13px!important;transform:none!important}.study-setting>.setting-icon:after{content:"";opacity:.65;background:currentColor;border-radius:2px;width:13px;height:2px;margin-top:13px;position:absolute}.study-setting>.setting-icon{position:relative}.reading-setting-icon{top:20px!important}.settings-reading-section .study-card:nth-child(2):hover .reading-setting-icon,.study-setting:hover>.setting-icon,.setting-group:hover>.audio-setting-icon{box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 8%,transparent),0 0 28px color-mix(in srgb,var(--gold) 35%,transparent);transform:scale(1.05)}.onboarding-open{overflow:hidden}.onboarding-layer{z-index:600;-webkit-backdrop-filter:blur(22px);background:#030b0994;place-items:center;padding:18px;animation:.4s both onboarding-fade;display:grid;position:fixed;inset:0}.onboarding-card{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));background:var(--surface);border-radius:42px;width:min(680px,100vw - 30px);max-height:calc(100svh - 30px);padding:clamp(24px,5vw,48px);overflow:auto;box-shadow:0 40px 130px #0000008c}.onboarding-progress{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:38px;display:grid}.onboarding-progress span{background:var(--line);border-radius:99px;height:4px;transition:background .35s,transform .35s}.onboarding-progress span.active{background:var(--gold);transform:scaleY(1.5)}.onboarding-progress span.done{background:color-mix(in srgb,var(--gold) 48%,var(--line))}.onboarding-slide{min-height:410px;animation:.55s cubic-bezier(.16,1,.3,1) both onboarding-slide}.onboarding-kicker{color:var(--gold);letter-spacing:.22em;font-size:9px;font-weight:800}.onboarding-slide h1{font:clamp(46px,8vw,78px)/.95 var(--serif);letter-spacing:-.045em;margin:12px 0 10px}.onboarding-slide>p{max-width:520px;color:var(--muted);font:17px/1.7 var(--serif);margin:0 0 34px}.onboarding-slide h2{font:22px var(--serif);margin:0 0 14px}.language-cards,.onboarding-choice,.theme-cards{gap:11px;display:grid}.language-cards{grid-template-columns:repeat(3,1fr)}.language-cards button,.onboarding-choice button,.theme-cards button{border:1px solid var(--line);background:var(--surface2);min-height:82px;color:var(--text);cursor:pointer;text-align:start;border-radius:28px;padding:16px;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,box-shadow .25s}.language-cards button:hover,.onboarding-choice button:hover,.theme-cards button:hover{border-color:color-mix(in srgb,var(--gold) 65%,var(--line));transform:translateY(-3px);box-shadow:0 16px 34px #0000001f}.language-cards button.selected,.onboarding-choice button.selected,.theme-cards button.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 11%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 35%,transparent)}.language-cards b,.language-cards span,.onboarding-choice b,.onboarding-choice span{display:block}.language-cards b{color:var(--gold);font:24px var(--serif)}.language-cards span,.onboarding-choice span{color:var(--muted);margin-top:5px;font-size:11px}.onboarding-setting{margin-top:18px}.onboarding-setting>label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.onboarding-choice{grid-template-columns:1fr 1fr}.onboarding-choice button b{font:21px var(--serif)}.onboarding-setting select{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:54px;color:var(--text);border-radius:999px;padding:0 18px}.onboarding-switch{border:1px solid var(--line);background:var(--surface2);border-radius:28px;justify-content:space-between;align-items:center;margin-top:20px;padding:16px 19px;display:flex}.onboarding-switch b,.onboarding-switch small{display:block}.onboarding-switch small{color:var(--muted);margin-top:4px;font-size:10px}.onboarding-switch input{width:44px;height:24px;accent-color:var(--gold)}.theme-cards{grid-template-columns:1fr 1fr}.theme-cards button{grid-template-columns:72px 1fr;align-items:center;gap:16px;min-height:126px;display:grid}.theme-preview{border-radius:24px;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden}.dark-preview{background:#07120f;border:1px solid #263c34}.light-preview{background:#f1eee5;border:1px solid #d8d1bf}.theme-preview i{background:#d9b96e;border-radius:50%;width:28px;height:28px;box-shadow:0 0 28px #d9b96e61}.light-preview i{box-shadow:none;background:#10231d}.theme-cards b{font:22px var(--serif)}.onboarding-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.onboarding-next,.onboarding-back{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:56px;display:flex}.onboarding-next{background:var(--gold);color:#102019;box-shadow:0 14px 35px color-mix(in srgb,var(--gold) 22%,transparent);border:0;gap:14px;padding:0 24px;font-weight:800;transition:transform .25s,box-shadow .25s}.onboarding-next:hover{box-shadow:0 19px 42px color-mix(in srgb,var(--gold) 30%,transparent);transform:translateY(-2px)}.onboarding-back{border:1px solid var(--line);background:var(--surface2);width:56px}.onboarding-arrow,.onboarding-back span{width:17px;height:12px;position:relative}.onboarding-arrow:before,.onboarding-back span:before{content:"";background:currentColor;width:15px;height:2px;position:absolute;top:5px;left:0}.onboarding-arrow:after,.onboarding-back span:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:2px;right:0;transform:rotate(45deg)}.onboarding-back span{transform:rotate(180deg)}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-slide{0%{opacity:0;transform:translateX(var(--onboarding-enter,22px));filter:blur(7px)}to{opacity:1;filter:none;transform:none}}@media (width<=900px){.topbar:not(:has(.settings-trigger)){grid-template-columns:minmax(0,1fr) 54px!important}.topbar:not(:has(.settings-trigger))>.header-actions{grid-template-columns:54px!important;width:54px!important}.onboarding-card{border-radius:38px}.onboarding-slide{min-height:400px}}@media (width<=560px){.onboarding-layer{padding:9px}.onboarding-card{border-radius:34px;width:calc(100vw - 18px);max-height:calc(100svh - 18px);padding:25px 20px}.onboarding-progress{margin-bottom:28px}.onboarding-slide{min-height:425px}.onboarding-slide h1{font-size:52px}.onboarding-slide>p{margin-bottom:25px;font-size:16px}.language-cards{grid-template-columns:1fr}.language-cards button{grid-template-columns:45px 1fr;align-items:center;min-height:64px;display:grid}.language-cards span{margin:0}.theme-cards{grid-template-columns:1fr}.theme-cards button{min-height:94px}.onboarding-actions{background:linear-gradient(transparent,var(--surface) 28%);margin:18px -4px -25px;padding:18px 4px 25px;position:sticky;bottom:-25px}}@media (prefers-reduced-motion:reduce){.onboarding-layer,.onboarding-slide,.audio-setting-icon i,.theme-trigger:hover .sun-glyph{animation:none!important}}.mobile-home-name{display:none}.home-hero .eyebrow b{font:inherit;font-weight:750}.choice-row button{min-height:76px;border-radius:22px!important;padding:15px 17px!important}.reading-card-title{align-items:center;gap:13px;margin-bottom:2px;display:flex}.reading-card-title strong{color:var(--gold);font:20px var(--serif)}.reading-card-title .reading-setting-icon{flex:none;place-items:center!important;margin:0!important;display:grid!important;position:relative!important;inset:auto!important}.reading-card-title .reading-setting-icon i{margin:0 0 0 3px}.settings-reading-section .reading-settings-card>strong{padding:0!important}.reading-settings-card:hover .reading-setting-icon{box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 8%,transparent),0 0 28px color-mix(in srgb,var(--gold) 35%,transparent);transform:scale(1.05)}.reset-data-card{border:1px solid color-mix(in srgb,#b96c64 32%,var(--line));background:color-mix(in srgb,#9c4f49 5%,var(--surface2));border-radius:30px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:18px;animation:.46s cubic-bezier(.16,1,.3,1) .26s both setting-copy-in;display:grid}.reset-data-icon{border:1px solid color-mix(in srgb,#d98a81 68%,var(--line));color:#d98a81;border-radius:15px;place-items:center;width:42px;height:42px;display:grid;position:relative}.reset-data-icon:before{content:"";border:2px solid;border-top:0;border-radius:2px;width:14px;height:16px}.reset-data-icon:after{content:"";background:currentColor;border-radius:2px;width:18px;height:2px;position:absolute;top:10px;box-shadow:0 -4px 0 -1px}.reset-data-card strong{font:19px var(--serif)}.reset-data-card p{max-width:410px;color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.55}.reset-data-button,.reset-data-confirm button{border:1px solid color-mix(in srgb,#d98a81 48%,var(--line));color:#d98a81;cursor:pointer;background:0 0;border-radius:999px;min-height:46px;padding:0 17px;font-weight:750;transition:transform .22s,background .22s,border-color .22s}.reset-data-button:hover,.reset-data-confirm .danger{color:#fff;background:#9c4f49;border-color:#9c4f49}.reset-data-button:hover{transform:translateY(-2px)}.reset-data-card.confirming{grid-template-columns:42px minmax(0,1fr)}.reset-data-confirm{grid-column:2/-1;justify-content:space-between;align-items:center;gap:14px;padding-top:4px;display:flex}.reset-data-confirm>p{color:var(--text);margin:0;font-size:12px}.reset-data-confirm>div{gap:8px;display:flex}.reset-data-confirm button:disabled{opacity:.5;cursor:wait}@media (width<=700px){.desktop-home-name{display:none}.mobile-home-name{display:inline}.home-hero .eyebrow{letter-spacing:.13em;gap:9px;font-size:10px}.topbar nav:before{height:auto!important;top:5px!important;bottom:5px!important}.choice-row button{min-height:72px}.reset-data-card{border-radius:28px;grid-template-columns:42px 1fr;padding:16px}.reset-data-button,.reset-data-confirm{grid-column:1/-1}.reset-data-button{width:100%}.reset-data-confirm{display:grid}.reset-data-confirm>div{grid-template-columns:1fr 1fr;display:grid}.reset-data-confirm button{padding-inline:10px}.reading-card-title{gap:12px}}@media (prefers-reduced-motion:reduce){.reset-data-card{animation:none!important}}.reset-data-icon i{opacity:.72;border-left:2px solid;border-right:2px solid;width:7px;height:10px;position:absolute;top:17px}@media (width<=430px){.reset-data-confirm>div{grid-template-columns:1fr}.reset-data-confirm button{width:100%}}@media (width>=901px){.topbar .settings-trigger,.topbar .theme-trigger{place-items:center;width:58px;height:42px;min-height:42px;display:grid;border-radius:999px!important;padding:0!important}.topbar .settings-label{display:none}.topbar .settings-glyph,.topbar .theme-glyph{margin:0}}html,body{overflow-x:clip}.markdown-message{min-width:0;font:15px/1.75 var(--serif);gap:12px;display:grid}.markdown-message p{margin:0;white-space:normal!important}.markdown-message h2,.markdown-message h3,.markdown-message h4{color:var(--text);font-family:var(--serif);letter-spacing:-.018em;margin:6px 0 0;line-height:1.2}.markdown-message h2{font-size:25px}.markdown-message h3{font-size:21px}.markdown-message h4{font-size:18px}.markdown-message strong{color:color-mix(in srgb,var(--gold) 78%,var(--text));font-weight:800}.markdown-message em{color:color-mix(in srgb,var(--text) 82%,var(--muted))}.markdown-message ul,.markdown-message ol{gap:7px;margin:0;padding-inline-start:24px;display:grid}.markdown-message li{padding-inline-start:3px}.markdown-message li::marker{color:var(--gold);font-weight:800}.markdown-message blockquote{border-inline-start:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);color:var(--muted);border-radius:0 18px 18px 0;margin:2px 0;padding:12px 16px}[dir=rtl] .markdown-message blockquote{border-radius:18px 0 0 18px}.markdown-message code{border:1px solid var(--line);background:var(--surface2);border-radius:7px;padding:2px 6px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.markdown-message a{color:var(--gold);text-underline-offset:3px;text-decoration-thickness:1px}.markdown-message hr{background:var(--line);border:0;width:100%;height:1px;margin:3px 0}.markdown-message>*{animation:.48s cubic-bezier(.16,1,.3,1) both markdown-reveal}.markdown-message>:nth-child(2){animation-delay:35ms}.markdown-message>:nth-child(3){animation-delay:70ms}.markdown-message>:nth-child(4){animation-delay:.105s}.markdown-message>:nth-child(n+5){animation-delay:.14s}.ai-mark{letter-spacing:.07em;text-transform:none;width:64px!important;height:46px!important;font:800 10px/1 var(--sans)!important;border-radius:999px!important}.chat-message.assistant>span{letter-spacing:.035em;animation:4s ease-in-out infinite fqih-breathe;width:50px!important;height:36px!important;font:800 9px/1 var(--sans)!important;border-radius:999px!important}.credits{flex-wrap:wrap}.github-link{border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));min-height:34px;font:750 10px var(--sans);letter-spacing:.06em;border-radius:999px;align-items:center;gap:7px;padding:0 13px;transition:transform .28s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;display:inline-flex;color:var(--gold)!important;text-decoration:none!important}.github-link:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--gold) 13%,transparent);transform:translateY(-3px)}.github-link span{transition:transform .25s}.github-link:hover span{transform:translate(2px,-2px)}.credits .github-link{min-height:0;font:inherit;letter-spacing:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;color:var(--muted)!important}.credits .github-link:hover{box-shadow:none;background:0 0;border-color:#0000;transform:none;color:var(--text)!important}.rail-surahs button{transition:transform .28s cubic-bezier(.16,1,.3,1),background .24s,box-shadow .24s}.rail-surahs button:hover{box-shadow:inset 2px 0 var(--gold),0 8px 22px #0000000f;transform:translate(4px)}[dir=rtl] .rail-surahs button:hover{transform:translate(-4px)}@keyframes markdown-reveal{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:none;transform:none}}@keyframes fqih-breathe{0%,to{box-shadow:0 10px 28px color-mix(in srgb,var(--gold) 14%,transparent)}50%{box-shadow:0 12px 36px color-mix(in srgb,var(--gold) 30%,transparent)}}@keyframes reader-rail-arrive{0%{opacity:0;filter:blur(4px);transform:translate(-15px)}to{opacity:1;filter:none;transform:none}}@media (width>=901px){.reader-page{box-sizing:border-box;padding-inline-start:285px;display:block}.reader-page>.reading-area{margin:0 auto}.reader-rail{inset-inline-start:0;box-sizing:border-box;z-index:14;width:285px;animation:.62s cubic-bezier(.16,1,.3,1) both reader-rail-arrive;bottom:0;height:auto!important;position:fixed!important;top:76px!important}}@media (width<=900px){.markdown-message{font-size:16px}.ai-mark{width:54px!important;height:42px!important}.chat-message.assistant>span{width:46px!important;height:34px!important}}@media (prefers-reduced-motion:reduce){.markdown-message>*,.chat-message.assistant>span,.reader-rail{animation:none!important}.rail-surahs button,.github-link,.github-link span{transition:none!important}}.header-png-icon,.settings-png-icon{object-fit:contain;filter:invert();opacity:.92;width:22px;height:22px;display:block}:root[data-theme=light] .header-png-icon,:root[data-theme=light] .settings-png-icon{filter:none}.download-surah-audio{border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));background:color-mix(in srgb,var(--gold) 10%,var(--surface2));width:100%;min-height:54px;color:var(--gold);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;display:flex}.download-surah-audio:hover{border-color:var(--gold);box-shadow:0 14px 32px color-mix(in srgb,var(--gold) 14%,transparent);transform:translateY(-2px)}.download-surah-audio .settings-png-icon{width:18px;height:18px}.audio-download-setting>.setting-icon{place-items:center;display:grid}@media (width<=900px){.topbar{border-radius:44px!important;height:84px!important;left:22px!important;right:22px!important}.topbar nav a{border-radius:999px!important;min-height:70px!important}.topbar .settings-trigger,.topbar .theme-trigger{border-radius:50%!important;width:58px!important;height:70px!important;min-height:70px!important}.topbar .header-png-icon{width:25px;height:25px}.resume-toast{grid-template-columns:minmax(0,1fr) auto 58px;gap:8px;height:84px;left:22px!important;right:22px!important;bottom:calc(112px + env(safe-area-inset-bottom))!important;border-radius:44px!important;width:auto!important;padding:6px 6px 6px 22px!important}[dir=rtl] .resume-toast{padding:6px 22px 6px 6px!important}.resume-toast>div{align-items:center;gap:14px;min-width:0;display:flex}.resume-toast small{white-space:nowrap;font-size:8px}.resume-toast strong{margin:0}.resume-toast>a{border-radius:999px;place-items:center;height:70px;padding:0 18px;display:grid}.resume-close{place-items:center;width:58px;height:70px;padding:0;display:grid;border:1px solid var(--line)!important;background:0 0!important;border-radius:50%!important;position:static!important}.resume-close .header-png-icon{width:20px;height:20px}}@media (width<=520px){.topbar{height:80px!important;left:11px!important;right:11px!important}.topbar .settings-trigger,.topbar .theme-trigger{width:52px!important;height:66px!important;min-height:66px!important}.resume-toast{grid-template-columns:minmax(0,1fr) auto 52px;height:80px;left:11px!important;right:11px!important}.resume-toast>div{display:block}.resume-toast small{white-space:normal}.resume-toast strong{margin-top:3px}.resume-toast>a{height:66px}.resume-close{width:52px;height:66px}}@media (prefers-reduced-motion:reduce){.download-surah-audio{transition:none!important}}.header-png-icon,.settings-png-icon{opacity:1;width:25px;height:25px;filter:brightness(0)saturate()invert(78%)sepia(34%)saturate(650%)hue-rotate(3deg)brightness(96%)contrast(90%)!important}.theme-trigger,.settings-trigger{isolation:isolate;position:relative;overflow:hidden}.theme-trigger:after,.settings-trigger:after{content:"";background:color-mix(in srgb,var(--gold) 8%,transparent);opacity:0;z-index:-1;border-radius:999px;transition:opacity .22s,transform .28s cubic-bezier(.16,1,.3,1);position:absolute;inset:7px;transform:scale(.75)}.theme-trigger:hover:after,.settings-trigger:hover:after{opacity:1;transform:scale(1)}.theme-trigger:active,.settings-trigger:active{transform:scale(.94)!important}.language-choice{grid-template-columns:repeat(3,1fr)!important}.language-choice button{text-align:center!important}.language-setting{animation:.48s cubic-bezier(.16,1,.3,1) both setting-copy-in}.compact-settings{width:min(640px,100vw - 24px)!important}.global-settings-layer{animation:.3s both onboarding-fade}.footer-main{grid-template-columns:1fr auto}.footer-main nav{justify-self:end}.audio-download-setting{display:none!important}.global-offline-notice{z-index:360;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:28px;grid-template-columns:12px minmax(0,1fr);gap:2px 12px;width:min(390px,100vw - 32px);padding:17px 20px;animation:.5s cubic-bezier(.16,1,.3,1) both toast-enter;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 24px 74px #00000061}.global-offline-notice>span{background:#d29a61;border-radius:50%;grid-row:1/3;align-self:center;width:10px;height:10px;box-shadow:0 0 0 5px #d29a611f}.global-offline-notice strong{font:16px var(--serif)}.global-offline-notice small{color:var(--muted);font-size:10px}@media (width>=901px){.topbar>.header-actions{margin-inline-end:8px}.resume-toast{gap:10px;height:auto;min-height:78px;border-radius:39px!important;grid-template-columns:minmax(0,1fr) auto 56px!important;width:min(640px,100vw - 48px)!important;padding:7px 7px 7px 24px!important;bottom:24px!important;left:auto!important;right:24px!important}[dir=rtl] .resume-toast{padding:7px 24px 7px 7px!important}.resume-toast>div{min-width:0;display:block}.resume-toast>a{border-radius:999px;place-items:center;min-height:62px;padding:0 22px;display:grid}.resume-close{place-items:center;width:56px;height:62px;padding:0;display:grid;border:1px solid var(--line)!important;background:0 0!important;border-radius:999px!important;position:static!important}.resume-close .header-png-icon{width:19px;height:19px}}@media (width<=900px){.topbar{overflow:hidden;left:11px!important;right:11px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;border-radius:44px!important;grid-template-columns:minmax(0,1fr) 129px!important;gap:4px!important;height:84px!important;padding:6px!important}.topbar nav{overflow:hidden;min-width:0!important}.topbar nav a{min-height:70px!important}.topbar>.header-actions{overflow:visible;grid-template-columns:58px 58px!important;justify-self:start!important;gap:6px!important;width:124px!important;transform:none!important}[dir=rtl] .topbar>.header-actions{justify-self:end!important;transform:none!important}.topbar .settings-trigger,.topbar .theme-trigger{border-radius:50%!important;width:58px!important;height:70px!important;min-height:70px!important;margin:0!important}.topbar .header-png-icon{width:27px;height:27px}.global-offline-notice{left:11px;right:11px;bottom:calc(112px + env(safe-area-inset-bottom));border-radius:32px;width:auto}.footer-main{grid-template-columns:1fr}.footer-main nav{justify-self:center}}@media (width<=700px){html.nur-android-runtime .audio-download-setting{display:grid!important}}.android-audio-download{display:none!important}html.nur-android-runtime .android-audio-download{display:block!important}body.nur-route-initial main>section{animation:.58s cubic-bezier(.16,1,.3,1) both nur-page-fade}body.nur-route-forward main>section{animation:.56s cubic-bezier(.16,1,.3,1) both nur-page-from-right}body.nur-route-back main>section{animation:.56s cubic-bezier(.16,1,.3,1) both nur-page-from-left}[dir=rtl] body.nur-route-forward main>section{animation-name:nur-page-from-left}[dir=rtl] body.nur-route-back main>section{animation-name:nur-page-from-right}.reading-area.surah-forward{animation:.54s cubic-bezier(.16,1,.3,1) both nur-page-from-right}.reading-area.surah-back{animation:.54s cubic-bezier(.16,1,.3,1) both nur-page-from-left}[dir=rtl] .reading-area.surah-forward{animation-name:nur-page-from-left}[dir=rtl] .reading-area.surah-back{animation-name:nur-page-from-right}.connection-toast,.global-offline-notice,.resume-toast{will-change:transform,opacity,filter;animation:.58s cubic-bezier(.16,1,.3,1) both nur-notice-spring!important}.connection-toast>span,.global-offline-notice>span,.resume-icon{animation:2.4s ease-in-out .5s infinite nur-notice-pulse}.download-status{animation:.42s cubic-bezier(.16,1,.3,1) both nur-status-arrive}@media (width>=901px){.verse-card,.home-features article,.favorite-grid a,.study-card,.setting-group{transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .36s,background-color .3s}.verse-card:hover,.favorite-grid a:hover,.study-card:hover{border-color:color-mix(in srgb,var(--gold) 36%,var(--line));transform:translateY(-4px);box-shadow:0 22px 60px #0000002e}button,a,select{transition-duration:.28s;transition-timing-function:cubic-bezier(.16,1,.3,1)}}@keyframes nur-page-fade{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes nur-page-from-right{0%{opacity:0;filter:blur(7px);transform:translate(clamp(26px,5vw,72px))}to{opacity:1;filter:none;transform:none}}@keyframes nur-page-from-left{0%{opacity:0;filter:blur(7px);transform:translate(clamp(-72px,-5vw,-26px))}to{opacity:1;filter:none;transform:none}}@keyframes nur-notice-spring{0%{opacity:0;filter:blur(9px);transform:translateY(28px)scale(.93)}72%{opacity:1;filter:blur();transform:translateY(-3px)scale(1.01)}to{opacity:1;filter:none;transform:none}}@keyframes nur-notice-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes nur-status-arrive{0%{opacity:0;filter:blur(3px);transform:translateY(7px)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){body[class*=nur-route-] main>section,.reading-area.surah-forward,.reading-area.surah-back,.connection-toast,.global-offline-notice,.resume-toast,.connection-toast>span,.global-offline-notice>span,.resume-icon,.download-status{animation:none!important}.verse-card,.home-features article,.favorite-grid a,.study-card,.setting-group{transition:none!important}}body.nur-route-leave-left main>section{animation:.26s cubic-bezier(.55,.06,.68,.19) both nur-page-to-left!important}body.nur-route-leave-right main>section{animation:.26s cubic-bezier(.55,.06,.68,.19) both nur-page-to-right!important}[dir=rtl] body.nur-route-leave-left main>section{animation-name:nur-page-to-right!important}[dir=rtl] body.nur-route-leave-right main>section{animation-name:nur-page-to-left!important}body.nur-route-leave-left .resume-toast,body.nur-route-leave-right .resume-toast,.resume-toast.closing{pointer-events:none;animation:.26s both nur-notice-exit!important}.assistant-page~.resume-toast{display:none!important}.rail-surahs button,.favorite-grid>a{animation:.5s cubic-bezier(.16,1,.3,1) both nur-list-item-in;animation-delay:min(calc(var(--list-index,0)*18ms),.18s)}.connection-toast.closing{animation:.26s both nur-notice-exit!important}@keyframes nur-page-to-left{to{opacity:0;filter:blur(6px);transform:translate(clamp(-62px,-4vw,-22px))}}@keyframes nur-page-to-right{to{opacity:0;filter:blur(6px);transform:translate(clamp(22px,4vw,62px))}}@keyframes nur-notice-exit{to{opacity:0;filter:blur(6px);transform:translateY(20px)scale(.95)}}@keyframes nur-list-item-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.985)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){body.nur-route-leave-left main>section,body.nur-route-leave-right main>section,.resume-toast.closing,.rail-surahs button,.favorite-grid>a{animation:none!important}}@media (width<=520px){.topbar{grid-template-columns:minmax(0,1fr) 119px!important;height:80px!important}.topbar>.header-actions{grid-template-columns:54px 54px!important;gap:6px!important;width:114px!important;transform:none!important}.topbar .settings-trigger,.topbar .theme-trigger{width:54px!important;height:66px!important;min-height:66px!important}.topbar nav a{min-height:66px!important}.language-choice{grid-template-columns:1fr!important}.global-offline-notice{bottom:calc(108px + env(safe-area-inset-bottom))}}html[lang=en] .study-setting h3,html[lang=ar] .study-setting h3,html[lang=en] .study-setting>div>p,html[lang=ar] .study-setting>div>p,html[lang=en] .study-setting .switch-line>span,html[lang=ar] .study-setting .switch-line>span,html[lang=en] .study-setting .range-pickers label,html[lang=ar] .study-setting .range-pickers label,html[lang=en] .study-setting .study-action,html[lang=ar] .study-setting .study-action,html[lang=en] .verse-explain,html[lang=ar] .verse-explain{font-size:0!important}html[lang=en] .study-setting h3:after{content:"Study mode"}html[lang=ar] .study-setting h3:after{content:"وضع الدراسة"}html[lang=en] .study-setting h3:after,html[lang=ar] .study-setting h3:after{font:21px var(--serif)}html[lang=en] .study-setting>div>p:after{content:"Memorize a range of verses at your own pace."}html[lang=ar] .study-setting>div>p:after{content:"احفظ مجموعة من الآيات بالوتيرة التي تناسبك."}html[lang=en] .study-setting>div>p:after,html[lang=ar] .study-setting>div>p:after{font:12px/1.55 var(--sans)}html[lang=en] .study-setting .switch-line:first-of-type>span:before{content:"Enable memorization"}html[lang=ar] .study-setting .switch-line:first-of-type>span:before{content:"تفعيل الحفظ"}html[lang=en] .study-setting .switch-line:nth-of-type(2)>span:before{content:"Hide Arabic text"}html[lang=ar] .study-setting .switch-line:nth-of-type(2)>span:before{content:"إخفاء النص العربي"}html[lang=en] .study-setting .switch-line>span:before,html[lang=ar] .study-setting .switch-line>span:before{font:12px var(--sans)}html[lang=en] .study-setting .switch-line:nth-of-type(2) small:after{content:"It reappears on hover or keyboard focus."}html[lang=ar] .study-setting .switch-line:nth-of-type(2) small:after{content:"يظهر مجددًا عند المرور أو التركيز."}html[lang=en] .study-setting .switch-line small:after,html[lang=ar] .study-setting .switch-line small:after{font:10px/1.45 var(--sans)}html[lang=en] .study-setting .range-pickers label:first-child:before{content:"From"}html[lang=ar] .study-setting .range-pickers label:first-child:before{content:"من"}html[lang=en] .study-setting .range-pickers label:nth-child(2):before{content:"To"}html[lang=ar] .study-setting .range-pickers label:nth-child(2):before{content:"إلى"}html[lang=en] .study-setting .range-pickers label:nth-child(3):before{content:"Repeat"}html[lang=ar] .study-setting .range-pickers label:nth-child(3):before{content:"التكرار"}html[lang=en] .study-setting .range-pickers label:before,html[lang=ar] .study-setting .range-pickers label:before{font:11px var(--sans)}.study-setting .range-pickers select{font-size:12px!important}html[lang=en] .study-setting .study-action:after{content:"Play the range"}html[lang=ar] .study-setting .study-action:after{content:"تشغيل المقطع"}html[lang=en] .study-setting .study-action:after,html[lang=ar] .study-setting .study-action:after{font:700 12px var(--sans)}html[lang=en] .verse-explain:after{content:"✦ Explain"}html[lang=ar] .verse-explain:after{content:"✦ شرح"}html[lang=en] .verse-explain:after,html[lang=ar] .verse-explain:after{font:11px var(--sans)}.basmala,.surah-closing{isolation:isolate;position:relative;overflow:hidden}.basmala:before,.surah-closing:before{content:"";z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--gold) 17%,transparent) 0%,color-mix(in srgb,var(--gold) 7%,transparent) 38%,transparent 72%);filter:blur(12px);pointer-events:none;border-radius:50%;width:min(520px,86vw);height:145px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.surah-closing:before{opacity:.8;height:180px}@media (width<=900px){html{scroll-behavior:smooth}.topbar{backface-visibility:hidden;will-change:transform;contain:layout paint;transition:transform .52s cubic-bezier(.16,1,.3,1),box-shadow .3s!important;position:fixed!important;transform:translate(0,0)!important}.topbar.mobile-hidden{transform:translate3d(0,calc(125% + env(safe-area-inset-bottom)),0)!important}.topbar>.header-actions{pointer-events:none!important;position:relative!important;inset:auto!important;overflow:visible!important}.topbar>.header-actions>*{pointer-events:auto!important;position:relative!important;inset:auto!important}.topbar .theme-trigger,.topbar .settings-trigger{touch-action:manipulation;overflow:hidden!important;transform:none!important}.theme-trigger:before,.theme-trigger:after{pointer-events:none!important}.reader-page:not(.mobile-selecting) .reading-area{width:100%!important;max-width:760px!important;margin:0 auto!important;padding:18px 13px 138px!important}.mobile-surah-back{justify-content:center;align-items:center;box-shadow:inset 0 1px #ffffff06;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--line))!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;width:100%!important;min-height:59px!important;color:var(--text)!important;border-radius:26px!important;margin:0 0 12px!important;font-weight:780!important;display:flex!important}.mobile-chapter-nav{grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 0 18px!important;display:grid!important}.mobile-chapter-nav button{border:1px solid var(--line)!important;background:var(--surface)!important;min-height:58px!important;color:var(--text)!important;border-radius:24px!important;font-weight:720!important}.mobile-chapter-nav button:disabled{opacity:.34}.reading-top{grid-template-columns:1fr!important;gap:12px!important;margin:0 0 18px!important;display:grid!important}.verse-jump{grid-template-columns:52px minmax(0,1fr) 52px!important;gap:8px!important;width:100%!important;display:grid!important}.verse-jump>button{border-radius:21px!important;min-height:58px!important}.verse-jump label{border-radius:21px!important;min-height:58px!important;padding:8px 12px!important}.surah-favorite{border-radius:999px!important;width:100%!important;min-height:55px!important}.chapter-head{text-align:center!important;border-top:0!important;flex-direction:column!important;align-items:center!important;gap:19px!important;margin-top:0!important;padding:40px 10px 32px!important;display:flex!important}.chapter-head>div{text-align:center!important}.chapter-head h1{font-size:clamp(44px,12vw,58px)!important}.chapter-head strong{width:100%;text-align:center!important;font-size:clamp(35px,10vw,48px)!important}.basmala{border-block:1px solid var(--line)!important;margin:0 -1px 27px!important;padding:27px 10px!important;font-size:clamp(29px,8.5vw,40px)!important}.chapter-actions{grid-template-columns:1fr!important;gap:14px!important;margin:0 0 30px!important;display:grid!important}.chapter-actions .play-surah,.chapter-actions .explain-surah{border-radius:23px!important;width:100%!important;min-height:62px!important}.chapter-actions small{text-align:center!important;grid-column:1!important}.surah-closing{border-radius:34px!important;margin-top:34px!important}}@media (width<=520px){.reader-page:not(.mobile-selecting) .reading-area{padding-inline:7px!important}.topbar>.header-actions{transform:none!important}}.global-offline-notice.is-online{border-color:color-mix(in srgb,#70b98a 62%,var(--line));animation:.56s cubic-bezier(.16,1,.3,1) both final-toast-in}.global-offline-notice.is-online>span{background:#70b98a;box-shadow:0 0 0 5px #70b98a24,0 0 22px #70b98a6b}.mobile-surah-back,.mobile-chapter-nav,.reading-top,.chapter-head,.basmala,.chapter-actions{animation:.7s cubic-bezier(.16,1,.3,1) both final-reader-rise}.mobile-chapter-nav{animation-delay:50ms}.reading-top{animation-delay:.1s}.chapter-head{animation-delay:.16s}.basmala{animation-delay:.22s}.chapter-actions{animation-delay:.28s}.mobile-surah-back,.mobile-chapter-nav button,.verse-jump button,.verse-jump label,.surah-favorite,.chapter-actions button{transition:transform .28s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s!important}.mobile-surah-back:active,.mobile-chapter-nav button:not(:disabled):active,.verse-jump button:not(:disabled):active,.surah-favorite:active,.chapter-actions button:not(:disabled):active{transform:scale(.975)!important}.play-surah{box-shadow:0 16px 45px color-mix(in srgb,var(--gold) 18%,transparent)}.basmala:after,.surah-closing:after{content:"";z-index:-1;background:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--gold) 10%,transparent) 48%,transparent 68%);pointer-events:none;animation:5.5s ease-in-out 1.2s infinite sacred-shimmer;position:absolute;inset:0;transform:translate(-110%)}@keyframes final-reader-rise{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes final-toast-in{0%{opacity:0;filter:blur(7px);transform:translateY(24px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes sacred-shimmer{0%,68%{transform:translate(-110%)}88%,to{transform:translate(110%)}}@media (width<=900px){.topbar{opacity:1!important;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .38s,box-shadow .3s!important;translate:none!important}.topbar.mobile-hidden{opacity:0!important;translate:none!important;transform:translate3d(0,calc(130% + env(safe-area-inset-bottom)),0)!important;pointer-events:none!important}html.nur-native-android .topbar{display:none!important}html.nur-native-android body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.mobile-surah-back,.mobile-chapter-nav,.reading-top,.chapter-head,.basmala,.chapter-actions,.global-offline-notice.is-online,.basmala:after,.surah-closing:after{animation:none!important}}.ui-icon{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.play-surah,.explain-surah,.verse-explain,.player-controls .main-play{justify-content:center;align-items:center;gap:9px;display:inline-flex}.play-surah .ui-icon,.explain-surah .ui-icon{width:19px;height:19px}.verse-number button .ui-icon,.player-controls .main-play .ui-icon{width:20px;height:20px}html[lang=en] .verse-explain,html[lang=ar] .verse-explain{font-size:11px!important}html[lang=en] .verse-explain:after,html[lang=ar] .verse-explain:after{content:none!important}.theme-trigger .theme-control-icon{width:23px;height:23px;color:var(--gold);transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}.theme-trigger:hover .theme-control-icon{transform:rotate(24deg)scale(1.1)}.theme-trigger:active .theme-control-icon{transform:scale(.88)}.translation-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.translation-choice button{border-radius:18px;min-height:48px}.chapter-actions{margin-top:24px;margin-bottom:15px}.basmala{margin-top:14px;margin-bottom:25px}@media (width<=900px){.chapter-actions{margin:17px 0 13px!important}.basmala{margin:25px -1px 28px!important}}@media (width>=901px) and (width<=1280px) and (orientation:portrait),(width>=901px) and (hover:none) and (pointer:coarse) and (orientation:portrait){body{padding-bottom:114px}.topbar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(0,0);z-index:200!important;top:auto!important;left:20px!important;right:20px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line))!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;border-radius:42px!important;grid-template-columns:minmax(0,1fr) 122px!important;gap:8px!important;width:auto!important;height:80px!important;padding:6px!important;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s!important;display:grid!important;position:fixed!important;box-shadow:0 18px 54px #0006!important}.topbar.mobile-hidden{opacity:0!important;transform:translate3d(0,calc(130% + env(safe-area-inset-bottom)),0)!important;pointer-events:none!important}.topbar>.brand{display:none!important}.topbar nav{isolation:isolate;width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:0!important;display:grid!important;position:relative!important;inset:auto!important}.topbar nav:before{content:"";z-index:-1;inset-block:0;background:var(--gold);width:calc(25% - 3px);box-shadow:0 8px 22px color-mix(in srgb,var(--gold) 22%,transparent);border-radius:999px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;left:0}.topbar nav:has(a:first-child.active):before{transform:translate(0)}.topbar nav:has(a:nth-child(2).active):before{transform:translate(calc(100% + 4px))}.topbar nav:has(a:nth-child(3).active):before{transform:translate(calc(200% + 8px))}.topbar nav:has(a:nth-child(4).active):before{transform:translate(calc(300% + 12px))}[dir=rtl] .topbar nav:has(a:nth-child(2).active):before{transform:translate(calc(-100% - 4px))}[dir=rtl] .topbar nav:has(a:nth-child(3).active):before{transform:translate(calc(-200% - 8px))}[dir=rtl] .topbar nav:has(a:nth-child(4).active):before{transform:translate(calc(-300% - 12px))}.topbar nav a{z-index:1;place-items:center;min-width:0;min-height:66px;font-weight:760;display:grid;position:relative;border-radius:999px!important;padding:6px!important;font-size:clamp(11px,1.5vw,14px)!important}.topbar nav a.active{color:#102019!important;box-shadow:none!important;background:0 0!important}.topbar nav a.active:after{display:none!important}.topbar>.header-actions{grid-template-columns:58px 58px!important;gap:6px!important;width:122px!important;display:grid!important;position:relative!important;inset:auto!important;transform:none!important}.topbar .install-app{display:none!important}.topbar .settings-trigger,.topbar .theme-trigger{border-radius:999px!important;place-items:center!important;width:58px!important;height:66px!important;min-height:66px!important;margin:0!important;padding:0!important;display:grid!important}.topbar .settings-label{display:none!important}.reader-page,[dir=rtl] .reader-page{grid-template-columns:none!important;padding-inline-start:0!important;display:block!important}.reader-page .reader-rail{display:none!important}.reader-page.mobile-selecting{background:var(--bg);min-height:100svh;padding:0 22px 115px!important}.reader-page.mobile-selecting .reader-rail{background:0 0;margin:0 auto;overflow:hidden;border:0!important;width:min(800px,100%)!important;height:calc(100svh - 110px)!important;min-height:0!important;padding:34px 6px 0!important;display:flex!important;position:relative!important;inset:0 auto auto!important}.reader-page.mobile-selecting .reading-area{display:none!important}.reader-page.mobile-selecting~.site-footer{display:none}.mobile-selecting .rail-surahs h2{text-align:center;font-size:42px}.mobile-selecting .rail-surahs>label{border-radius:22px;min-height:58px}.mobile-selecting .rail-surahs>div{padding-bottom:125px}.mobile-selecting .rail-surahs button{border:1px solid var(--line);background:var(--surface);border-radius:23px;min-height:72px;margin-bottom:8px}.reader-page:not(.mobile-selecting) .reading-area,[dir=rtl] .reader-page:not(.mobile-selecting) .reading-area{grid-area:auto!important;width:min(820px,100%)!important;max-width:820px!important;margin:0 auto!important;padding:18px 20px 138px!important;display:block!important}.mobile-surah-back{border:1px solid var(--line);background:var(--surface);border-radius:26px;justify-content:center;align-items:center;width:100%;min-height:59px;margin:0 0 12px;display:flex!important}.mobile-chapter-nav{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;display:grid!important}.mobile-chapter-nav button{border:1px solid var(--line);background:var(--surface);border-radius:24px;min-height:58px}.reading-top{grid-template-columns:1fr;gap:12px;margin:0 0 18px;display:grid!important}.verse-jump{grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;width:100%;display:grid}.verse-jump>button,.verse-jump label{border-radius:21px;min-height:58px}.surah-favorite{border-radius:999px;width:100%;min-height:55px}.chapter-head{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px 10px 32px;display:flex!important}.chapter-head>div,.chapter-head strong{text-align:center}.chapter-actions{gap:12px;margin:18px 0 15px;grid-template-columns:1fr!important;display:grid!important}.chapter-actions .play-surah,.chapter-actions .explain-surah{border-radius:23px;width:100%;min-height:62px}.chapter-actions small{text-align:center;grid-column:1}.basmala{border-block:1px solid var(--line);margin:26px 0 28px;padding:26px 12px}.media-player,.resume-toast{bottom:calc(110px + env(safe-area-inset-bottom))}.assistant-shell{padding-bottom:205px}.chat-composer{bottom:calc(110px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.theme-trigger .theme-control-icon,.topbar nav:before{transition:none!important}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}@media (width<=1280px) and (orientation:portrait){.topbar nav:before{transform:var(--nav-transform,translateX(0))!important;transition:transform .52s cubic-bezier(.16,1,.3,1)!important;animation:none!important}[dir=rtl] .topbar nav:before{left:auto!important;right:0!important}.topbar.mobile-hidden{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .38s!important}}@media (width>=701px) and (width<=900px) and (orientation:landscape){body{padding-bottom:0!important}.topbar,.topbar.mobile-hidden{border:0!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important;width:100%!important;height:76px!important;box-shadow:none!important;opacity:1!important;pointer-events:auto!important;contain:none!important;border-radius:0!important;grid-template-columns:1fr auto 1fr!important;padding:0 22px!important;display:grid!important;position:sticky!important;inset:0 auto auto!important;transform:translate(0,0)!important}.topbar>.brand{display:flex!important}.topbar nav{grid-template-columns:none!important;justify-self:center!important;gap:20px!important;width:auto!important;padding:0!important;display:flex!important;position:static!important}.topbar nav:before{display:none!important}.topbar nav a{border-radius:0!important;min-height:0!important;padding:10px 0!important;font-size:12px!important;font-weight:500!important}.topbar nav a.active{color:var(--text)!important}.topbar nav a.active:after{display:block!important}.topbar>.header-actions{pointer-events:auto!important;justify-self:end!important;gap:8px!important;width:auto!important;display:flex!important}.topbar .settings-trigger,.topbar .theme-trigger{border-radius:999px!important;width:48px!important;height:42px!important;min-height:42px!important}.reader-page,.reader-page.mobile-selecting{grid-template-columns:250px minmax(0,1fr)!important;min-height:calc(100vh - 76px)!important;padding:0!important;display:grid!important}.reader-page .reader-rail,.reader-page.mobile-selecting .reader-rail{border-right:1px solid var(--line)!important;background:var(--surface)!important;grid-column:1!important;height:calc(100vh - 76px)!important;min-height:0!important;padding:24px 14px!important;display:flex!important;position:sticky!important;top:76px!important}.reader-page .reading-area,.reader-page.mobile-selecting .reading-area{grid-area:1/2!important;width:100%!important;max-width:none!important;padding:16px 24px 90px!important;display:block!important}[dir=rtl] .reader-page,[dir=rtl] .reader-page.mobile-selecting{grid-template-columns:minmax(0,1fr) 250px!important}[dir=rtl] .reader-page .reader-rail,[dir=rtl] .reader-page.mobile-selecting .reader-rail{border-right:0!important;border-left:1px solid var(--line)!important;grid-column:2!important}[dir=rtl] .reader-page .reading-area,[dir=rtl] .reader-page.mobile-selecting .reading-area{grid-column:1!important}.mobile-surah-back,.mobile-chapter-nav{display:none!important}.media-player{bottom:18px!important}}html[data-motion=reduced] .topbar nav:before{transition:none!important}@media (prefers-reduced-motion:reduce){.topbar nav:before{transition:none!important}}.word-study{border:1px solid var(--line);background:var(--surface2);border-radius:24px;margin:16px 0 0;padding:15px}.word-study summary{color:var(--gold);cursor:pointer;font-size:12px;font-weight:750}.word-study>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:15px 0;display:flex}.word-chip{border:1px solid var(--line);text-align:center;border-radius:17px;gap:3px;min-width:100px;max-width:180px;padding:10px;display:grid}.word-chip strong{font:26px/1.4 Traditional Arabic,serif}.word-chip span{color:var(--gold);font-size:10px}.word-chip small,.word-study>p{color:var(--muted);font-size:10px}.backup-actions{gap:10px;display:flex}.backup-actions button{border:1px solid var(--line);background:var(--surface2);min-height:45px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 18px}.backup-setting small{color:var(--gold);margin-top:8px;display:block}.fqih-nav-icon{vertical-align:-3px;width:17px;height:17px;margin-right:6px;display:inline-block}.ai-mark img{object-fit:contain;width:35px;height:35px}@media (width<=900px) and (orientation:portrait){.mobile-chapter-nav{gap:6px!important;margin-bottom:6px!important}.mobile-chapter-nav button{border-radius:22px!important;min-height:48px!important;padding:0 7px!important;font-size:12px!important}.reading-top{gap:5px!important;margin-bottom:6px!important;padding-bottom:7px!important}.verse-jump{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:5px!important}.verse-jump>button,.verse-jump label{min-height:48px!important}.verse-jump label{padding:5px 8px!important}.verse-jump select{padding:9px 6px!important}.surah-favorite{min-height:47px!important}.chapter-actions .play-surah,.chapter-actions .explain-surah{border-radius:36px!important}.assistant-shell:not(.conversation-started){padding-top:20px!important}.assistant-shell:not(.conversation-started) .assistant-hero{display:none}.assistant-shell:not(.conversation-started) .ai-disclaimer{margin:0 0 8px;padding:10px 14px}.assistant-shell:not(.conversation-started) .chat-stream{min-height:calc(100svh - 280px);padding:8px 0 22px}.favorites-page>.empty{margin:20px auto 10px;padding:28px 18px!important}.favorites-page>.empty .primary{border-radius:999px!important}.favorites-progress{margin-top:20px!important}}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.topbar{transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s,box-shadow .3s!important;transform:translate(0,0)!important}.topbar.mobile-hidden{translate:none!important;transform:translate3d(0,calc(100% + 32px + env(safe-area-inset-bottom)),0)!important;opacity:0!important;pointer-events:none!important}.topbar{grid-template-columns:minmax(0,1fr) 76px!important;gap:8px!important}.topbar>.header-actions{grid-template-columns:1fr!important;justify-self:end!important;gap:0!important;width:76px!important;display:grid!important}.topbar .theme-trigger{display:none!important}.topbar .settings-trigger{border-radius:999px!important;place-items:center!important;width:100%!important;height:66px!important;min-height:66px!important;margin:0!important;display:grid!important}.topbar nav{isolation:isolate!important;border:0!important;position:relative!important}.topbar nav:before{content:""!important;inset-block:0!important;width:var(--nav-width,25%)!important;background:var(--gold)!important;transform:translate3d(var(--nav-x,0px),0,0)!important;border-radius:999px!important;transition:none!important;animation:none!important;display:block!important;position:absolute!important;left:0!important;right:auto!important}.topbar nav.nav-ready:before{transition:transform .48s cubic-bezier(.16,1,.3,1),width .48s cubic-bezier(.16,1,.3,1)!important}.topbar nav a.active{color:#071912!important}.topbar nav a.active:after{content:none!important;display:none!important}}@media (width<=520px){.topbar{grid-template-columns:minmax(0,1fr) 78px!important}.topbar>.header-actions{width:78px!important}.topbar .settings-trigger{height:64px!important;min-height:64px!important}}@media (width>=1281px),(width>=701px) and (orientation:landscape){.topbar nav{isolation:isolate;align-items:center;position:relative!important}.topbar nav:before{content:"";inset-block:5px;width:var(--nav-width,60px);border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:color-mix(in srgb,var(--gold) 11%,transparent);transform:translate3d(var(--nav-x,0px),0,0);border-radius:999px;transition:none;position:absolute;left:0;display:block!important}.topbar nav.nav-ready:before{transition:transform .48s cubic-bezier(.16,1,.3,1),width .48s cubic-bezier(.16,1,.3,1)}.topbar nav a{z-index:1;padding-inline:12px!important}.topbar nav a.active:after{content:none!important;display:none!important}}@media (prefers-reduced-motion:reduce){.topbar,.topbar nav.nav-ready:before{transition:none!important}}html[data-motion=reduced] .topbar,html[data-motion=reduced] .topbar nav.nav-ready:before{transition:none!important}.rail-surahs>div:last-child{padding-inline:8px}.rail-surahs>div:last-child>button{transform-origin:50%;position:relative;border:1px solid var(--line)!important;border-radius:22px!important;transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .25s,background .25s,box-shadow .3s!important}.rail-surahs>div:last-child>button.active{border-color:color-mix(in srgb,var(--gold) 68%,var(--line))!important;background:color-mix(in srgb,var(--gold) 8%,var(--surface))!important;box-shadow:0 8px 24px #0000001a!important}.rail-surahs>div:last-child>button:hover,.rail-surahs>div:last-child>button:focus-visible{z-index:1;outline:1px solid var(--gold);outline-offset:0;border-color:var(--gold)!important;box-shadow:0 14px 30px #0000002e,0 0 0 2px color-mix(in srgb,var(--gold) 17%,transparent)!important;transform:scale(1.025)!important}[dir=rtl] .rail-surahs>div:last-child>button:hover,[dir=rtl] .rail-surahs>div:last-child>button:focus-visible{transform:scale(1.025)!important}.assistant-hero .ai-mark{color:#d9b96e;border:1px solid #d9b96e;box-shadow:0 14px 38px #0000002e,inset 0 1px #ffffff14;background:#11271f!important}.assistant-hero .ai-mark img{filter:drop-shadow(0 0 8px #d9b96e40);width:35px;height:35px}.appearance-choice button{justify-content:center;align-items:center;gap:9px;display:flex;border-radius:18px!important}.appearance-choice .ui-icon,.appearance-setting .setting-icon .ui-icon{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.rail-surahs>div:last-child>button{transition:none!important}.rail-surahs>div:last-child>button:hover{transform:none!important}}html[data-motion=reduced] .rail-surahs>div:last-child>button:hover{transform:none!important}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){[dir=rtl] .topbar nav:before{left:0!important;right:auto!important}html[data-motion=reduced] .topbar nav:before{transform:translate3d(var(--nav-x,0px),0,0)!important}}.verse-load-more{pointer-events:none;height:2px}html[data-motion=reduced]{scroll-behavior:auto!important}html[data-motion=reduced]:not(#nur-motion-override) *,html[data-motion=reduced]:not(#nur-motion-override) :before,html[data-motion=reduced]:not(#nur-motion-override) :after{scroll-behavior:auto!important;view-transition-name:none!important;transition:none!important;animation:none!important}html[data-motion=reduced] .setting-group,html[data-motion=reduced] .picker-menu a,html[data-motion=reduced] .customize-tab .study-card,html[data-motion=reduced] .customize-tab .study-card>*,html[data-motion=reduced] .customize-tab .progress-numbers span{opacity:1!important}html[data-motion=reduced] .rail-surahs>div:last-child>button:hover,html[data-motion=reduced] .rail-surahs>div:last-child>button:focus-visible,html[data-motion=reduced] .theme-trigger:active,html[data-motion=reduced] .settings-trigger:active{transform:none!important}@media (prefers-reduced-motion:reduce){html:not(#nur-motion-override) *,html:not(#nur-motion-override) :before,html:not(#nur-motion-override) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.setting-group,.picker-menu a,.customize-tab .study-card,.customize-tab .study-card>*,.customize-tab .progress-numbers span{opacity:1!important}}[dir=rtl] .topbar nav:before{left:0!important;right:auto!important}html[data-motion=reduced] .topbar nav:before{transform:translate3d(var(--nav-x,0px),0,0)!important}@media (prefers-reduced-motion:reduce){.topbar nav:before{transform:translate3d(var(--nav-x,0px),0,0)!important}}[dir=rtl] body,[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{font-family:Geeza Pro,Noto Sans Arabic,Tahoma,Segoe UI,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .lede,[dir=rtl] .surah-heading,[dir=rtl] .reader-rail h2,[dir=rtl] .ai-welcome h2,[dir=rtl] .assistant-hero h1{letter-spacing:normal;font-family:Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;line-height:1.35}[dir=rtl] .topbar nav a,[dir=rtl] .settings-label,[dir=rtl] .setting-group,[dir=rtl] .chat-composer,[dir=rtl] .chat-message,[dir=rtl] .assistant-hero,[dir=rtl] .ai-welcome{letter-spacing:normal;line-height:1.6}[dir=rtl] .assistant-shell,[dir=rtl] .chat-stream,[dir=rtl] .chat-message,[dir=rtl] .chat-composer,[dir=rtl] .attachment-picker,[dir=rtl] .chat-composer textarea{text-align:right;direction:rtl}[dir=rtl] .topbar>.header-actions{z-index:3;position:relative;pointer-events:auto!important}[dir=rtl] .topbar .settings-trigger{z-index:2;direction:rtl;place-items:center;min-width:0;display:grid;position:relative}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){[dir=rtl] .topbar>.header-actions{justify-self:stretch!important;width:76px!important;margin:0!important;transform:none!important}[dir=rtl] .topbar .settings-trigger{width:100%!important;margin:0!important}}.tajweed tajweed.warsh_taqlil{color:#db9a48}.tajweed tajweed.warsh_naql{color:#df7f9f}.tajweed-legend .warsh_taqlil{background:#db9a48}.tajweed-legend .warsh_naql{background:#df7f9f}.assistant-shell.conversation-started .assistant-hero{margin:0 0 6px;padding:0 8px 14px}.assistant-shell.conversation-started .assistant-hero .ai-mark{width:50px!important;height:44px!important}.assistant-shell.conversation-started .assistant-hero h1{margin:2px 0;font-size:27px}.assistant-shell.conversation-started .assistant-hero small{font-size:8px}@media (width<=900px) and (orientation:portrait){.assistant-shell:not(.conversation-started) .assistant-hero{align-items:center;margin:0 0 10px;padding:0 5px 13px;display:flex}.assistant-shell:not(.conversation-started) .assistant-hero h1{font-size:28px}.assistant-shell:not(.conversation-started) .assistant-hero p{font-size:12px;line-height:1.4}.assistant-shell.conversation-started .assistant-hero{align-items:center}}.favorites-page>.empty{gap:11px;max-width:560px;min-height:0;margin:28px auto 12px;padding:22px 18px}.favorites-page>.empty>span{margin:0 0 3px;line-height:1}.favorites-page>.empty h2{color:var(--text);margin:0;line-height:1.2}.favorites-page>.empty p{margin:0 0 5px;line-height:1.45}.favorites-page>.empty .primary{border-radius:999px;margin:0}@media (width<=900px) and (orientation:portrait){.favorites-page>.empty{gap:10px;margin:14px auto 6px;padding:18px 16px!important}}@media (width>=701px) and (width<=1280px) and (orientation:portrait){.reader-page.mobile-selecting .rail-surahs>div>button{min-height:66px!important;margin-bottom:13px!important;padding:12px 16px!important}.reader-page.mobile-selecting .rail-surahs>div>button strong{font-size:17px}}.topbar nav:not(.nav-measured):before{opacity:0!important}@media (width>=1281px),(width>=701px) and (orientation:landscape){.topbar:not(.landing-header){top:0!important;bottom:auto!important;contain:none!important;border-radius:0!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;width:100%!important;height:76px!important;margin:0!important;padding:0 clamp(20px,5vw,76px)!important;display:grid!important;position:sticky!important;inset-inline:0!important;overflow:visible!important}.topbar:not(.landing-header) nav{align-items:center;gap:24px!important;width:auto!important;display:flex!important;position:relative!important}.topbar:not(.landing-header) nav a{white-space:nowrap;justify-content:center;align-items:center;min-height:42px;display:flex;padding:10px 16px!important}.topbar:not(.landing-header) nav.nav-measured:before{box-sizing:border-box;pointer-events:none;width:var(--nav-width)!important;height:auto!important;transform:translate3d(var(--nav-x),0,0)!important;animation:none!important;inset:5px auto 5px 0!important}.topbar:not(.landing-header) nav a:after{content:none!important;display:none!important}.topbar .settings-trigger,.topbar .theme-trigger,.topbar.landing-header .landing-settings-trigger{border-radius:999px!important;flex:0 0 58px!important;width:58px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important}.topbar .header-actions{gap:10px!important;transform:none!important}}.reading-area[data-surah-ready=false] .reading-top,.reading-area[data-surah-ready=false] .chapter-head,.reading-area[data-surah-ready=false] .chapter-actions,.reading-area[data-surah-ready=false] .basmala,.reading-area[data-surah-ready=false] .verse-stack,.reading-area[data-surah-ready=false] .surah-closing,.reading-area[data-surah-ready=false] .empty,.reading-area[data-surah-ready=false] .mark-read-button{display:none!important}@media (width>=1000px) and (height<=800px){.home-hero{justify-content:flex-start;min-height:calc(100svh - 76px);padding:clamp(20px,4svh,36px) 20px 34px}.home-hero h1{margin:12px 0 8px;font-size:clamp(62px,6.4vw,88px)}.home-hero .lede{margin:8px auto 18px;font-size:18px;line-height:1.45}.home-hero .picker{margin-top:0}.home-hero .quiet-link{margin-top:12px}}.landing-start{border-radius:999px;justify-content:center;align-items:center;gap:22px;width:min(680px,90vw);min-height:76px;margin:22px auto 0;font-size:18px;transition:transform .3s,box-shadow .3s;animation:.8s cubic-bezier(.16,1,.3,1) .4s both text-rise;display:flex;position:relative}.landing-start:hover{box-shadow:0 12px 38px color-mix(in srgb,var(--gold) 23%,transparent);transform:translateY(-3px)}.personal-hero{min-height:min(760px,100svh - 76px)}.personal-hero h1{overflow-wrap:anywhere;max-width:1100px}.personal-hero h1 em{max-width:100%}.guest-name{color:var(--muted);margin:0 0 16px;display:block;position:relative}.daily-reminder,.personal-library{width:min(1100px,100% - 48px);margin:32px auto}.daily-reminder{border:1px solid var(--line);background:var(--surface);border-radius:42px;align-items:flex-start;gap:22px;padding:30px 36px;animation:.7s both text-rise;display:flex}.daily-reminder>span{color:var(--gold);font-size:28px}.daily-reminder small,.personal-section-head>span{color:var(--gold);letter-spacing:.13em;font-size:10px}.daily-reminder p{font:23px/1.6 var(--serif);margin:12px 0}.daily-reminder a{color:var(--muted);font-size:12px}.daily-reminder a:hover{color:var(--gold)}.personal-library{padding:34px 0 64px}.personal-section-head h2{font:42px/1.2 var(--serif);margin:10px 0 20px}.personal-library .favorite-grid{margin:24px 0}.personal-library .favorite-grid a{border-radius:32px}.personal-library .favorite-grid h3{font:28px var(--serif);margin:15px 0}.personal-empty{border:1px solid var(--line);background:var(--surface);border-radius:42px;gap:12px;min-height:0;margin:0 auto 22px;padding:30px}.personal-empty h3{margin:0;font-size:22px}.personal-empty p{margin:0 0 8px}.personal-empty .primary{border-radius:999px}.personal-library .favorites-progress{border-radius:42px;margin:28px 0 0}.placeholder-content{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:70px;display:flex}.personal-library .favorite-grid{grid-template-columns:repeat(var(--favorite-columns,3),minmax(0,1fr));width:100%;max-width:none}.personal-library .favorite-grid>a{min-width:0}.hadith-library{max-width:1100px;margin:auto;padding:55px 24px 80px}.hadith-heading{text-align:center;margin-bottom:30px}.hadith-heading .eyebrow{justify-content:center}.hadith-heading h1{font:clamp(44px,6vw,76px)/1.1 var(--serif);margin:18px 0}.hadith-heading>p:last-child{color:var(--muted)}.hadith-controls{border:1px solid var(--line);background:var(--surface);border-radius:38px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:26px;display:grid}.hadith-controls label{color:var(--muted);flex-direction:column;gap:9px;min-width:0;font-size:13px;display:flex}.hadith-controls select,.hadith-controls input[type=search]{width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--bg);border:1px solid var(--line);font:inherit;border-radius:20px;padding:12px;font-size:16px}.hadith-controls :is(input,select):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hadith-search{grid-column:span 2}.hadith-controls .hadith-filter{flex-direction:row;align-self:center;align-items:center;gap:12px}.hadith-filter input{width:20px;height:20px;accent-color:var(--gold)}.hadith-note,.hadith-credit{color:var(--muted);margin:22px 4px;font-size:13px;line-height:1.8}.hadith-results{min-height:220px}.hadith-results>h2{font:28px/1.4 var(--serif);margin:30px 0 20px}.hadith-results h2 small{font:13px var(--sans);color:var(--muted)}.hadith-card{border:1px solid var(--line);background:var(--surface);border-radius:38px;margin-bottom:20px;padding:30px;animation:.45s cubic-bezier(.16,1,.3,1) both text-rise}.hadith-card header{color:var(--gold);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.hadith-card header span{color:var(--muted)}.hadith-arabic{font:26px/2.1 var(--arabic,serif);text-align:right;white-space:pre-line;overflow-wrap:anywhere}.hadith-translation{white-space:pre-line;overflow-wrap:anywhere;font-size:17px;line-height:1.85}.hadith-card details{color:var(--muted);padding-block:14px;font-size:13px;line-height:1.8}.hadith-card summary{cursor:pointer}.hadith-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.hadith-card footer>a:first-child,.hadith-credit a{color:var(--muted);text-underline-offset:4px;text-decoration:underline}.hadith-card .primary,.hadith-chapters .primary,.hadith-results>button{border-radius:999px;min-height:46px;padding:14px 22px}.hadith-chapters{justify-content:space-between;gap:14px;margin-top:26px;display:flex}.hadith-chapters button:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.hadith-library{padding:28px 16px 50px}.hadith-controls{border-radius:30px;grid-template-columns:1fr;gap:14px;padding:20px}.hadith-search{grid-column:auto}.hadith-card{border-radius:30px;padding:22px}.hadith-arabic{font-size:23px}.hadith-translation{font-size:16px}.hadith-chapters .primary{padding:12px 16px;font-size:12px}}.welcome-backdrop{place-items:center;min-height:calc(100svh - 76px);display:grid;position:relative;overflow:hidden}.onboarding-auth-modes{border:1px solid var(--line);background:var(--surface2);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 22px;padding:5px;display:grid}.onboarding-auth-modes button{min-width:0;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.onboarding-auth-modes button[aria-pressed=true]{background:var(--gold);color:#101a15}.onboarding-auth-modes button:hover:not(:disabled){border-color:var(--gold)}.onboarding-auth-modes button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.onboarding-auth-modes button:disabled{cursor:wait;opacity:.65}.onboarding-error{margin:18px 0 0}.onboarding-card[dir=rtl] .onboarding-arrow,.onboarding-card[dir=rtl] .onboarding-back span{transform:scaleX(-1)}.onboarding-card[dir=rtl] .onboarding-back span{transform:scaleX(-1)rotate(180deg)}.onboarding-layer{z-index:500;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.onboarding-card{max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}.onboarding-card h1:focus{outline:none}.onboarding-progress{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:9px}.onboarding-slide>h1{font-size:clamp(38px,5vw,58px);line-height:1.08}.onboarding-display-options{gap:10px;margin-top:14px;display:grid}.onboarding-display-options .onboarding-switch{margin:0}.onboarding-skip{border:1px solid var(--line);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:999px;margin-inline-start:auto;padding:16px 22px;transition:color .25s,border-color .25s}.onboarding-skip:hover{color:var(--text);border-color:var(--gold)}.signin-options{gap:18px;display:grid}.google-signin{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:58px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:12px 16px;font:600 15px inherit;transition:transform .25s,border-color .25s;display:flex}.google-signin:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.google-signin svg{flex:none;width:22px;height:22px}.google-signin:disabled{opacity:.55;cursor:default}.email-signin{gap:10px;display:grid}.email-signin>label,.profile-name-label{color:var(--muted);font-size:12px}.email-signin input,.profile-name-input,.admin-login input{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:54px;color:var(--text);border-radius:24px;outline:none;padding:12px 18px;font-size:16px}.email-signin input:focus,.profile-name-input:focus,.admin-login input:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 12%,transparent)}.email-signin .primary{border-radius:999px;width:100%;min-height:54px;margin-top:8px}.email-signin .quiet-link{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:0;padding:8px}.code-sent,.signin-unavailable{color:var(--muted);margin:2px 0;font-size:13px;line-height:1.55}.otp-input{text-align:center;letter-spacing:.5em;font-size:24px!important}.profile-name-input{margin:12px 0 18px}.profile-name-help{color:var(--muted);line-height:1.5;display:block}.signin-success{text-align:center;justify-items:center;gap:16px;display:grid}.signin-success>span{border:1px solid var(--gold);width:64px;height:64px;color:var(--gold);border-radius:50%;place-items:center;font-size:30px;display:grid}.signin-success p{line-height:1.8}.signin-success .primary{border-radius:999px;min-width:240px}.account-secondary{border:1px solid var(--line);background:var(--surface2);min-height:43px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:10px 18px;font-size:13px;transition:transform .25s,border-color .25s;display:inline-flex}.account-secondary:hover{border-color:var(--gold);transform:translateY(-2px)}.account-sync-status{color:var(--gold);font-size:12px;display:block}.account-error{color:#d59b86;background:#d59b8614;border:1px solid #d59b8659;border-radius:22px;padding:14px;font-size:14px;line-height:1.6;animation:.3s both text-rise}.account-setting p{overflow-wrap:anywhere}.admin-shell{max-width:1100px;margin:0 auto;padding:52px 24px 80px}.admin-shell>h1{font:54px/1.15 var(--serif);margin:16px 0 28px}.admin-shell .eyebrow{justify-content:flex-start}.admin-login{border:1px solid var(--line);background:var(--surface);border-radius:42px;gap:18px;max-width:460px;padding:30px;animation:.6s both text-rise;display:grid}.admin-login label{color:var(--muted);gap:9px;font-size:13px;display:grid}.admin-login .primary{border-radius:999px;min-height:54px}.admin-not-ready,.gmail-admin{border:1px solid var(--line);background:var(--surface);border-radius:42px;padding:30px}.admin-not-ready p,.gmail-admin p{color:var(--muted);line-height:1.6}.gmail-admin .primary{border-radius:999px;margin-top:10px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-toolbar>span{color:var(--muted);margin-inline-end:auto;font-size:12px}.admin-toolbar button{margin:0}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-metrics article{border:1px solid var(--line);background:var(--surface);border-radius:32px;gap:14px;padding:30px;animation:.5s both text-rise;display:grid}.admin-metrics strong{font:48px var(--serif);color:var(--gold)}.admin-metrics span,.admin-count-note{color:var(--muted);font-size:12px;line-height:1.5}.admin-count-note{margin:18px 0 28px}.admin-chart{border:1px solid var(--line);background:var(--surface);border-radius:42px;padding:28px}.admin-chart h2,.admin-lists h2,.gmail-admin h2{font:28px var(--serif);margin:0 0 22px}.traffic-bars{align-items:flex-end;gap:8px;height:240px;padding-bottom:24px;display:flex;overflow:auto}.traffic-bars>div{flex:1;align-items:flex-end;min-width:18px;height:100%;display:flex;position:relative}.traffic-bars span{background:linear-gradient(var(--gold),color-mix(in srgb,var(--gold) 30%,transparent));transform-origin:bottom;border-radius:12px 12px 4px 4px;width:100%;animation:.65s both nur-bar-grow}.traffic-bars small{color:var(--muted);font-size:9px;position:absolute;bottom:-22px;left:0}.admin-lists{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.admin-lists article{border:1px solid var(--line);background:var(--surface);border-radius:42px;padding:28px}.admin-lists ol{margin:0;padding:0;list-style:none}.admin-lists li{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;font-size:14px;display:flex}.admin-lists li:last-child{border:0}.admin-lists b{color:var(--gold)}@keyframes nur-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (width>=1000px) and (height<=800px){.assistant-shell{padding-top:24px!important}.assistant-hero{margin-bottom:16px!important}.assistant-hero h1{font-size:42px!important}.assistant-hero p{margin:5px 0!important}.assistant-shell:not(.conversation-started) .chat-stream{min-height:180px!important}.assistant-shell .ai-welcome{min-height:160px!important;padding-block:20px!important}.placeholder-content{min-height:calc(100svh - 76px);padding-top:28px!important}.personal-hero{min-height:calc(100svh - 76px)}}@media (width<=900px),(width<=1280px) and (orientation:portrait){.personal-hero{min-height:620px;padding-top:max(44px,env(safe-area-inset-top));padding-bottom:34px}.personal-hero h1{font-size:clamp(48px,9vw,78px)}.daily-reminder,.personal-library{width:calc(100% - 32px)}.daily-reminder{border-radius:34px;gap:16px;margin-top:18px;padding:24px}.daily-reminder p{font-size:21px}.personal-library{padding-top:22px}.personal-section-head h2{font-size:34px}.personal-library .favorite-grid{grid-template-columns:1fr}.personal-library .favorites-progress{border-radius:34px}.placeholder-content{padding-top:40px}.admin-shell{padding:32px 16px 48px}.admin-shell>h1{font-size:42px}.admin-metrics{grid-template-columns:1fr}.admin-metrics article{grid-template-columns:90px 1fr;align-items:center;padding:22px}.admin-lists{grid-template-columns:1fr}.admin-login{border-radius:34px;padding:24px}.onboarding-slide{min-height:0!important}.onboarding-card{padding:24px 20px}.onboarding-slide>h1{font-size:42px}.onboarding-slide>p{margin-bottom:20px}.onboarding-actions{bottom:-24px}.onboarding-skip{width:100%;font-size:13px}}[dir=rtl] .daily-reminder small,[dir=rtl] .personal-section-head>span{letter-spacing:normal}html[data-motion=reduced] .traffic-bars span{animation:none!important}.google-signin{font-family:inherit;font-size:15px;font-weight:600}@media (width>=901px){.onboarding-actions{background:linear-gradient(transparent,var(--surface) 28%);margin-bottom:-42px;padding:18px 0 42px;position:sticky;bottom:-42px}}.profile-name-input.invalid,.profile-name-input.invalid:focus{border-color:#e45b62;box-shadow:0 0 0 3px #e45b6224}.onboarding-slide>.profile-name-error{color:#e45b62;margin:-6px 0 16px;font-size:14px;line-height:1.5}.onboarding-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.topbar.landing-header{top:0!important;bottom:auto!important;border:0!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important;width:100%!important;height:76px!important;box-shadow:none!important;opacity:1!important;contain:none!important;border-radius:0!important;grid-template-columns:none!important;justify-content:space-between!important;padding:0 clamp(16px,4vw,64px)!important;display:flex!important;position:sticky!important;inset-inline:0!important;transform:none!important}.topbar.landing-header>.brand{width:138px;height:51px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;overflow:visible;display:flex!important}.topbar.landing-header .logo-crop{display:block;overflow:visible;width:100%!important;height:100%!important}.topbar.landing-header .logo-crop img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;position:static}.topbar.landing-header>.header-actions{pointer-events:auto!important;justify-self:auto!important;gap:10px!important;width:auto!important;margin:0!important;display:flex!important;transform:none!important}.landing-auth-button,.topbar.landing-header .theme-trigger{border:1px solid var(--line);background:var(--surface);white-space:nowrap;padding:0 18px;font-size:13px;font-weight:600;transition:border-color .25s,background .25s,transform .25s;border-radius:999px!important;justify-content:center!important;align-items:center!important;height:42px!important;min-height:42px!important;display:flex!important}.topbar.landing-header .theme-trigger{width:48px!important;padding:0!important}.landing-auth-button.signup{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold)}.landing-auth-button:hover{border-color:var(--gold);background:var(--surface2);transform:translateY(-2px)}@media (width<=600px){.topbar.landing-header{height:68px!important;padding:0 12px!important}.topbar.landing-header>.header-actions{gap:7px!important}.topbar.landing-header>.brand{width:clamp(68px,20vw,92px);height:36px}.landing-auth-button,.topbar.landing-header .theme-trigger{padding-inline:12px;font-size:12px;height:44px!important;min-height:44px!important}.topbar.landing-header .theme-trigger{width:44px!important}}@media (width<=360px){.topbar.landing-header>.brand{width:60px;height:32px}.landing-auth-button{padding-inline:9px;font-size:11px}}@media (width>=1281px),(width>=901px) and (orientation:landscape),(width>=701px) and (width<=900px) and (orientation:landscape){body[class*=nur-route-] main>.reader-page{filter:none!important;animation:none!important;transform:none!important}body.nur-route-initial .reader-page>.reading-area:not(.surah-forward):not(.surah-back){animation:.58s cubic-bezier(.16,1,.3,1) both nur-page-fade}body.nur-route-forward .reader-page>.reading-area:not(.surah-forward):not(.surah-back){animation:.56s cubic-bezier(.16,1,.3,1) both nur-page-from-right}body.nur-route-back .reader-page>.reading-area:not(.surah-forward):not(.surah-back){animation:.56s cubic-bezier(.16,1,.3,1) both nur-page-from-left}[dir=rtl] body.nur-route-forward .reader-page>.reading-area:not(.surah-forward):not(.surah-back){animation-name:nur-page-from-left}[dir=rtl] body.nur-route-back .reader-page>.reading-area:not(.surah-forward):not(.surah-back){animation-name:nur-page-from-right}body.nur-route-leave-left .reader-page>.reading-area{animation:.26s both nur-page-to-left!important}body.nur-route-leave-right .reader-page>.reading-area{animation:.26s both nur-page-to-right!important}[dir=rtl] body.nur-route-leave-left .reader-page>.reading-area{animation-name:nur-page-to-right!important}[dir=rtl] body.nur-route-leave-right .reader-page>.reading-area{animation-name:nur-page-to-left!important}}html[data-motion=reduced] .reader-page>.reading-area{animation:none!important}@media (prefers-reduced-motion:reduce){.reader-page>.reading-area{animation:none!important}.landing-auth-button{transition:none!important;transform:none!important}}html[data-motion=reduced] .landing-auth-button{transition:none!important;transform:none!important}.onboarding-card .onboarding-actions{background:var(--surface);box-shadow:0 -14px 18px var(--surface);margin-bottom:0;padding:18px 0 0;bottom:0}.onboarding-layer{box-sizing:border-box}.onboarding-layer .onboarding-card{width:100%;min-width:0;max-width:680px}.onboarding-card-head{align-items:center;gap:18px;margin-bottom:30px;display:flex}.onboarding-card-head .onboarding-progress{flex:1;margin-bottom:0}.onboarding-close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:var(--surface2);border-radius:50%;flex:0 0 44px;place-items:center;transition:transform .2s,border-color .2s,background .2s;display:grid}.onboarding-close svg{width:20px;height:20px}.onboarding-close:hover{border-color:var(--gold);transform:scale(1.06)}.onboarding-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.language-welcome-open{overflow:hidden}.language-welcome-layer{z-index:650}.onboarding-layer .language-welcome-card{max-width:600px}.language-welcome-card h1{font-family:var(--serif);margin:16px 0;font-size:clamp(30px,5vw,46px);line-height:1.15}.language-welcome-card>p{color:var(--muted);margin:0 0 26px;line-height:1.7}.language-welcome-card .language-cards button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.language-welcome-card[dir=rtl] h1{letter-spacing:0;font-family:Noto Naskh Arabic,Traditional Arabic,serif}.language-welcome-copy>p{color:var(--muted);margin:0 0 26px;line-height:1.7}.language-welcome-copy{animation:.38s cubic-bezier(.16,1,.3,1) both welcome-copy-in}.language-welcome-card{animation:.65s cubic-bezier(.16,1,.3,1) both welcome-card-in}.language-welcome-card .language-cards button{animation:.5s both welcome-copy-in}.language-welcome-card .language-cards button:nth-child(2){animation-delay:60ms}.language-welcome-card .language-cards button:nth-child(3){animation-delay:.12s}.language-welcome-layer.closing{animation:.24s both welcome-fade-out}.language-welcome-layer.closing .language-welcome-card{animation:.24s both welcome-card-out}.onboarding-slide.leaving{animation:.18s both welcome-slide-out}.onboarding-layer:not(.language-welcome-layer) .onboarding-card{animation:.6s cubic-bezier(.16,1,.3,1) both welcome-card-in}@keyframes welcome-card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes welcome-card-out{to{opacity:0;transform:translateY(-12px)scale(.98)}}@keyframes welcome-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes welcome-slide-out{to{opacity:0;transform:translateX(calc(-1 * var(--onboarding-enter,22px)))}}@keyframes welcome-fade-out{to{opacity:0}}.entry-loading{min-height:100svh;color:var(--muted);place-items:center;display:grid}.nur-route-snapshot{z-index:20;pointer-events:none;background:var(--bg);contain:layout paint;position:fixed;inset:0;overflow:hidden}.nur-route-snapshot[hidden]{display:none!important}.nur-route-snapshot *{pointer-events:none!important;transition:none!important;animation:none!important}.nur-route-snapshot .topbar,.nur-route-snapshot .chat-composer,.nur-route-snapshot .media-player{visibility:hidden!important}.nur-route-snapshot.playing.exit-left{animation:.22s cubic-bezier(.55,.06,.68,.19) both nur-page-to-left}.nur-route-snapshot.playing.exit-right{animation:.22s cubic-bezier(.55,.06,.68,.19) both nur-page-to-right}[dir=rtl] .nur-route-snapshot.playing.exit-left{animation-name:nur-page-to-right}[dir=rtl] .nur-route-snapshot.playing.exit-right{animation-name:nur-page-to-left}.landing-settings-open{overflow:hidden}.landing-settings-layer{z-index:580}.landing-settings-layer .landing-settings{min-width:0;max-width:600px;animation:.4s cubic-bezier(.16,1,.3,1) both welcome-card-in;width:100%!important}.landing-settings-layer.closing{animation:.24s both welcome-fade-out}.landing-settings-layer.closing .landing-settings{animation:.24s both welcome-card-out}.landing-settings .reset-data-card{grid-template-columns:42px minmax(0,1fr);align-items:start}.landing-settings .reset-data-card p{font-size:12px;line-height:1.65}.landing-settings .reset-data-button,.landing-settings .reset-data-confirm{grid-column:1/-1}.landing-settings .reset-data-button{width:100%}.topbar.landing-header .landing-settings-trigger{background:var(--surface);border:1px solid var(--line);cursor:pointer;flex:none;transition:transform .25s,border-color .25s,background .25s;border-radius:999px!important;place-items:center!important;width:48px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;display:grid!important}.topbar.landing-header .landing-settings-trigger:hover{border-color:var(--gold);transform:translateY(-2px)}.topbar.landing-header .landing-settings-trigger:active{transform:scale(.94)}.topbar.landing-header .landing-settings-trigger img{object-fit:contain;width:22px;height:22px}@media (width<=600px){.topbar.landing-header .landing-settings-trigger{width:44px!important;height:44px!important;min-height:44px!important}.topbar.landing-header .landing-settings-trigger,.topbar.landing-header .theme-trigger{flex:0 0 44px}}@media (width<=430px){.topbar.landing-header{gap:6px!important}.topbar.landing-header>.brand{width:56px;height:32px}.topbar.landing-header>.header-actions{gap:5px!important}.topbar.landing-header .landing-auth-button{padding-inline:8px;font-size:11px}}@media (width<=360px){.topbar.landing-header{gap:4px!important;padding-inline:10px!important}.topbar.landing-header>.brand{width:44px;height:30px}.topbar.landing-header>.header-actions{gap:4px!important}.topbar.landing-header .landing-auth-button{padding-inline:6px;font-size:10px}}@media (width<=700px) and (orientation:portrait){body:has(.assistant-page){padding-bottom:0!important}.personal-hero{min-height:clamp(480px,68svh,570px);padding:32px 18px 30px}.personal-hero h1{margin:18px 0 12px;font-size:clamp(42px,11.5vw,64px);line-height:1.08}.personal-hero .lede{max-width:32ch;margin:12px auto 22px;font-size:17px;line-height:1.55}.personal-hero .picker{width:100%;max-width:440px}.personal-hero .picker-trigger{border-radius:32px;min-height:60px;font-size:20px}.daily-reminder{gap:13px;padding:22px 20px}.daily-reminder p{font-size:20px;line-height:1.5}.topbar:not(.landing-header){grid-template-columns:minmax(0,1fr) 60px!important;gap:6px!important}.topbar:not(.landing-header)>.header-actions,[dir=rtl] .topbar:not(.landing-header)>.header-actions{width:60px!important}.topbar:not(.landing-header) nav a{padding-inline:2px!important;font-size:clamp(10px,2.6vw,12px)!important}.assistant-shell:not(.conversation-started){min-height:100svh;padding-bottom:calc(218px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.assistant-shell:not(.conversation-started) .chat-stream{flex:1;padding:12px 0 20px;min-height:0!important}.ai-welcome h2{font-size:clamp(25px,7.5vw,31px);line-height:1.2}.ai-welcome p{max-width:30ch;margin:14px auto;font-size:15px;line-height:1.5}.ai-welcome button{min-height:44px;font-size:14px}.chat-composer textarea{min-width:0;font-size:16px}.reader-search input,.surah-search input,.onboarding-setting select,.attachment-picker select{font-size:16px}.ai-disclaimer{font-size:12px;line-height:1.5}}@media (width<=360px) and (orientation:portrait){.topbar:not(.landing-header){grid-template-columns:minmax(0,1fr) 48px!important;gap:4px!important}.topbar:not(.landing-header)>.header-actions,[dir=rtl] .topbar:not(.landing-header)>.header-actions{width:48px!important}.topbar:not(.landing-header) nav{grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr)!important}.chat-composer>div:last-child{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.chat-composer .composer-plus,.chat-composer .composer-send{width:44px;height:44px}.chat-composer textarea{padding-inline:4px}}.personal-hero h1,.personal-hero .lede,.personal-hero .eyebrow{max-width:100%;text-align:center!important}.personal-hero .halo{aspect-ratio:1;max-width:94vw;height:auto;top:50%;left:50%;translate:-50% -50%}.chapter-head{scroll-margin-top:96px}@media (width>=701px) and (width<=1280px) and (orientation:portrait){.personal-hero{min-height:clamp(520px,60svh,680px);padding:48px 28px 38px}.personal-hero h1{align-self:center;font-size:clamp(54px,7.2vw,80px);line-height:1.1}.personal-hero .lede{max-width:38ch;margin:18px auto 24px;font-size:19px;line-height:1.55}.personal-hero .picker{align-self:center;width:min(580px,100%);margin-inline:auto}.assistant-shell{width:min(760px,100% - 48px)}}@media (width>=701px) and (width<=1280px) and (orientation:landscape){.personal-hero{justify-content:center;min-height:calc(100svh - 76px);padding:32px 24px 48px}.personal-hero h1{font-size:clamp(52px,7vw,86px);line-height:1.05}.personal-hero .lede{max-width:42ch;margin:14px auto 22px;font-size:18px;line-height:1.5}}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.topbar:not(.landing-header){opacity:1!important;transition:transform .44s cubic-bezier(.16,1,.3,1),box-shadow .3s!important}.topbar:not(.landing-header).mobile-hidden{opacity:1!important;transform:translate3d(0,calc(100% + 32px + env(safe-area-inset-bottom)),0)!important}.reader-page.library-entering .reader-rail{animation:.56s cubic-bezier(.16,1,.3,1) both nur-page-from-left!important}[dir=rtl] .reader-page.library-entering .reader-rail{animation-name:nur-page-from-right!important}}@media (width>=1281px),(width>=701px) and (orientation:landscape){.nur-route-snapshot:has(.reader-page){clip-path:inset(76px 0 0 285px)}[dir=rtl] .nur-route-snapshot:has(.reader-page){clip-path:inset(76px 285px 0 0)}.topbar.landing-header .landing-settings-trigger,.topbar.landing-header .theme-trigger{flex:0 0 58px!important;width:58px!important;height:42px!important;min-height:42px!important}}.hadith-rail{flex-direction:column;min-width:0;min-height:280px;display:flex;position:sticky}.hadith-rail h2{font:26px var(--serif);margin:0 0 18px}.hadith-collections{gap:6px;margin-bottom:14px;display:flex}.hadith-collections button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:99px;flex:1;padding:11px 8px;font-size:12px}.hadith-collections button.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.hadith-rail input,.hadith-text-search input{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:48px;color:var(--text);border-radius:24px;padding:12px 17px}.hadith-book-list{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;flex:1;min-height:0;margin:12px 0;padding:2px 6px 2px 2px;overflow:auto}.hadith-book-list>button{border:1px solid var(--line);background:var(--surface);text-align:start;cursor:pointer;border-radius:28px;align-items:center;gap:18px;width:100%;min-height:50px;margin-bottom:8px;padding:12px 14px;transition:transform .2s,border-color .2s,background .2s;display:flex}.hadith-book-list>button.selected{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--surface))}.hadith-book-list small{color:var(--gold);font-size:11px}.hadith-book-list span{font:17px var(--serif);min-width:0}.hadith-book-list em{font:11px/1.5 var(--sans);color:var(--muted);margin-top:5px;display:block}.hadith-reading-pane{width:100%;min-width:0;max-width:1080px;margin-inline:auto}.hadith-reader .hadith-heading{margin-bottom:8px;padding:12px 0 24px}.hadith-reader .hadith-heading h1{overflow-wrap:anywhere;scroll-margin-top:105px;font-size:clamp(34px,4vw,58px)}.hadith-heading p{color:var(--muted)}.hadith-explain-book{border-radius:99px;justify-content:center;width:100%;min-height:48px;margin-top:22px;display:flex}.hadith-text-search{margin-bottom:22px;display:block}.hadith-text-search span{color:var(--muted);margin:0 16px 8px;font-size:12px;display:block}.hadith-count{color:var(--muted);font-size:12px}.hadith-reader .hadith-card{overflow-wrap:anywhere;border-radius:30px;margin:16px 0;padding:24px 26px 16px}.hadith-reader .hadith-card header{gap:12px;font-size:12px}.hadith-language{margin-top:24px}.hadith-language>small{color:var(--muted);letter-spacing:.03em;font-size:10px}.hadith-reader .hadith-arabic{font-size:var(--hadith-arabic-font,26px);margin:10px 0 20px;line-height:2}.hadith-reader .hadith-translation{font-size:var(--hadith-font,17px);margin:10px 0 20px;line-height:1.85}.hadith-reader .hadith-card footer{border-top:1px solid var(--line);margin:16px 0 0;display:block;padding:12px 0 0!important}.hadith-reader .hadith-card footer>.primary{color:#142019;border-radius:99px;justify-content:center;width:100%;min-height:42px;padding:10px 16px;font-size:13px;text-decoration:none;display:flex}.hadith-reader .hadith-card footer>span{text-align:center;color:var(--muted);font-size:12px;display:block}.hadith-show-more{border-radius:99px;width:100%}.hadith-credit{color:var(--muted);margin-top:24px;font-size:11px;line-height:1.7}.hadith-preferences .choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hadith-size-label input{display:block;width:100%!important}.attachment-picker.attachment-picker-expanded{max-height:50dvh;display:block;overflow:auto}.attachment-kind{gap:8px;margin-bottom:12px;display:flex}.attachment-kind button{border:1px solid var(--line);background:var(--surface);border-radius:99px;flex:1;min-height:40px}.attachment-kind button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.hadith-attachment-fields,.surah-attachment-fields{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.hadith-attachment-fields label{color:var(--muted);min-width:0;font-size:11px;display:block}.hadith-attachment-fields select,.surah-attachment-fields select{width:100%;min-width:0;max-width:100%;margin-top:6px}.hadith-attachment-fields p{color:var(--muted);grid-column:1/-1;font-size:12px}@media (hover:hover){.hadith-book-list>button:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,var(--surface));transform:translate(2px)}[dir=rtl] .hadith-book-list>button:hover{transform:translate(-2px)}}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.hadith-rail{position:static}.hadith-rail h2{font-size:30px}.hadith-collections button{min-height:44px}.hadith-book-list>button{min-height:56px;margin-bottom:10px}.hadith-reader .hadith-card{border-radius:28px;padding:20px 18px 14px}.hadith-reader .hadith-card header{flex-wrap:wrap}.hadith-reader .hadith-heading h1{font-size:36px}.hadith-attachment-fields,.surah-attachment-fields{grid-template-columns:1fr}.hadith-page:has(.hadith-selecting)>.site-footer{display:none}}.attachment-picker.attachment-picker-expanded{border-radius:32px;width:min(700px,100vw - 34px);max-height:min(620px,65dvh);padding:22px}.attachment-picker .attachment-kind button{border:1px solid var(--line);font-size:15px;color:var(--text)!important;background:var(--surface2)!important}.attachment-picker .attachment-kind button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface))!important;color:var(--gold)!important}.attachment-picker .hadith-attachment-fields,.attachment-picker .passage-attachment-fields{grid-template-columns:1fr 1fr;align-items:end;gap:16px;display:grid}.attachment-picker label{min-width:0;color:var(--muted);gap:6px;font-size:12px;display:grid}.attachment-picker select{border-radius:22px;width:100%;min-width:0;min-height:50px;margin:0;font-size:16px}.attachment-picker .attachment-scope,.attachment-picker .attachment-range,.attachment-picker .attach-confirm,.attachment-picker p{grid-column:1/-1}.attachment-range{grid-template-columns:1fr 1fr;gap:12px;display:grid}.attachment-picker .attach-confirm{border-radius:99px;min-height:48px;font-size:15px}.attachment-picker .attach-confirm:disabled{opacity:.5;cursor:default}.reading-wheel{overscroll-behavior:contain;position:relative}.picker{scroll-margin-top:100px}.reading-wheel>button,.reading-wheel>a{opacity:1;transform:none;animation:none!important}.hadith-page-navigation{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px;display:grid}.hadith-page-navigation button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;min-height:48px;padding:10px 14px}.hadith-page-navigation button:disabled{opacity:.4;cursor:default}.hadith-group-title{text-align:center;color:var(--muted);margin:0 0 18px}.hadith-book-list button span em{color:var(--muted);white-space:normal;margin-top:5px;font-size:14px;font-style:normal;line-height:1.4;display:block}.reader-page.mobile-selecting.library-instant .reader-rail{animation:none!important}.picker-menu .reading-wheel>a{border:1px solid var(--line);border-radius:999px;min-height:58px;margin-bottom:10px;padding:14px 18px}.rail-surahs>div.reading-wheel>button,.hadith-book-list.reading-wheel>button{background:var(--surface);border:1px solid var(--line)!important;border-radius:999px!important;min-height:58px!important;margin:0 0 10px!important;padding:14px 18px!important}.rail-surahs>div.reading-wheel>button.active,.hadith-book-list.reading-wheel>button.selected{border-color:var(--gold)!important}.mobile-hero-logo img{object-fit:contain;width:155px;height:auto;max-height:75px;display:block}.home-hero .eyebrow>.mobile-hero-logo{background:0 0;width:auto;height:auto;animation:none!important}.modal-layer.landing-settings-layer{z-index:620!important}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.rail-surahs h2,.hadith-rail h2{text-align:center;margin:0 0 22px!important;font-size:clamp(29px,5vw,40px)!important}.hadith-rail{max-width:none}.rail-surahs>label,.hadith-rail>input{border-radius:99px!important;min-height:54px!important;padding:12px 18px!important}.rail-surahs>div.reading-wheel>button,.hadith-book-list.reading-wheel>button{border-radius:999px!important;min-height:64px!important}.rail-surahs>div.reading-wheel>button strong,.hadith-book-list.reading-wheel>button span{font-size:19px!important}.rail-nav{background:0 0!important;gap:10px!important;padding:6px 0 0!important}.rail-nav button{background:color-mix(in srgb,var(--surface) 35%,transparent)!important;border-radius:999px!important;min-height:46px!important}.topbar:not(.landing-header){background:color-mix(in srgb,var(--surface) 65%,transparent)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;box-shadow:none!important}.topbar.landing-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line))!important;background:color-mix(in srgb,var(--surface) 75%,transparent)!important;z-index:510!important;border-radius:999px!important;width:calc(100% - 20px)!important;height:76px!important;padding:8px!important;position:fixed!important;inset-inline:10px!important}.topbar.landing-header>.brand{display:none!important}.topbar.landing-header>.header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px!important;gap:6px!important;width:100%!important;display:grid!important}.topbar.landing-header .landing-auth-button{white-space:nowrap;justify-content:center;align-items:center;border-radius:999px!important;height:56px!important;min-height:56px!important;padding:0 8px!important;font-size:12px!important;display:flex!important}.topbar.landing-header .landing-settings-trigger,.topbar.landing-header .theme-trigger{border-radius:999px!important;flex:none!important;width:48px!important;height:56px!important;min-height:56px!important;padding:0!important}.landing-page{padding-bottom:100px}.onboarding-layer:not(.language-welcome-layer){padding-bottom:108px!important}.onboarding-layer:not(.language-welcome-layer) .onboarding-card{max-height:calc(100dvh - 130px)!important}.landing-page .home-hero .mobile-hero-logo{display:block!important}.landing-page .home-hero .eyebrow>span:not(.mobile-hero-logo){display:none}.attachment-picker.attachment-picker-expanded{width:calc(100% + 4px);max-height:60dvh;padding:18px;left:-2px}}@media (width<=360px){.topbar.landing-header>.header-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px 40px!important;gap:3px!important}.topbar.landing-header .landing-settings-trigger,.topbar.landing-header .theme-trigger{width:40px!important}.topbar.landing-header .landing-auth-button{padding:0 4px!important;font-size:10px!important}}.hadith-library.hadith-reader{grid-template-columns:305px minmax(0,1fr);gap:30px;max-width:none;margin:0;padding:28px 30px 80px 0;display:grid!important}.hadith-library .hadith-rail{background:var(--surface);border-inline-end:1px solid var(--line);height:calc(100dvh - 76px);padding:24px 20px;top:76px;max-width:none!important;margin:0!important}.hadith-stage-chapters .hadith-reading-pane,.hadith-stage-groups .hadith-reading-pane{display:block!important}.hadith-library .hadith-back{border:1px solid var(--gold);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:15px var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:0 0 18px;padding:12px 20px;transition:background .18s,transform .18s;display:flex}.hadith-library .hadith-mobile-back{display:none!important}.hadith-rail-view{--hadith-enter-x:18px;flex-direction:column;height:100%;min-height:0;animation:.32s cubic-bezier(.16,1,.3,1) both hadith-view-in;display:flex}.hadith-motion-back .hadith-rail-view,[dir=rtl] .hadith-motion-forward .hadith-rail-view{--hadith-enter-x:-18px}[dir=rtl] .hadith-motion-back .hadith-rail-view{--hadith-enter-x:18px}.hadith-rail-view>.hadith-back{flex-shrink:0}.hadith-rail-view .hadith-group-title{margin:0 0 12px;font-size:13px;line-height:1.7}.hadith-reader .hadith-selection-list>button{opacity:1;animation:.38s cubic-bezier(.16,1,.3,1) both hadith-card-in!important}.hadith-reader .hadith-selection-list>button:nth-child(2){animation-delay:30ms!important}.hadith-reader .hadith-selection-list>button:nth-child(3){animation-delay:60ms!important}.hadith-reader .hadith-selection-list>button:nth-child(n+4){animation-delay:90ms!important}html[data-motion=reduced] .hadith-reader .hadith-selection-list>button,html[data-motion=reduced] .hadith-rail-view{transition:none!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.hadith-reader .hadith-selection-list>button,.hadith-rail-view{transition:none!important;animation:none!important;transform:none!important}}.hadith-intro{text-align:center;max-width:650px;margin:clamp(40px,10vh,110px) auto;padding:28px 18px}.hadith-intro h1{font:clamp(38px,5vw,64px) var(--serif);margin:20px 0}.hadith-intro p{color:var(--muted);line-height:1.8}.hadith-intro .eyebrow{color:var(--gold);justify-content:center}.hadith-range-select{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin:0 0 22px;font-size:13px;display:flex}.hadith-range-select select{border:1px solid var(--line);background:var(--surface2);min-height:44px;color:var(--text);border-radius:999px;max-width:100%;padding:10px 18px;font-size:16px}.hadith-view,.hadith-results{--hadith-enter-x:20px;animation:.32s cubic-bezier(.16,1,.3,1) both hadith-view-in}.hadith-reading-motion-back .hadith-view,.hadith-reading-motion-back .hadith-results,[dir=rtl] .hadith-reading-motion-forward .hadith-view,[dir=rtl] .hadith-reading-motion-forward .hadith-results{--hadith-enter-x:-20px}[dir=rtl] .hadith-reading-motion-back .hadith-view,[dir=rtl] .hadith-reading-motion-back .hadith-results{--hadith-enter-x:20px}@keyframes hadith-view-in{0%{opacity:0;transform:translate3d(var(--hadith-enter-x),8px,0)}to{opacity:1;transform:translate(0,0)}}.hadith-reader .hadith-card{scroll-margin-top:105px;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.45s both reveal;animation-delay:0s!important}@keyframes hadith-card-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.hadith-next-group{border-radius:999px;justify-content:center;width:100%;min-height:52px;margin-top:18px;display:flex}.hadith-view{animation:.54s cubic-bezier(.16,1,.3,1) both nur-page-from-right}.hadith-reading-motion-back .hadith-view,[dir=rtl] .hadith-reading-motion-forward .hadith-view{animation-name:nur-page-from-left}[dir=rtl] .hadith-reading-motion-back .hadith-view{animation-name:nur-page-from-right}.hadith-heading{animation:.7s cubic-bezier(.16,1,.3,1) both final-reader-rise}.hadith-intro{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 7%,transparent),transparent 68%);border-radius:48px}.hadith-rail-view h2:after{content:"";background:linear-gradient(90deg,var(--gold),transparent);width:72px;height:2px;margin:14px 0;display:block}@media (hover:hover){.hadith-reader .hadith-card:hover{border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}}html[data-motion=reduced] .hadith-view,html[data-motion=reduced] .hadith-results,html[data-motion=reduced] .hadith-card{transition:none!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.hadith-view,.hadith-results,.hadith-card{transition:none!important;animation:none!important;transform:none!important}}.hadith-book-list>button:focus-visible,.hadith-back:focus-visible,.hadith-page-navigation button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.hadith-library .hadith-back:hover{background:color-mix(in srgb,var(--gold) 10%,var(--surface));transform:translateY(-1px)}}.rail-surahs>div.reading-wheel{scroll-padding-block:4px;padding:4px 8px 18px!important}.rail-surahs>div.reading-wheel>button{min-width:0;text-align:start!important;box-shadow:none!important;grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;display:grid!important}.rail-surahs>div.reading-wheel>button strong{text-align:start;overflow-wrap:anywhere;text-shadow:none;font-weight:500;line-height:1.4;display:block}.hadith-page:has(.hadith-reading)~.resume-toast{display:none!important}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.hadith-library.hadith-reader{padding:24px 20px 115px!important;display:block!important}.hadith-library .hadith-rail{background:0 0;border:0;height:calc(100dvh - 150px);min-height:380px;padding:0;top:auto}.hadith-stage-chapters .hadith-reading-pane,.hadith-stage-groups .hadith-reading-pane,.hadith-stage-reading .hadith-rail{display:none!important}.hadith-library .hadith-mobile-back{display:flex!important}.site-footer{display:none!important}.hadith-reading .hadith-reading-pane,.hadith-selecting .hadith-rail{animation:none}.hadith-rail-view h2:after{margin-inline:auto}.hadith-reader .hadith-page-navigation button{min-height:48px;font-size:13px}.hadith-reader .hadith-heading h1{font-size:clamp(32px,8vw,42px)}}html{scrollbar-gutter:stable}.topbar:not(.landing-header){animation:none!important}.assistant-page{filter:none!important;animation:none!important;transform:none!important}.assistant-page>.topbar{transition:none!important;transform:none!important}.assistant-page .chat-composer{transition:border-color .25s,box-shadow .25s!important}.assistant-page .ai-welcome{text-align:center;max-width:650px;margin-inline:auto}.assistant-page .ai-welcome h2{font-family:var(--serif);letter-spacing:-.025em;font-weight:400}.assistant-page .ai-welcome>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.assistant-page .ai-welcome button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:12px 20px;transition:border-color .2s,background .2s,transform .2s}.assistant-page .ai-welcome button:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--surface))}.assistant-page .assistant-hero{align-items:center}.assistant-page .ai-disclaimer{border-color:color-mix(in srgb,var(--gold) 25%,var(--line));background:color-mix(in srgb,var(--surface) 80%,transparent)}@media (width<=700px),(width>=701px) and (width<=1280px) and (orientation:portrait){.topbar:not(.landing-header){width:calc(100% - 20px)!important;height:80px!important;inset-inline:10px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;border-radius:999px!important}.assistant-page .chat-composer{inset-inline:10px!important;width:calc(100% - 20px)!important;min-height:80px!important;left:10px!important;right:10px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important;border-radius:999px!important;padding:10px!important;transform:none!important}.assistant-page .chat-composer>div:last-child{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px;min-height:58px}.assistant-page .chat-composer textarea{resize:none;height:58px;min-height:58px;max-height:130px;padding:18px 8px;line-height:22px}.assistant-page .chat-composer .composer-plus,.assistant-page .chat-composer .composer-send{border-radius:999px;width:52px;height:58px}.assistant-page .chat-composer:has(.pending-attachment){border-radius:32px!important}.assistant-page .ai-welcome>div{gap:8px}.assistant-page .ai-welcome button{padding:12px 16px;font-size:13px}}