@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-arabic-arabic-500-normal-DPISWLls.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-600-normal-JLzruTOp.woff)format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-arabic-arabic-700-normal-3CqrwsiZ.woff2)format("woff2"),url(/assets/noto-sans-arabic-arabic-700-normal-DXnsSW3z.woff)format("woff")}:root{color:#293b32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f5f2eb;--paper:#fffdf8;--ink:#283a31;--muted:#72786f;--line:#deded2;--accent:#294638;--accent-light:#e9eee4;--sand:#c4aa73;--stage:#e9e6dd;--menu-scale:1;background:#f5f2eb;font-family:DM Sans,sans-serif}:root[data-theme=sepia]{--bg:#eee4d2;--paper:#f7eedc;--ink:#453c2e;--muted:#857254;--line:#dacfba;--accent:#665238;--accent-light:#e4d8bd;--stage:#ded2b9}:root[data-theme=dark]{--bg:#171e1b;--paper:#222b26;--ink:#edece3;--muted:#a7afa4;--line:#3b463f;--accent:#bdd0bd;--accent-light:#2f3c33;--stage:#111713}:root[data-contrast=true]{--muted:var(--ink);--line:#8c9489}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sand);outline-offset:4px}button,a{touch-action:manipulation}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}p{line-height:1.65}input,select,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted)}.app{background:var(--bg);min-height:100dvh}.app-header{border-bottom:1px solid var(--line);z-index:20;background:var(--bg);justify-content:space-between;align-items:center;max-width:1440px;height:92px;margin:auto;padding:0 64px;transition:opacity .35s,transform .35s;display:flex;position:relative}.brand{text-align:start;letter-spacing:-.6px;align-items:center;gap:12px;font-family:Georgia,serif;font-size:24px;display:flex}.brand b{font-weight:400}.brand small{letter-spacing:2.4px;color:var(--muted);margin-top:5px;font:8px DM Sans,sans-serif;display:block}.brand-mark{border:1px solid #a9ae9a;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:relative}.brand-mark:after{content:"";border:1px solid var(--line);border-radius:50%;width:35px;height:35px;position:absolute}.header-nav{align-self:stretch;align-items:center;gap:38px;font-size:13px;display:flex}.header-nav button{height:100%;color:var(--muted);position:relative}.header-nav button.active{color:var(--ink)}.header-nav button.active:after{content:"";background:var(--sand);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{align-items:center;gap:12px;display:flex}.availability{letter-spacing:.2px;color:var(--muted);align-items:center;gap:7px;margin-inline-end:14px;font-size:10px;display:flex}.status-dot{background:#b3b6a5;border-radius:50%;width:5px;height:5px}.status-dot.ready{background:#839776}.icon-button{border-radius:7px;justify-content:center;align-items:center;min-width:42px;height:42px;display:inline-flex}.icon-button:hover{background:var(--accent-light)}.icon-button.selected{color:var(--sand)}.home{max-width:1280px;margin:0 auto;padding:0 56px}.hero{grid-template-columns:1fr 1.05fr;align-items:center;min-height:540px;padding:54px 0 30px;display:grid}.hero-copy{z-index:1;padding-bottom:8px;position:relative}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:10px;font-size:9px;font-weight:600;display:flex}.tiny-line{background:var(--sand);width:23px;height:1px;display:inline-block}.hero h1{letter-spacing:-2.5px;color:var(--ink);margin:24px 0 22px;font:clamp(44px,4.5vw,66px)/1.06 Georgia,Times New Roman,serif}.hero h1 em{color:#738270;font-weight:400}.primary{background:var(--accent);color:var(--bg);border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:13px 20px;font-size:12px;transition:filter .2s,transform .2s;display:inline-flex}.primary:hover{filter:brightness(1.16);transform:translateY(-1px)}.hero-button{min-width:234px;margin:26px 0 19px}.hero-button svg:last-child{margin-inline-start:18px}.hero-footnote{color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.small-star{color:var(--sand);font-size:17px}.hero-art{perspective:1500px;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.orbit{border:1px solid var(--line);opacity:.6;border-radius:50%;width:415px;height:415px;position:absolute}.orbit-two{width:365px;height:365px}.hero-book{filter:drop-shadow(8px 32px 19px #31362525);isolation:isolate;width:490px;height:350px;display:flex;position:relative;transform:rotate(-7deg)rotateX(9deg)rotateY(-7deg)}.hero-book:before{content:"";z-index:-1;background:linear-gradient(#f9f7ee,#cecfc0);border:1px solid #939b86;border-radius:2px;position:absolute;inset:6px -5px -6px;box-shadow:0 5px #e9e7dc,0 6px #c7c6b5,0 8px #dedccc,0 10px #606c51}.hero-leaf{background:#fff;border:1px solid #dadacc;width:50%;height:100%;position:relative;overflow:hidden}.hero-leaf .source-page{width:100%;height:100%}.hero-leaf.left{transform-origin:100%;transform:rotateY(5deg)}.hero-leaf.right{transform-origin:0;transform:rotateY(-5deg)}.hero-binding{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#33342524,#0000);width:20px;height:100%;position:absolute;left:calc(50% - 10px)}.art-star{color:var(--sand);font-size:28px;font-weight:200;position:absolute}.top-star{top:15px;right:42px}.bottom-star{font-size:38px;bottom:57px;left:10px}.art-caption{color:var(--muted);align-items:center;gap:15px;font:19px Georgia,serif;display:flex;position:absolute;bottom:6px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.4px;font-size:24px}.section-heading>span{color:var(--muted);letter-spacing:1.8px;font-size:8px}.continue-section{padding-bottom:35px}.continue-card{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:27px;min-height:155px;padding:20px 30px 20px 22px;display:flex;position:relative;overflow:hidden}.continue-thumbnail{z-index:1;background:#fff;flex-shrink:0;place-items:center;width:73px;height:105px;display:grid;position:relative;box-shadow:0 3px 8px #00000013}.continue-thumbnail .source-page{max-width:100%;max-height:100%}.continue-copy{z-index:1;flex:1;position:relative}.continue-copy h3{margin:10px 0 7px;font-size:26px}.continue-copy p{color:var(--muted);flex-wrap:wrap;align-items:center;font-size:11px;display:flex}.bullet{opacity:.6;padding:0 9px}.mini-progress{background:var(--line);direction:rtl;width:185px;height:2px;margin-top:15px}.mini-progress span{background:var(--sand);min-width:3px;height:100%;display:block}.secondary{border:1px solid var(--line);background:var(--paper);z-index:1;border-radius:5px;justify-content:center;align-items:center;gap:20px;min-height:44px;padding:12px 17px;font-size:11px;display:inline-flex;position:relative}.secondary:hover{border-color:var(--sand);background:var(--accent-light)}.card-watermark{opacity:.045;pointer-events:none;font:90px Georgia,serif;position:absolute;top:15px;right:140px;transform:rotate(-8deg)}.quick-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.quick-card{border:1px solid var(--line);text-align:start;border-radius:7px;flex-direction:column;align-items:flex-start;min-height:135px;padding:22px 16px 20px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.quick-card>b{margin-bottom:7px;font-size:12px;font-weight:500}.quick-card>small{color:var(--muted);white-space:nowrap;font-size:9px}.quick-arrow{inset-inline-end:12px;color:#a3aa99;position:absolute;top:25px}.offline-banner{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:19px;padding:24px 4px;display:flex}.offline-symbol{background:var(--accent-light);color:#7a8a71;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.offline-banner h3{margin-bottom:5px;font-size:20px}.offline-banner p{color:var(--muted);font-size:10px}.offline-banner .text-button{margin-inline-start:auto}.text-button{align-items:center;gap:12px;min-height:44px;padding:10px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--sand)}.home-footer{color:var(--muted);letter-spacing:.4px;justify-content:space-between;padding:25px 0 30px;font-size:8px;display:flex}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;display:flex}.loading-screen h1{font:36px Georgia,serif}.loading-screen p{color:var(--muted);font-size:13px}.source-page{isolation:isolate;background:#fff;flex-shrink:0;max-width:100%;max-height:100%;position:relative;overflow:hidden}.source-page>img{-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:fill;max-width:none;display:block;position:absolute}.pdf-canvas{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.pdf-canvas.ready{visibility:visible}.page-loading{color:#aaa;background:#fff;place-items:center;display:grid;position:absolute;inset:0}.page-loading span{border:1px solid #deded2;border-top-color:#657758;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.page-error{color:#222;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.page-error button{padding:15px;text-decoration:underline}.reading{height:100dvh;overflow:hidden}.reading .app-header{border-bottom:0;max-width:none;height:70px;padding:0 34px}.reading-title{text-align:center;flex-direction:column;gap:3px;display:flex}.reading-title .arabic{font-size:22px}.reading-title small{color:var(--muted);font-size:9px}.reading .brand{font-size:21px}.reading .brand small{display:none}.reading .brand-mark{width:36px;height:36px}.reading .brand-mark:after{width:29px;height:29px}.reader-main{background:var(--stage);height:calc(100dvh - 70px);position:relative;overflow:hidden}.reader-stage{touch-action:none;overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(at 50% 45%,#ffffff16,#0000 70%);outline:none;justify-content:center;align-items:center;width:100%;height:100%;padding:16px 26px 118px;display:flex;position:relative;overflow:auto}.reader-stage.is-zoomed{padding:24px 26px 130px;display:block}.zoom-surface{flex-shrink:0;margin:auto;position:relative}.book-shell{transform-origin:0 0;touch-action:none;background:#fff;position:relative;box-shadow:0 13px 38px #141b1a28,0 3px 6px #00000019}.book-shell:before{content:"";pointer-events:none;background:#e3e3d9;position:absolute;inset:4px -3px -5px;box-shadow:0 2px #bdbfb3,0 4px #eeeede,0 5px #a9b09a}.flip-book{position:relative}.book-leaf,.static-leaf{touch-action:none;background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.book-leaf>.source-page,.static-leaf>.source-page{width:100%;height:auto;max-height:100%}.blank-leaf{box-shadow:none;background:0 0}.static-book{z-index:1;height:100%;display:flex;position:relative}.single .static-book{justify-content:center}.binding{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#45413712,#45413720,#45413709,#0000);width:28px;height:100%;position:absolute;top:0;left:calc(50% - 14px)}.ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:8;background:#ae8c51;width:15px;height:45px;position:absolute;top:-3px;right:18px;box-shadow:0 1px 3px #0003}.slide-mode .static-book{animation:.3s ease-out page-slide}.reader-bottom{z-index:12;width:min(640px,100% - 32px);transition:opacity .35s,transform .35s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.reader-toolbar{background:var(--paper);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:2px;width:max-content;max-width:100%;margin:0 auto 14px;padding:3px 10px;font-size:11px;display:flex;box-shadow:0 6px 20px #11111108}.toolbar-divider{background:var(--line);width:1px;height:19px;margin:0 7px}.page-control{white-space:nowrap;align-items:center;gap:6px;min-height:42px;padding:0 8px;display:flex}.page-control small{color:var(--muted);font-size:9px}.zoom-reset{min-width:40px;min-height:42px;font-size:10px}.timeline-caption{color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:2px;font-size:9px;display:flex}.timeline-caption>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-caption>span:last-child{white-space:nowrap}.timeline-track{position:relative}.timeline input{cursor:pointer;accent-color:#8b9a7c;background:0 0;width:100%;height:23px;margin:0}.timeline input::-webkit-slider-runnable-track{direction:rtl;background:#aab09b;height:2px}.timeline input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px}.timeline-ticks{justify-content:space-between;margin:0 5px;display:flex}.timeline-ticks span{opacity:.6;background:#a5ad97;width:1px;height:3px}.timeline-preview{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:7px;width:86px;padding:6px;position:absolute;bottom:36px;transform:translate(50%);box-shadow:0 6px 20px #0002}.timeline-preview small{margin-top:6px;font-size:8px;display:block}.timeline-preview .source-page{width:100%}.edge-nav{color:var(--muted);background:var(--paper);opacity:.4;border-radius:30px;place-items:center;width:44px;height:60px;transition:opacity .3s;display:grid;position:absolute;top:42%}.edge-nav:hover{opacity:1}.edge-nav.next{left:14px}.edge-nav.previous{right:14px}.controls-hidden .reader-bottom{opacity:0;pointer-events:none;transform:translate(-50%,18px)}.controls-hidden .app-header{opacity:0;pointer-events:none;transform:translateY(-10px)}.controls-hidden .edge-nav{opacity:0;pointer-events:none}.wake-controls{width:40px;height:40px;color:var(--muted);background:var(--paper);opacity:.45;border:1px solid #6f7e6b44;border-radius:50%;position:absolute;bottom:14px;right:16px}.fullscreen .app-header{z-index:20;position:absolute;left:0;right:0}.fullscreen .reader-main{height:100dvh}.fullscreen .reader-stage{padding-top:18px;padding-bottom:88px}.vertical-stage{touch-action:pan-y;padding:20px 14px 100px;display:block}.vertical-document{margin:auto;position:relative}.vertical-leaf{position:absolute;left:0;box-shadow:0 5px 16px #0002}.vertical-leaf>.source-page{width:100%}.panel{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(480px,100% - 24px);max-height:min(90dvh,900px);font-size:calc(13px * var(--menu-scale));border-radius:16px;margin:auto;padding:0;animation:.2s ease-out panel-in;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 90px #0003}.panel::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17261f55}.panel-heading{border-bottom:1px solid var(--line);z-index:3;background:var(--paper);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex;position:sticky;top:0}.panel-heading h2{letter-spacing:-.5px;margin-top:9px;font-size:28px}.panel-heading .eyebrow{font-size:8px}.panel-content{padding:22px 24px 28px}.wide-panel{width:min(1000px,100% - 24px)}.jump-form>label{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.jump-form>div{gap:8px;display:flex}.jump-form select{flex:1;max-width:190px}.jump-form input{width:80px}.jump-form .primary{padding:11px}.panel input:not([type=checkbox]):not([type=range]),.panel select,.panel textarea{background:var(--bg);border:1px solid var(--line);border-radius:5px;min-height:44px;padding:11px}.panel select{max-width:100%;font-size:11px}.search-field{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:11px;margin:20px 0;padding:0 12px;display:flex}.search-field input{width:100%;font-size:11px;background:0 0!important;border:0!important;padding:14px 0!important}.search-field button{place-items:center;width:30px;height:30px;display:grid}.tabs{background:var(--bg);border-radius:6px;margin-bottom:17px;padding:4px;display:flex}.tabs button{flex:1;min-height:37px;font-size:11px}.tabs button.active{background:var(--paper);border-radius:4px;box-shadow:0 1px 5px #0001}.surah-row{border-bottom:1px solid var(--line);text-align:start;align-items:center;gap:13px;width:100%;min-height:70px;padding:14px 0;display:flex}.surah-row:hover{background:var(--accent-light)}.surah-number{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:7px;place-items:center;font-size:10px;display:grid}.surah-title{flex:1}.surah-title b{font-size:12px;font-weight:500}.surah-title small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.arabic{font:22px Times New Roman,serif}.surah-row .arabic{margin-inline-start:auto;font-size:24px}.surah-row>svg{color:var(--muted)}.subtle-note{color:var(--muted);margin:10px 0 18px;line-height:1.8;font-size:10px!important}.search-page-result{width:100%;margin-bottom:12px}.juz-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.juz-grid button{border:1px solid var(--line);border-radius:7px;flex-direction:column;align-items:center;gap:9px;padding:18px 5px;display:flex}.juz-grid button:hover{background:var(--accent-light)}.juz-grid button>span:first-child{color:var(--muted);letter-spacing:1px;font-size:9px}.juz-grid small{color:var(--muted);font-size:9px}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:20px 14px;display:grid}.thumbnail-button{text-align:center;border-radius:5px;min-height:185px;padding:5px}.thumbnail-button:hover{background:var(--accent-light)}.thumbnail-frame{background:#eceee5;width:100%;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 5px #0001}.thumbnail-frame>.source-page{width:100%;height:100%}.thumbnail-button b{font-size:10px;font-weight:500;display:block}.thumbnail-button small{color:var(--muted);margin-top:4px;font-size:8px;display:block}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:40px 10px;display:flex}.empty-state h3{color:var(--ink);font-size:23px}.empty-state p{font-size:12px}.bookmark-current{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;display:flex}.bookmark-current h3{margin:10px 0 5px;font-size:27px}.bookmark-current p{color:var(--muted);font-size:11px}.note-form{gap:10px;margin:15px 0;display:flex}.note-form input{flex:1;min-width:0;font-size:11px}.note-form button{font-size:10px}.bookmark-item{border-bottom:1px solid var(--line);grid-template-columns:1fr 42px;gap:13px;padding:20px 0;display:grid}.bookmark-open{text-align:start;align-items:center;gap:15px;display:flex}.small-thumbnail{width:42px;height:63px;overflow:hidden}.small-thumbnail>.source-page{width:100%}.bookmark-open b{font-size:14px;font-weight:500}.bookmark-open small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.bookmark-item textarea{resize:vertical;grid-area:2/1/auto/3;font-size:11px;line-height:1.5;min-height:58px!important}.bookmark-item>.icon-button{grid-area:1/2}.export-button{margin-top:20px}.history-row{border-bottom:1px solid var(--line);text-align:start;align-items:center;gap:15px;width:100%;padding:17px 0;display:flex}.history-row>span{flex:1}.history-row b{font-size:13px;font-weight:500}.history-row small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.settings>section{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:23px}.settings>section:last-child{border:0;margin:0;padding:0}.settings h3{margin-bottom:15px;font-size:22px}.choice-row{gap:10px;display:flex}.choice-row button{border:1px solid var(--line);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:80px;padding:14px 8px;font-size:11px;display:flex}.choice-row button.selected{background:var(--accent-light);border-color:#85957d}.mode-choices button{padding:12px 4px;font-size:9px}.settings>section>select{width:100%}.setting-toggle{justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:10px 0;font-size:11px;display:flex}.setting-toggle input{accent-color:var(--accent);flex-shrink:0;width:19px;height:19px}.setting-range{justify-content:space-between;align-items:center;gap:15px;min-height:48px;font-size:11px;display:flex}.setting-range input{max-width:130px;accent-color:var(--accent)}.settings p{font-size:12px}.settings progress{width:100%;height:5px;accent-color:var(--accent);margin:15px 0;display:block}.settings>section>.secondary{width:100%;margin:10px 0}.data-buttons{gap:8px;display:flex}.data-buttons button{flex:1;gap:8px}kbd{border:1px solid var(--line);border-radius:3px;margin:0 3px;padding:3px 6px;font-size:10px}.keyboard-help p{color:var(--muted);margin-bottom:12px;font-size:10px}.toast{z-index:1000;border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:13px;min-width:230px;max-width:calc(100% - 24px);padding:14px 17px;font-size:11px;animation:.2s panel-in;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #0002}.toast button{place-items:center;min-width:28px;height:28px;margin-inline-start:auto;display:grid}.connection-note{z-index:90;background:var(--paper);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:8px 15px;font-size:9px;display:flex;position:fixed;top:5px;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-slide{0%{opacity:.75;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes panel-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width>=1600px){.hero{min-height:600px}.hero-art{transform:scale(1.05)}.hero h1{font-size:72px}}@media (width<=1100px){.app-header{padding:0 32px}.availability{display:none}.home{padding:0 34px}.hero{grid-template-columns:1fr 1fr;min-height:500px}.hero-book{width:400px;height:285px}.hero-art{height:385px}.orbit{width:340px;height:340px}.orbit-two{width:300px;height:300px}.top-star{top:28px;right:15px}.hero h1{font-size:54px}.quick-grid{gap:9px}.quick-card{padding:20px 12px}.quick-card>small{font-size:8px}.quick-arrow{inset-inline-end:7px}}@media (width<=800px){.app-header{height:78px;padding:0 24px}.header-nav{gap:22px}.brand{font-size:22px}.brand small{font-size:7px}.header-actions{gap:2px}.home{padding:0 24px}.hero{grid-template-columns:1fr .95fr;min-height:445px;padding:40px 0 20px}.hero h1{letter-spacing:-1.8px;font-size:45px}.hero p{font-size:11px}.hero .eyebrow{letter-spacing:1.3px;font-size:7px}.hero-button{min-width:190px;padding:12px 14px;font-size:10px}.hero-footnote{font-size:8px}.hero-book{width:320px;height:229px}.hero-art{height:340px}.orbit{width:280px;height:280px}.orbit-two{width:245px;height:245px}.bottom-star{font-size:25px;bottom:48px}.art-caption{bottom:18px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-card{min-height:120px;padding:18px}.quick-card>small{font-size:10px}.quick-card>b{font-size:13px}.quick-arrow{right:15px}.offline-banner h3{font-size:18px}.offline-banner .text-button{max-width:150px;font-size:10px}.continue-card{gap:18px;padding:19px}.continue-copy p{font-size:10px}.reading .app-header{padding:0 18px}.reading-title small{display:none}.reading-title .arabic{font-size:20px}.reader-toolbar{gap:0;padding:3px 5px}.reader-toolbar .icon-button{width:37px;min-width:37px}.toolbar-divider{margin:0 4px}.reader-stage{padding-left:18px;padding-right:18px}.edge-nav{display:none}}@media (width<=560px){.app-header{height:74px;padding:0 20px}.brand{gap:8px;font-size:20px}.brand-mark{width:37px;height:37px}.brand-mark:after{width:29px;height:29px}.brand small{letter-spacing:1.9px;font-size:6px}.header-nav{display:none}.header-actions{gap:1px}.header-actions .icon-button{width:34px;min-width:34px}.home{padding:0 22px}.hero{flex-direction:column;align-items:stretch;min-height:auto;padding:35px 0 26px;display:flex}.hero-copy{padding:0}.hero .eyebrow{font-size:8px}.hero h1{letter-spacing:-1.8px;margin-top:22px;margin-bottom:18px;font-size:46px;line-height:1.1}.desktop-break{display:none}.hero h1 em{max-width:320px;display:inline-block}.hero p{font-size:12px;line-height:1.8}.hero-button{min-width:219px;margin:22px 0 12px;font-size:11px}.hero-footnote{font-size:9px}.hero-art{height:295px;margin:15px -8px -18px}.hero-book{width:335px;height:238px}.orbit{width:290px;height:290px}.orbit-two{width:255px;height:255px}.art-caption{display:none}.top-star{font-size:25px;top:6px;right:16px}.bottom-star{bottom:13px;left:5px}.section-heading h2{font-size:22px}.section-heading>span{letter-spacing:1px;font-size:6px}.continue-section{padding-bottom:28px}.continue-card{flex-wrap:wrap;gap:14px;min-height:130px;padding:17px 14px}.continue-thumbnail{width:54px;height:79px}.continue-copy{min-width:150px}.continue-copy .eyebrow{letter-spacing:1.5px;font-size:7px}.continue-copy h3{margin:8px 0 5px;font-size:23px}.continue-copy p{font-size:9px;line-height:1.7}.continue-copy p .bullet{padding:0 6px}.mini-progress{width:130px;margin-top:10px}.continue-card>.secondary{background:0 0;justify-content:space-between;width:100%;height:39px;min-height:39px;margin:1px 0 0;font-size:10px}.card-watermark{font-size:80px;top:0;right:8px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{min-height:123px;padding:17px}.quick-card>svg:first-child{margin-bottom:17px}.quick-card>b{font-size:12px}.quick-card>small{font-size:9px}.quick-section{padding-bottom:25px}.offline-banner{grid-template-columns:38px 1fr;gap:12px;padding:20px 0;display:grid}.offline-symbol{width:36px;height:36px}.offline-banner h3{font-size:17px}.offline-banner p{font-size:9px}.offline-banner .text-button{grid-column:2;max-width:none;min-height:25px;margin:0;padding:0;font-size:9px}.home-footer{flex-direction:column;gap:10px;padding:19px 0;font-size:7px;line-height:1.5}.reading .app-header{height:58px;padding:0 13px}.reading .brand{font-size:17px}.reading .brand-mark{width:31px;height:31px}.reading .brand-mark svg{width:18px}.reading .brand-mark:after{width:25px;height:25px}.reading-title{display:none}.reader-main{height:calc(100dvh - 58px)}.reader-stage{padding:6px 8px 115px}.reader-bottom{width:calc(100% - 28px);bottom:16px}.reader-toolbar{border-radius:9px;gap:0;margin-bottom:14px;padding:3px}.reader-toolbar .icon-button{width:32px;min-width:32px;height:42px}.reader-toolbar .icon-button svg{width:17px}.toolbar-divider{margin:0 2px}.page-control{gap:3px;padding:0 4px;font-size:10px}.page-control small{font-size:8px}.zoom-reset{min-width:35px;font-size:8px}.timeline-caption{font-size:8px}.timeline-caption>span:first-child{max-width:65%}.panel-heading{padding:22px 18px 17px}.panel-heading h2{font-size:25px}.panel-content{padding:18px}.panel{border-radius:12px;max-height:94dvh}.juz-grid,.choice-row{gap:7px}.mode-choices{grid-template-columns:1fr 1fr;display:grid}.mode-choices button{font-size:11px}.jump-form select{max-width:165px}.jump-form input{width:60px}.pages-grid{grid-template-columns:repeat(3,1fr);gap:15px 8px}.thumbnail-button{min-height:155px}.surah-row{gap:9px}.surah-row .arabic{font-size:22px}.surah-title b{font-size:11px}.fullscreen .reader-stage{padding-top:12px;padding-bottom:100px}.connection-note{width:max-content;max-width:90%;font-size:8px}.reader-stage.is-zoomed{padding:18px 8px 125px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.continue-thumbnail>.source-page{width:100%;height:auto}.panel-content{zoom:var(--menu-scale)}.stf__parent{touch-action:none}.hero-book{aspect-ratio:1124/882;height:auto!important}:root{color:var(--ink);background:var(--bg)}.art-caption{display:none}.timeline input{appearance:none}.timeline input::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper);background:#8b9a7c;border-radius:50%;width:12px;height:12px;margin-top:-5px}.timeline input::-moz-range-track{background:#aab09b;height:2px}.timeline input::-moz-range-thumb{border:2px solid var(--paper);background:#8b9a7c;border-radius:50%;width:9px;height:9px}.controls-hidden .app-header{position:absolute;left:0;right:0}.controls-hidden .reader-main{height:100dvh}.controls-hidden .reader-stage{padding-top:12px;padding-bottom:18px}@media (width<=560px){.reader-toolbar .toolbar-search,.reader-toolbar .toolbar-settings{display:none}.reader-toolbar .icon-button{width:44px;min-width:44px;height:44px}.page-control,.zoom-reset{min-height:44px}.zoom-reset{min-width:40px}.hero-book{width:min(335px,100vw - 52px)}}@media (width<=360px){.reader-toolbar .zoom-out,.reader-toolbar .zoom-reset,.reader-toolbar .zoom-in{display:none}}:root{font-family:DM Sans,Noto Sans Arabic,sans-serif}.language-switch{border:1px solid var(--line);min-width:62px;height:40px;color:var(--muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex;position:relative}.language-switch:hover,.language-switch:focus-within{border-color:var(--sand);background:var(--accent-light)}.language-switch select{opacity:0;cursor:pointer;width:100%;height:100%;font-size:14px;position:absolute;inset:0}.language-switch:has(select:focus-visible){outline:2px solid var(--sand);outline-offset:3px}.home-footer{flex-wrap:wrap;align-items:center;gap:12px 24px}.version-credit{white-space:nowrap;letter-spacing:0;align-items:center;gap:4px;font-size:11px;display:inline-flex}.version-credit bdi{font-weight:600}.zoom-reset{direction:ltr}.latin-surah{color:var(--muted);text-align:end;max-width:115px;margin-inline-start:auto;font:10px DM Sans,sans-serif}.surah-number{flex-shrink:0}:root[lang=ar]{font-family:Noto Sans Arabic,DM Sans,sans-serif}:root[lang=ar] h2,:root[lang=ar] h3{letter-spacing:0;font-family:Noto Sans Arabic,sans-serif;font-weight:500}:root[lang=ar] .hero h1{letter-spacing:0;margin:16px 0;font-family:Noto Sans Arabic,sans-serif;font-size:clamp(38px,4vw,56px);line-height:1.45}:root[lang=ar] .eyebrow,:root[lang=ar] .section-heading>span,:root[lang=ar] .brand small,:root[lang=ar] .juz-grid button>span:first-child{letter-spacing:0}:root[lang=ar] .brand small{font-family:Noto Sans Arabic,sans-serif;font-size:9px}:root[lang=ar] .hero p{line-height:2}:root[lang=ar] .arabic{font-family:Noto Sans Arabic,sans-serif}:root[lang=ar] .surah-row .arabic{font-size:20px}:root[lang=ar] .section-heading h2{font-size:21px}:root[lang=ar] .continue-copy h3{font-size:23px;line-height:1.7}:root[lang=ar] .panel-heading h2{font-size:24px;line-height:1.65}:root[lang=ar] .settings h3{font-size:19px}:root[lang=ar] .quick-card>small{white-space:normal;line-height:1.8}:root[lang=ar] .quick-card>b{line-height:1.7}:root[lang=ar] .hero-copy{padding-inline-end:16px}:root[lang=ar] .reader-toolbar{direction:rtl}.reader-stage,.book-shell,.static-book,.hero-book{direction:ltr}@media (width<=1100px){.header-nav{gap:24px}.header-actions{gap:7px}}@media (width<=560px){.language-switch{gap:4px;min-width:53px;height:36px}.language-switch svg{width:15px}.header-actions{gap:2px}.footer-credit{margin-top:3px}:root[lang=ar] .hero h1{font-size:40px;line-height:1.5}:root[lang=ar] .hero-copy{padding-inline-end:0}:root[lang=ar] .section-heading h2{font-size:19px}:root[lang=ar] .section-heading>span{text-align:end;max-width:80px;font-size:7px}:root[lang=ar] .hero-art{margin-top:24px}:root[lang=ar] .brand small{font-size:7px}}@media (width<=360px){.header-actions .header-search{display:none}.app-header{padding-inline:15px}.reading .app-header{padding-inline:13px}.section-heading>span{text-align:end;max-width:65px}.hero-footnote{line-height:1.6}:root[lang=ar] .hero h1{font-size:37px}}.feature-grid .quick-card small{white-space:normal;line-height:1.7}.goal-card{border:1px solid var(--line);background:var(--paper);border-radius:9px;align-items:center;gap:20px;margin:0 0 34px;padding:22px 26px;display:flex}.goal-card-icon{color:var(--sand);place-items:center;width:42px;height:42px;display:grid}.goal-card-copy{flex:1;min-width:0}.goal-card h3{margin-bottom:6px;font-size:23px}.goal-card p{color:var(--muted);font-size:11px}.goal-card progress{width:min(240px,100%);height:5px;margin-top:10px;display:block}.goal-panel progress,.download-panel progress{width:100%;height:7px;accent-color:var(--sand);margin:18px 0}.goal-fields{grid-template-columns:1fr 1.5fr;gap:12px;margin-top:18px;display:grid}.goal-fields label,.study-selects label,.audio-options label,.timer-label{color:var(--muted);flex-direction:column;gap:9px;min-width:0;font-size:11px;display:flex}.goal-fields input,.study-selects select,.audio-options select{width:100%;min-width:0}.goal-metrics{border-top:1px solid var(--line);align-items:center;gap:17px;padding:20px 0;display:flex}.goal-metrics>div{flex:1}.goal-metrics b{font-size:12px;font-weight:500}.goal-metrics p{color:var(--muted);margin-top:8px;font-size:11px}.goal-metrics>bdi{color:var(--sand);font-size:21px}.goal-mark{flex-wrap:wrap;gap:12px;width:100%;margin-bottom:12px}.goal-mark small{color:var(--muted)}.storage-summary,.study-attribution,.backup-review{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:17px;font-size:12px}.storage-summary p{color:var(--muted);margin:9px 0;font-size:11px}.storage-summary small{color:var(--muted);font-size:10px;line-height:1.7;display:block}.download-select-actions{justify-content:space-between;gap:12px;margin:9px 0;display:flex}.download-parts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.download-part{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:12px;display:flex}.download-part.selected{border-color:var(--sand);background:var(--accent-light)}.download-part input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px}.download-part span{flex:1;min-width:0}.download-part b{font-size:11px;font-weight:500}.download-part small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.6;display:block}.download-part>svg{color:var(--sand);flex-shrink:0}.download-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.download-actions button{width:100%}.feature-message{color:var(--muted);padding:16px 0;font-size:12px;line-height:1.8}.backup-review{margin-top:16px}.backup-review b{font-size:11px}.backup-review .data-buttons{flex-wrap:wrap}.backup-review button{flex:auto}.settings-feature-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-feature-links button{text-align:start;gap:12px;min-height:64px;font-size:10px}.reader-feature-menu{flex-direction:column;gap:12px;display:flex}.reader-feature-menu button{justify-content:flex-start;gap:18px;min-height:52px;font-size:12px}.verse-search{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0 20px;padding:18px 0}.verse-search h3{font-size:22px}.verse-search a,.study-attribution a,.audio-panel a{text-underline-offset:3px;text-decoration:underline}.verse-search .search-field{margin:12px 0}.verse-result{border-bottom:1px solid var(--line);text-align:start;width:100%;padding:15px 8px}.verse-result:hover{background:var(--accent-light)}.verse-result>span{justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.verse-result b{font-weight:500}.verse-result small{white-space:nowrap;color:var(--muted)}.verse-result p{color:var(--ink);margin-top:10px;font:21px/2 Noto Sans Arabic,serif}.study-selects{grid-template-columns:1fr 1fr;gap:16px;margin:15px 0 20px;display:grid}.study-panel .study-selects{background:var(--paper);z-index:1;padding:12px 0;position:sticky;top:0}.study-attribution a,.study-attribution p,.study-attribution small{color:var(--muted);margin-top:8px;font-size:10px;line-height:1.7;display:block}.study-verse{border-bottom:1px solid var(--line);padding:22px 0}.study-verse-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.study-verse-heading>bdi{color:var(--sand);font-size:12px;font-weight:600}.source-text{overflow-wrap:anywhere;font-size:14px;line-height:1.95}.source-text p{margin-bottom:10px}.study-verses[lang=ar] .source-text{font-family:Noto Sans Arabic,sans-serif;font-size:15px;line-height:2.1}.study-verse details{color:var(--muted);margin-top:14px;font-size:10px}.study-verse summary{cursor:pointer;min-height:36px;padding:8px 0}.study-verse details .source-text{padding-top:8px;font-size:12px}.panel:has(.study-panel){width:min(760px,100% - 24px)}.audio-source{display:none}.audio-now{text-align:center;flex-direction:column;align-items:center;gap:17px;padding:20px 0;display:flex}.audio-now>svg{color:var(--sand)}.audio-play{border-radius:50%;width:56px;height:56px;padding:0}.audio-seek{width:100%;accent-color:var(--sand)}.audio-times{color:var(--muted);justify-content:space-between;margin:6px 0 22px;font-size:10px;display:flex}.audio-options{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;display:grid}.audio-options input{accent-color:var(--accent);width:100%;margin:12px 0}.segment-controls{border:1px solid var(--line);border-radius:6px;margin:10px 0 16px;padding:12px}.segment-controls .data-buttons{flex-direction:column}.segment-controls p:last-child{text-align:center;margin-top:12px;font-size:11px}.timer-label{margin:14px 0 22px}.audio-download{border-top:1px solid var(--line);padding-top:20px}.audio-download>.secondary{width:100%}.audio-download>p{font-size:12px}.audio-mini{z-index:22;bottom:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:3px;max-width:calc(100% - 28px);padding:4px 10px;display:flex;position:fixed;inset-inline-end:24px;box-shadow:0 8px 25px #0002}.audio-mini .text-button{gap:8px;min-width:0}.audio-mini .text-button span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.audio-mini small{color:var(--muted);font-size:9px}.reading .audio-mini{top:76px;bottom:auto}:root[lang=ar] .goal-card h3,:root[lang=ar] .verse-search h3{font-size:19px}@media (width<=560px){.feature-grid{grid-template-columns:1fr 1fr;padding-bottom:25px}.goal-card{flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:17px 14px}.goal-card h3{font-size:20px}.goal-card .secondary{width:100%;font-size:10px}.goal-card-copy{min-width:130px}.goal-fields,.study-selects{grid-template-columns:1fr}.download-part{gap:6px;padding:11px 8px}.download-part small{font-size:8px}.settings-feature-links{grid-template-columns:1fr}.data-buttons{flex-wrap:wrap}.data-buttons button{min-width:120px}.reader-toolbar .toolbar-fullscreen{display:none}.reader-toolbar .toolbar-tools{display:inline-flex}.audio-mini{padding:3px 7px;inset-inline-end:14px}.audio-mini .text-button span{max-width:110px}.reading .audio-mini{top:63px}.audio-options{gap:14px}.goal-metrics>bdi{font-size:17px}.study-verse .text-button{font-size:10px}.download-parts{gap:7px}}.advanced-home-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.advanced-home-links button{text-align:start;justify-content:flex-start;gap:10px;font-size:11px}.advanced-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:28px;padding-bottom:22px;display:grid}.advanced-tabs button{text-align:start;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;min-height:44px;padding:12px 10px;font-size:11px;display:flex}.advanced-tabs .active{background:var(--accent-light);border-color:var(--line)}.advanced-panel>div:not(.parallel-panel){max-width:640px;margin-inline:auto}.advanced-panel textarea{resize:vertical;width:100%;min-height:100px;font-size:13px;line-height:1.8}.advanced-panel input[type=number]{width:95px}.advanced-attribution{border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.verse-original{overflow-wrap:anywhere;margin:16px 0;font-family:Noto Sans Arabic,serif;font-size:23px;line-height:2.1}.hifz-card{border:1px solid var(--line);background:var(--bg);border-radius:9px;margin:22px 0;padding:22px}.hidden-verse{text-align:center;min-height:140px;color:var(--muted);place-items:center;padding:35px 12px;line-height:1.8;display:grid}.grade-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.grade-buttons button{padding:12px 8px;font-size:11px}.hifz-navigation{justify-content:space-between;margin-top:15px;display:flex}.revision-list{flex-wrap:wrap;gap:9px;margin:20px 0;display:flex}.revision-list bdi{background:var(--accent-light);border-radius:5px;padding:9px 13px}.scan-marker-section{border-top:1px solid var(--line);margin:26px 0;padding-top:25px}.scan-mark-editor,.parallel-scan{position:relative}.scan-mark-editor{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;max-width:480px;margin:auto}.scan-mark-editor>.source-page{pointer-events:none;width:100%}.mark-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.marker-list{flex-wrap:wrap;gap:7px;display:flex}.marker-list>div{border:1px solid var(--line);border-radius:5px;align-items:center;gap:7px;padding:4px 8px;display:flex}.marker-list>div>span{border-radius:50%;width:9px;height:9px}.annotation-list article{border:1px solid var(--line);border-inline-start:4px solid;border-radius:6px;margin:14px 0;padding:15px 45px 15px 15px;position:relative}.annotation-list article p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.annotation-list article>.icon-button{inset-inline-end:5px;position:absolute;top:8px}.profile-list article{border:1px solid var(--line);border-radius:7px;margin-bottom:13px;padding:17px}.profile-list small{color:var(--muted);margin:9px 0;display:block}.advanced-profiles section,.voice-panel section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.advanced-profiles section h3{font-size:23px}.verse-audio-source{display:none}.verse-audio-mini{inset-inline-end:24px;z-index:95;background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:flex;position:fixed;bottom:20px;box-shadow:0 5px 25px #0002}.reading .verse-audio-mini{top:100px;bottom:auto}.verse-audio-mini span{max-width:170px;font-size:10px}.audio-follow-list{margin:20px 0}.audio-follow-list button{text-align:start;border:1px solid var(--line);border-radius:7px;width:100%;margin:9px 0;padding:17px;display:block}.audio-follow-list button bdi{color:var(--sand);font-size:11px;display:block}.audio-follow-list button span{margin-top:8px;font-family:Noto Sans Arabic,serif;font-size:22px;line-height:2;display:block}.audio-follow-list button.active,.parallel-verse.active{background:var(--accent-light);outline:1px solid var(--sand)}.parallel-page-controls{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.source-checks{border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;display:flex}.source-checks legend{padding:0 5px;font-size:11px}.source-checks label{align-items:center;gap:8px;font-size:11px;display:flex}.source-checks input{accent-color:var(--accent);width:17px;height:17px}.parallel-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.parallel-scan{position:sticky;top:100px}.parallel-text{min-width:0}.parallel-text h3{margin-bottom:10px;font-size:23px}.parallel-verse{border-bottom:1px solid var(--line);border-radius:6px;padding:15px}.parallel-verse-controls{align-items:center;gap:9px;display:flex}.parallel-verse-controls bdi{color:var(--sand);margin-inline-end:auto;font-size:11px}.parallel-source{border-top:1px solid var(--line);padding:14px 0;font-size:13px;line-height:1.9}.parallel-source .source-text{margin-top:7px}.parallel-source details{font-size:11px}.parallel-note{border-inline-start:3px solid var(--sand);background:var(--bg);white-space:pre-wrap;margin-top:10px;padding:10px 14px;font-size:12px;line-height:1.8}.voice-comparison{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:22px 0;padding:18px}.word-matched{background:#5aab6633}.word-missing{background:#d7863f44;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.word-different{background:#c9576433}.comparison-legend{flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.comparison-legend span{padding:5px}.local-recording{width:100%;margin-top:15px}.sync-panel input{min-width:0;overflow:hidden}.sync-panel .feature-message{line-height:1.8}.advanced-panel input:not([type=checkbox]):not([type=range]),.advanced-panel select,.advanced-panel textarea{min-width:0;max-width:100%}.advanced-profiles section>input{width:100%}.profile-list b{overflow-wrap:anywhere}.child-mode .quick-grid:not(.feature-grid)>.quick-card:nth-child(n+3),.child-mode .feature-grid,.child-mode .advanced-home-links>button:not(:first-child){display:none}.child-mode .advanced-home-links{grid-template-columns:1fr}.child-mode .hero h1{font-size:60px}@media (width<=780px){.advanced-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}.parallel-columns{grid-template-columns:1fr}.parallel-scan{width:min(450px,100%);margin-inline:auto;position:relative;top:0}.advanced-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.advanced-home-links button{min-width:0;padding:12px;font-size:10px}.advanced-tabs{gap:6px;margin-bottom:18px}.advanced-tabs button{gap:7px;min-width:0;padding:10px 7px;font-size:10px}.advanced-tabs button svg{flex-shrink:0}.advanced-panel .verse-original{font-size:21px}.grade-buttons{grid-template-columns:1fr 1fr}.hifz-card{padding:16px}.scan-marker-section h3{font-size:23px}.source-checks{flex-direction:column;gap:12px}.source-checks label{font-size:10px}.parallel-verse{padding:12px 3px}.parallel-source{font-size:12px}.verse-audio-mini{inset-inline-end:14px;bottom:14px}.reading .verse-audio-mini{top:65px}.child-mode .hero h1{font-size:46px}.advanced-banner .section-heading>span{overflow-wrap:anywhere;text-align:end;max-width:100px}.advanced-panel .setting-toggle{gap:12px;line-height:1.8}.sync-panel .data-buttons button{font-size:10px}.advanced-panel .study-selects{gap:14px}.advanced-panel .primary,.advanced-panel .secondary{max-width:100%}}@media (width<=360px){.download-parts{grid-template-columns:1fr}.audio-options{grid-template-columns:1fr 1fr}.goal-metrics{gap:12px}.goal-metrics b{font-size:11px}}:root{--hero-start:#23483d;--hero-end:#132e26;--gold:#dbc191;--muted:#626d63}:root[data-theme=dark]{--muted:#b4beb3}:root[data-theme=sepia]{--hero-start:#62533e;--hero-end:#3c3429}:root[data-contrast=true]{--muted:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app:not(.reading) .app-header{background:var(--paper);max-width:none;height:88px;padding-inline:max(32px,50vw - 648px)}.brand-mark{background:var(--accent-light);border:0;border-radius:12px;width:44px;height:44px}.brand-mark:after{border-color:var(--sand);opacity:.5;border-radius:9px;width:auto;height:auto;inset:5px}.header-nav{gap:30px;font-size:14px}.header-nav button{padding-inline:6px}.language-switch{background:var(--bg)}.home{max-width:1296px;padding:0 40px}.home-welcome{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:30px 0 22px;font-size:13px;display:flex}.edition-badge{border:1px solid var(--line);letter-spacing:.5px;white-space:nowrap;border-radius:30px;padding:7px 12px;font-size:10px}.hero{background:linear-gradient(115deg,var(--hero-start),var(--hero-end));color:#fff9ed;border-radius:24px;grid-template-columns:1.05fr 1fr;min-height:490px;margin-bottom:38px;padding:45px 48px;position:relative;overflow:hidden;box-shadow:0 16px 40px #16362912}.hero:before{content:"";inset-inline-end:-250px;pointer-events:none;border:1px solid #e4ce9b22;border-radius:50%;width:580px;height:580px;position:absolute;top:-320px;box-shadow:0 0 0 65px #e4ce9b06,0 0 0 130px #e4ce9b05}.hero-copy{padding:0}.hero .eyebrow{color:#d4dbc9;letter-spacing:1.8px;font-size:10px}.hero h1{color:#fff9ed;letter-spacing:-2px;margin:23px 0;font-size:clamp(42px,4.2vw,60px);line-height:1.09}.hero h1 em{color:var(--gold)}.hero p{color:#d6ddd4;font-size:13px;line-height:1.85}.hero .primary{color:#17382c;background:#efdfba;border:1px solid #efdfba;border-radius:8px;min-width:200px;font-size:12px}.hero-button{margin:24px 9px 18px 0}[dir=rtl] .hero-button{margin-inline:0 9px}.hero-audio{color:#f4ebd9;background:0 0;border-color:#9aaa9166;gap:8px;min-height:44px;padding:11px 14px;font-size:12px;display:inline-flex}.hero-audio:hover{background:#ffffff12}.hero-footnote{color:#c3cdbc;clear:both;font-size:11px}.hero-art{min-width:0;height:385px}.hero-book{filter:drop-shadow(5px 30px 24px #0006);width:410px;max-width:105%;transform:rotate(-6deg)rotateX(8deg)rotateY(-7deg)}.hero-art .orbit{border-color:#d0bf8b38;width:335px;height:335px}.hero-art .orbit-two{width:285px;height:285px}.hero-art:before{content:"";background:#cab98618;border-radius:50%;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 90px 45px #c0ae8614}.hero .top-star{color:var(--gold);top:15px;right:5px}.hero .bottom-star{color:var(--gold);font-size:28px;bottom:5px;left:10px}.reading-dashboard{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch;gap:20px;margin-bottom:38px;display:grid}.reading-dashboard .section-heading{margin-bottom:14px}.section-heading h2{font-size:25px}.section-heading>span{letter-spacing:1px;font-size:9px}.continue-section{min-width:0;padding:0}.continue-card{border-radius:14px;gap:20px;min-height:165px;padding:23px;box-shadow:0 3px 15px #263d2804}.continue-copy{min-width:0}.continue-copy h3{font-size:30px}.continue-copy p{font-size:11px}.continue-card .secondary{z-index:1;font-size:12px;position:relative}.continue-thumbnail{width:64px;height:98px}.mini-progress{border-radius:4px;width:min(100%,230px);overflow:hidden}.mini-progress span{background:var(--sand)}.reading-dashboard .goal-card{border-radius:14px;grid-template-columns:36px minmax(0,1fr);align-content:center;gap:10px 14px;margin:44px 0 0;padding:23px;display:grid}.goal-card-icon{width:36px}.goal-card-copy h3{font-size:23px}.goal-card .secondary{grid-column:2;justify-self:start;min-height:36px;padding:8px 12px;font-size:11px}.quick-section{padding-bottom:28px}.quick-grid{gap:12px}.quick-card{border-radius:12px;min-height:139px;padding:20px 18px;transition:background .2s,border-color .2s,transform .2s}.quick-card:hover{background:var(--paper);border-color:var(--sand);transform:translateY(-3px)}.quick-card>svg:first-child{color:var(--accent);margin-bottom:18px}.quick-card>b{font-size:13px;font-weight:500}.quick-card>small{margin-top:5px;font-size:10px;line-height:1.6}.quick-arrow{top:22px;inset-inline-end:13px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:28px}.feature-grid .quick-card{background:var(--paper);min-height:135px}.feature-grid .quick-card:nth-child(2){background:var(--accent-light);border-color:#a5b8a1}.audio-discover{border:1px solid var(--line);background:var(--paper);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:40px;margin-bottom:38px;padding:28px 32px;display:grid}.audio-discover-copy .eyebrow{letter-spacing:1.5px;color:var(--accent);font-size:10px}.audio-discover-copy h2{margin:13px 0 10px;font-size:27px;line-height:1.25}.audio-discover-copy p{color:var(--muted);font-size:12px}.reciter-discovery-list{gap:8px;display:grid}.reciter-discovery-list button{text-align:start;border-radius:10px;align-items:center;gap:13px;min-height:64px;padding:9px 12px;display:flex}.reciter-discovery-list button:hover{background:var(--bg)}.reciter-discovery-list button>span:nth-child(2){flex:1;min-width:0}.reciter-discovery-list b{font-size:13px;font-weight:500;display:block}.reciter-discovery-list small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.reciter-discovery-list svg{color:var(--muted)}.reciter-avatar{background:var(--accent-light);width:43px;height:43px;color:var(--accent);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.advanced-banner{border-top:0;padding:0 0 36px}.advanced-banner .section-heading{margin-bottom:15px}.advanced-banner>h3{margin-bottom:8px;font-size:32px}.workshop-intro{color:var(--muted);max-width:650px;margin-bottom:24px;font-size:12px}.advanced-home-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.advanced-home-links .secondary{text-align:start;background:var(--paper);border-radius:12px;flex-direction:column;align-items:start;gap:16px;min-height:166px;padding:22px;display:flex;position:relative}.advanced-home-links .secondary:hover{border-color:var(--sand);background:var(--accent-light)}.tool-icon{background:var(--accent-light);width:38px;height:38px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.advanced-home-links b{font-size:12px;font-weight:500;line-height:1.6;display:block}.advanced-home-links small{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.7;display:block}.advanced-home-links .secondary>svg{top:30px;color:var(--muted);position:absolute;inset-inline-end:18px}.offline-banner{border:1px solid var(--line);background:var(--accent-light);border-radius:14px;gap:20px;padding:25px 28px}.offline-banner p{font-size:11px}.offline-banner .text-button{font-size:12px}.home-footer{padding-block:28px;font-size:10px}.panel{font-size:calc(14px * var(--menu-scale));border-radius:18px}.panel-heading{padding:22px 26px 18px}.panel-heading h2{font-size:30px}.panel input:not([type=checkbox]):not([type=range]),.panel select,.panel textarea{border-radius:8px}.panel select{font-size:12px}.subtle-note{font-size:11px!important}.setting-toggle,.setting-range,.timer-label{font-size:12px}.panel:has(.advanced-panel){width:min(1230px,100% - 32px)}.advanced-panel{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:0 32px;display:grid}.advanced-tabs{border:0;border-inline-end:1px solid var(--line);flex-direction:column;grid-area:1/1/span 2;gap:6px;margin:0;padding:0 16px 0 0;display:flex;position:sticky;top:110px}[dir=rtl] .advanced-tabs{padding:0 0 0 16px}.advanced-tabs button{border-radius:9px;min-height:50px;padding:14px 12px;font-size:12px;line-height:1.7}.advanced-tabs button:hover{background:var(--bg)}.advanced-tabs button.active{border-color:var(--line);box-shadow:inset 3px 0 var(--sand)}[dir=rtl] .advanced-tabs button.active{box-shadow:inset -3px 0 var(--sand)}.advanced-panel>nav~*{grid-column:2;min-width:0}.advanced-panel>div:not(.parallel-panel){width:100%;max-width:680px;margin-inline:auto}.advanced-attribution{margin-bottom:0}.hifz-card{border-radius:14px;flex-direction:column;justify-content:center;gap:14px;min-height:200px;display:flex;box-shadow:0 8px 25px #17332308}.hifz-card>bdi{color:var(--muted);font-size:12px}.parallel-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}.parallel-scan{width:min(100%,63.7dvh - 136.955px);margin-inline:auto;top:95px;box-shadow:0 8px 25px #172a191a}.parallel-scan>.source-page{width:100%}.parallel-verse{background:var(--bg);border-radius:10px;margin-bottom:12px;padding:18px}.parallel-verse.active{outline:1px solid var(--sand)}.reciter-picker{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin-bottom:20px;padding:13px 16px}.reciter-picker-heading{justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px;display:flex}.favorite-reciter{color:var(--sand);width:36px;min-width:36px;height:36px}.favorite-reciter[aria-pressed=true]{background:var(--paper)}.reciter-search{color:var(--muted);align-items:center;gap:9px;margin-bottom:9px;display:flex}.reciter-search input{flex:1;width:0;font-size:12px;background:var(--paper)!important}.reciter-select{display:block}.reciter-select select{width:100%;background:var(--paper)!important}.reciter-filter{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.reciter-filter button{text-align:start;border-radius:6px;min-height:35px;padding:7px 9px;font-size:10px;line-height:1.6}.reciter-filter button bdi{opacity:.7;margin-inline-start:5px;font-size:9px}.reciter-filter button.active{background:var(--accent-light);color:var(--accent)}.audio-now{background:var(--bg);border:1px solid var(--line);border-radius:16px;gap:12px;margin:18px 0;padding:24px 15px}.audio-medallion{width:120px;height:120px;color:var(--gold);border:6px solid var(--paper);outline:1px solid var(--line);background:linear-gradient(135deg,#345c4b,#18392f);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-bottom:10px;display:flex;box-shadow:0 8px 24px #1e372526}.audio-medallion>span{align-items:center;gap:4px;height:26px;display:flex}.audio-medallion i{background:var(--gold);opacity:.6;border-radius:4px;width:3px}.audio-now>.eyebrow{letter-spacing:1.2px;font-size:9px}.audio-now h3{font-size:34px}.audio-now>p{color:var(--muted);text-align:center;font-size:12px}.audio-transport{align-items:center;gap:24px;margin-top:10px;display:flex}.audio-play{width:58px;height:58px;box-shadow:0 3px 12px #172a1922}.audio-seek{accent-color:var(--accent)}.audio-times{font-size:11px}.audio-storage{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.audio-storage h3{align-items:center;gap:10px;font-size:23px;display:flex}.audio-storage .section-heading>bdi{background:var(--accent-light);border-radius:25px;padding:5px 10px;font-size:11px}.cached-audio-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.cached-audio-row>span{min-width:0}.cached-audio-row b{font-size:12px;font-weight:500}.cached-audio-row small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.6;display:block}.audio-storage .data-buttons{align-items:center;margin-top:16px}.audio-storage .data-buttons>bdi{font-size:10px}.child-mode .audio-discover{display:none}:root[lang=ar] .hero h1{letter-spacing:0;font-size:42px;line-height:1.55}:root[lang=ar] .hero h1 em{font-style:normal}:root[lang=ar] .hero .desktop-break{display:none}:root[lang=ar] .hero .eyebrow{letter-spacing:0;font-size:12px}:root[lang=ar] .advanced-home-links b{font-size:13px}@media (width<=1100px){.hero{min-height:450px;padding:35px 32px}.hero-book{width:345px}.hero h1{font-size:47px}.hero-audio{margin-bottom:18px}.reading-dashboard{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.continue-card{flex-wrap:wrap;gap:16px}.continue-card>.secondary{justify-content:space-between;width:100%}.advanced-panel{grid-template-columns:170px minmax(0,1fr);gap:0 22px}.advanced-tabs button{padding:11px 8px;font-size:11px}.advanced-home-links{grid-template-columns:repeat(4,minmax(0,1fr))}.advanced-home-links .secondary{padding:18px}}@media (width<=850px){.app:not(.reading) .app-header{padding-inline:24px}.header-nav{gap:16px;font-size:12px}.home{padding-inline:24px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:30px 24px}.hero h1{font-size:40px}.hero .hero-book{width:280px}.hero-art .orbit{width:250px;height:250px}.hero-art .orbit-two{width:210px;height:210px}.hero .top-star{right:0}.hero p{font-size:12px}.reading-dashboard{display:block}.reading-dashboard .goal-card{flex-wrap:wrap;margin-top:20px;display:flex}.reading-dashboard .goal-card .secondary{width:auto}.continue-card{flex-wrap:nowrap}.continue-card>.secondary{width:auto}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-discover{gap:22px;padding:24px}.advanced-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-home-links .secondary{min-height:148px}.advanced-panel{display:block}.advanced-tabs{border-inline-end:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid;position:static;padding:0 0 18px!important}.advanced-tabs button{align-items:start}.parallel-columns{grid-template-columns:1fr}.parallel-scan{width:min(400px,100%);position:relative;top:0}}@media (width<=560px){.app:not(.reading) .app-header{height:76px;padding-inline:16px}.brand{gap:9px;font-size:19px}.brand-mark{width:35px;height:38px}.home{padding-inline:16px}.home-welcome{gap:8px;margin:20px 0 16px;font-size:11px}.edition-badge{letter-spacing:0;padding:6px 8px;font-size:8px}.hero{border-radius:18px;min-height:0;margin-bottom:26px;padding:28px 24px 12px;display:flex}.hero h1{letter-spacing:-1.5px;margin-block:20px;font-size:41px;line-height:1.13}.hero h1 em{max-width:none}.hero .eyebrow{letter-spacing:1.1px;font-size:8px}.hero p{font-size:12px}.hero .primary{width:100%;min-width:0;margin:20px 0 10px;font-size:12px}.hero-audio{width:100%;margin-bottom:16px;font-size:11px}.hero-footnote{font-size:9px;line-height:1.7}.hero-art{height:240px;margin:14px 0 0}.hero .hero-book{width:280px;max-width:100%}.hero .top-star{font-size:22px;top:15px;right:0}.hero .bottom-star{font-size:24px;bottom:20px;left:0}.hero-art .orbit{width:205px;height:205px}.hero-art .orbit-two{width:170px;height:170px}.hero-art:before{width:150px;height:150px}.reading-dashboard{margin-bottom:28px}.section-heading{align-items:center;gap:10px}.section-heading h2{font-size:22px}.section-heading>span{letter-spacing:.5px;text-align:end;font-size:7px}.continue-card{flex-wrap:wrap;gap:14px;min-height:0;padding:18px}.continue-thumbnail{width:52px;height:79px}.continue-copy{min-width:140px}.continue-copy h3{font-size:26px}.continue-copy p{font-size:10px}.continue-card>.secondary{width:100%;min-height:42px;font-size:12px}.reading-dashboard .goal-card{gap:10px;padding:18px}.reading-dashboard .goal-card .secondary{width:100%;min-height:42px;font-size:12px}.goal-card-copy h3{font-size:23px}.goal-card-copy p{font-size:11px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{min-height:135px;padding:18px 14px}.quick-card>b{font-size:12px;line-height:1.7}.quick-card>small{font-size:10px}.quick-arrow{inset-inline-end:12px}.audio-discover{grid-template-columns:1fr;gap:20px;margin-bottom:30px;padding:23px 20px}.audio-discover-copy h2{font-size:26px}.reciter-discovery-list button{padding:10px 0}.reciter-discovery-list b{font-size:12px}.advanced-banner>h3{font-size:26px}.workshop-intro{font-size:11px;line-height:1.9}.advanced-home-links .secondary{gap:14px;min-height:162px;padding:18px 13px}.advanced-home-links b{font-size:11px}.advanced-home-links small{font-size:10px}.advanced-home-links .secondary>svg{top:27px;width:14px;inset-inline-end:12px}.offline-banner{gap:12px;padding:20px 16px}.offline-banner .text-button{text-align:start;min-height:40px;font-size:11px}.offline-banner p{font-size:10px}.home-footer{gap:12px;font-size:9px}.panel-heading,.panel-content{padding:18px}.panel:has(.advanced-panel){width:calc(100% - 20px)}.advanced-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.advanced-tabs button{gap:7px;min-height:44px;padding:10px 7px;font-size:10px;line-height:1.8}.advanced-panel>div:not(.parallel-panel){width:100%}.parallel-verse{padding:15px 12px}.reciter-picker{padding:10px 12px}.reciter-filter{gap:5px}.reciter-filter button{padding:7px;font-size:9px}.audio-now{margin-top:0;padding:20px 12px}.audio-medallion{width:100px;height:100px}.audio-now h3{font-size:30px}.audio-storage h3{font-size:21px}:root[lang=ar] .hero h1{font-size:32px;line-height:1.7}:root[lang=ar] .hero p{font-size:12px}}@media (width<=360px){.home-welcome{flex-wrap:wrap}.hero{padding:25px 18px 12px}.hero h1{font-size:36px}.hero-art{height:215px}.continue-copy{min-width:120px}.quick-card>b{font-size:11px}.reciter-filter{grid-template-columns:1fr;display:grid}.audio-storage .section-heading{align-items:start}.audio-storage h3{font-size:18px}}.skip-link{z-index:2000;background:var(--paper);color:var(--ink);padding:14px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.daily-card{border:1px solid var(--line);background:linear-gradient(125deg,var(--paper),var(--accent-light));border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:20px 0 28px;padding:28px 32px;display:flex}.daily-card h2{margin:10px 0;font-size:21px}.daily-card p{color:var(--muted);max-width:640px;line-height:1.7}.daily-card small{color:var(--muted)}.daily-launch{flex-shrink:0}.resume-audio{margin-bottom:20px}.verse-overlay{pointer-events:none;z-index:4;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.reader-follow-bar{top:10px;z-index:8;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset-inline:16px}.reader-follow-bar button,.reader-follow-bar label{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:8px 12px;font-size:12px;box-shadow:0 3px 18px #152d2312}.reader-follow-bar label{align-items:center;gap:8px;display:flex}.controls-hidden .reader-follow-bar{opacity:0;pointer-events:none}.semantic-verses>button{background:var(--paper);border:1px solid var(--line);text-align:start;border-radius:14px;flex-direction:column;gap:12px;width:100%;margin:12px 0;padding:20px 12px;display:flex}.semantic-verses>button span{text-align:right;width:100%;font-family:Noto Sans Arabic,serif;line-height:2}.semantic-verses>button.active,.study-verse.active{background:var(--accent-light);border-color:var(--accent)}.selected-verse{font-family:Noto Sans Arabic,serif;line-height:2}.verse-actions .data-buttons{flex-wrap:wrap}.verse-audio-mini{grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 24px);gap:8px!important;max-width:680px!important;padding:12px 18px!important;display:grid!important;bottom:14px!important}.verse-playing-text{align-items:center;gap:12px;min-width:0;line-height:1.8;display:flex}.verse-playing-text bdi{flex-shrink:0;font-size:13px}.verse-playing-text span{text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans Arabic,serif;font-size:17px;overflow:hidden}.verse-transport{align-items:center;gap:2px;display:flex}.verse-transport input{width:100px;accent-color:var(--accent)}.app.reading:has(.verse-audio-mini) .reader-bottom{bottom:80px}.app.reading:has(.verse-audio-mini) .reader-stage{padding-bottom:75px}.verse-audio-mini:has([role=status]){grid-template-columns:1fr}.guided-settings{grid-template-columns:1fr 170px;gap:16px;display:grid}.guided-settings label{flex-direction:column;gap:8px;display:flex}.guided-settings input,.guided-settings select{border:1px solid var(--line);background:var(--paper);width:100%;min-height:44px;color:var(--ink);border-radius:10px;padding:8px}.guided-summary{background:var(--accent-light);border-radius:16px;align-items:center;gap:20px;margin:22px 0;padding:24px;display:flex}.guided-summary h3{margin:4px 0}.guided-summary p{margin:5px 0}.guided-summary>small{margin-inline-start:auto}.guided-steps{gap:14px;margin-bottom:20px;display:grid}.guided-steps article,.saved-playlists article,.tajwid-lessons article{border:1px solid var(--line);background:var(--paper);border-radius:16px;margin:14px 0;padding:20px}.guided-steps article.completed{border-color:var(--accent);background:var(--accent-light)}.guided-steps h3{margin:10px 0 14px}.guided-steps .data-buttons{flex-wrap:wrap}.tajwid-lessons article>p[lang=ar]{font-family:Noto Sans Arabic,serif;font-size:24px;line-height:2}.source-link,.portable-link{align-items:center;gap:10px;display:inline-flex}.install-platforms{flex-wrap:wrap;gap:14px;margin:18px 0;display:flex}.install-panel p,.family-panel p,.tajwid-panel p{line-height:1.8}.advanced-tabs{max-height:calc(100dvh - 160px);overflow:auto}@media (width<=700px){.daily-card{flex-direction:column;align-items:stretch;padding:22px}.daily-card h2{font-size:18px;line-height:1.6}.daily-launch{justify-content:center}.guided-settings{grid-template-columns:1fr}.guided-summary{flex-wrap:wrap;gap:12px;padding:16px}.guided-summary>small{width:100%;margin:0}.verse-audio-mini{grid-template-columns:1fr;padding:8px 12px!important;bottom:8px!important}.verse-playing-text span{font-size:16px}.verse-transport{justify-content:center}.verse-transport input{flex:1;max-width:160px}.app.reading:has(.verse-audio-mini) .reader-bottom{bottom:100px}.reader-follow-bar{inset-inline:8px;top:6px}.reader-follow-bar button,.reader-follow-bar label{padding:6px 8px;font-size:11px}.advanced-tabs{max-height:none;overflow:visible}}.reading .verse-audio-mini{top:auto!important}.verse-playing-text span{max-width:none}.e2e-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.e2e-settings h3{margin-bottom:12px}.parent-lock{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.app.reading:not(.controls-hidden) .reader-stage{padding-top:calc(var(--follow-height,80px) + 22px)}.app.fullscreen:not(.controls-hidden) .reader-follow-bar{top:78px}.app.fullscreen:not(.controls-hidden) .reader-stage{padding-top:calc(var(--follow-height,80px) + 90px)}@media (width<=560px){.app.fullscreen:not(.controls-hidden) .reader-follow-bar{top:66px}.app.fullscreen:not(.controls-hidden) .reader-stage{padding-top:calc(var(--follow-height,80px) + 78px)}}body:has(.verse-audio-mini) .app.reading .reader-bottom{bottom:100px}body:has(.verse-audio-mini) .app.reading .reader-stage{padding-bottom:220px}@media (width<=700px){body:has(.verse-audio-mini) .app.reading .reader-bottom{bottom:112px}body:has(.verse-audio-mini) .app.reading .reader-stage{padding-bottom:225px}.advanced-tabs{scrollbar-width:thin;flex-direction:row;align-items:stretch;gap:8px;max-width:100%;margin-bottom:20px;padding:0 0 12px;display:flex;overflow:auto hidden}.advanced-tabs button{white-space:normal;flex:0 0 135px;gap:8px;min-height:54px;padding:10px}.advanced-panel>nav~*{width:100%;min-width:0}}