@font-face{font-family:Hafs;src:url(/quran/assets/fonts/Hafs.woff2) format("woff2");font-display:swap}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263b34;background:#f5f6f2;font-synthesis:none;text-rendering:optimizeLegibility;--green: #143e35;--muted: #78827b;--border: #e0e5dd;--gold: #a48c51;--paper: #fffef9;--qmh-highlight: #e7ecd0;--qmh-error: #f6d6c8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;color:inherit;font-size:14px;font-weight:550}button:disabled{opacity:.44;cursor:not-allowed}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #8e753b}a{color:var(--green)}button:not(:disabled):hover{filter:brightness(.93)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:37px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:12px}h2{font-size:17px;font-weight:600;margin-bottom:12px}h3{font-size:16px;font-weight:550}p{font-size:15px;line-height:1.6}small{font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:#fbfcf9;border-right:1px solid var(--border);padding:37px 22px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;text-decoration:none;font-family:Georgia,serif;font-size:28px;letter-spacing:-.7px;align-items:center;margin-bottom:59px}:root{--brand-tile: #375b40}:root[data-theme=dark]{--brand-tile: #143e35}.brand-mark{display:grid;place-items:center;width:44px;height:48px;flex:none}.brand-mark svg{width:100%;height:100%;display:block}.brand-name svg{color:var(--green);margin-bottom:2px}[data-theme=dark] .brand-name svg{color:var(--ink)}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.8px;white-space:nowrap;margin-top:5px;color:#7e8b80}.nav-caption{font-size:10px;letter-spacing:1.9px;color:#8d988f;margin:0 14px 15px}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;width:100%;justify-content:flex-start;padding:14px 13px;border-radius:7px;color:#6a766e;font-size:14px;gap:12px;font-weight:450}.nav-item.selected{background:#e7eee7;color:var(--green);font-weight:600}.nav-indicator{height:5px;width:5px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:70px}.privacy-card{padding:19px 17px;background:#eef2e9;border:1px solid #e3e8db;border-radius:9px;margin-bottom:22px}.privacy-card>svg{color:#748560;margin-bottom:12px}.privacy-card strong{display:block;font-size:13px;margin-bottom:8px}.privacy-card p{font-size:12px;color:#72816e;line-height:1.65;margin-bottom:11px}.privacy-card button{padding:0;font-size:12px;gap:13px}.build-note{display:flex;justify-content:space-between;border-top:1px solid var(--border);margin-top:20px;padding:20px 12px 0;font-size:9px;letter-spacing:1.8px;color:#8c948d}.main-area{margin-left:236px;flex:1;min-width:0}.topbar{height:79px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 46px;font-size:12px;background:#f8f9f5}.topbar>div{display:flex;align-items:center;gap:12px}.breadcrumb{color:#869187}.topbar strong{font-weight:500}.local-pill{border:1px solid #dce4d9;border-radius:30px;font-size:11px;color:#63745d;padding:7px 12px;gap:6px}main{max-width:1530px;margin:auto;padding:36px 46px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a967d;font-weight:600;margin-bottom:11px}.page-heading p{color:#788278;font-size:14px;margin-bottom:0}.date-label{font-size:12px;color:#8a9289;white-space:nowrap}.practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:25px;align-items:start}.reading-column{min-width:0}.passage-bar{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:9px;padding:16px 19px;margin-bottom:17px;gap:15px}.passage-bar label>span{display:block;font-size:9px;letter-spacing:1.6px;color:#929b8d;margin-bottom:8px}.surah-picker{flex:1;min-width:110px}.surah-picker select{width:100%;max-width:250px;border:0;background:transparent;color:#274539;font-weight:600;font-size:14px;cursor:pointer}.range-picker{display:flex;gap:13px;align-items:center;border-left:1px solid var(--border);padding-left:19px}.range-picker input{width:64px;border:0;background:none;color:#3f4d43;font-size:14px}.range-dash{color:#a1aa9a;margin-top:15px}.icon-button{width:34px;height:34px;padding:7px;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#e8ece4}.is-active{color:var(--green);background:#ecf0e7}.mushaf-card{background:var(--paper);border:1px solid #dedfce;box-shadow:0 3px 14px #32422804;border-radius:10px;overflow:hidden;position:relative}.mushaf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;font-size:10px}.edition{color:#999777;letter-spacing:1.5px;font-size:9px}.edition span{margin:0 7px}.text-button{padding:0;font-size:11px;color:#778067;font-weight:500}.surah-title{display:flex;gap:24px;justify-content:center;align-items:center;padding:9px 40px 24px;text-align:center}.surah-title [lang=ar]{font-family:Hafs,serif;font-size:30px;line-height:1.7;color:#4c543e}.surah-title small{font-size:10px;color:#919580;letter-spacing:.4px}.surah-title small span{margin:0 9px}.rule{height:1px;background:#d4d1b5;flex:1;max-width:80px;position:relative}.rule:after{content:"";height:4px;width:4px;position:absolute;top:-2px;right:0;background:#c9c3a1;transform:rotate(45deg)}.verse-list{padding:0 24px 20px;max-height:610px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dddcc8 transparent}.verse-row{display:flex;gap:14px;align-items:center;position:relative;border-radius:6px;padding:11px 5px;transition:background .2s}.verse-row+.verse-row{border-top:1px solid #f0eee1}.current-verse{background:#eff2df}.verse-meta{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:27px;align-self:center}.verse-meta>span{font-size:10px;color:#a4a488;width:24px;height:24px;border:1px solid #e4e2cc;display:grid;place-items:center;border-radius:50%}.verse-meta small{font-size:7px;letter-spacing:1px;color:#6c7a56}.verse-body{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.verse-body quran-madina-html{display:block;max-width:100%;direction:rtl}.verse-body .quran-madina-html{max-width:100%}.mushaf-footer{border-top:1px solid #ebe9d9;display:flex;justify-content:space-between;padding:13px 22px;color:#92937d;font-size:10px}.primary,.secondary,.danger{padding:12px 18px;border-radius:7px;min-height:44px;font-size:12px;line-height:1.3}.primary{background:var(--green);color:#fff;border:1px solid var(--green);box-shadow:0 2px 4px #153c3512}.secondary{background:#fff;border:1px solid #dce2d6;color:#58694d}.danger{background:#944b3d;color:#fff}.under-controls{font-size:10px;color:#90998a;text-align:center;margin:12px 0 0}.session-column{display:grid;gap:18px}.session-card,.review-card,.chart-card,.history-panel{background:#fff;border:1px solid var(--border);border-radius:9px;padding:23px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.card-title h2{margin:0;font-size:14px}.card-title>span{font-size:11px;color:#88927e}.status-tag{font-size:8px!important;letter-spacing:1.3px;border:1px solid #e5e8df;border-radius:4px;padding:5px 6px;color:#93a080!important}.status-tag.active{color:#3f724a!important;background:#e8f2e4}.session-progress{display:flex;align-items:baseline;gap:12px;margin:23px 0 13px}.session-progress>strong{font-family:Georgia,serif;font-size:45px;font-weight:400;letter-spacing:-2px;color:#294b36}.session-progress>strong span{font-family:Arial,sans-serif;font-size:18px;color:#96a486;letter-spacing:0;margin-left:3px}.session-progress p{font-size:11px;color:#9ba391;margin-bottom:0}.progress-track{height:5px;background:#edf0e6;border-radius:5px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#6c8d5d;border-radius:5px;transition:width .3s}.session-numbers{display:flex;padding:21px 0 23px;margin-bottom:0}.session-numbers>div{flex:1}.session-numbers>div+div{border-left:1px solid var(--border);padding-left:23px}.session-numbers strong{font-size:22px;font-weight:450;display:block;margin-bottom:6px}.session-numbers strong small{color:#a0a793;font-size:12px}.session-numbers span{font-size:10px;color:#909a84}.card-description{font-size:11px;color:#939c8b;line-height:1.65;margin-bottom:18px}.count-badge{border-radius:50%;height:20px;width:20px;display:grid;place-items:center;background:#f0f2e9}.empty-small{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#acb19f;padding:14px 4px}.empty-small svg{margin-bottom:13px}.empty-small strong{font-size:11px;font-weight:500;color:#889579}.empty-small p{font-size:11px;max-width:180px;margin:7px 0 0;color:#a0a993}.feedback-note{display:flex;align-items:flex-start;padding:0 4px;gap:10px;color:#91a087}.feedback-note svg{flex-shrink:0;margin-top:2px}.feedback-note p{font-size:10px;line-height:1.75;margin-bottom:0}.practice-summary{display:flex;align-items:center;gap:20px;margin-top:32px;padding:23px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.practice-summary>div:first-child{flex:1.2}.practice-summary .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:7px}.practice-summary p{margin:0;font:17px Georgia,serif;color:#758063}.metric{flex:1;padding-inline-start:25px;border-inline-start:1px solid var(--border);min-width:0}.metric>span{display:block;color:#929b86;font-size:10px;margin-bottom:9px}.metric>strong{display:block;font-size:25px;color:#3b5739;font-weight:450;letter-spacing:-.5px}.metric>small{display:block;margin-top:7px;color:#8c9684}footer{display:flex;justify-content:space-between;padding:22px 0 26px;font-size:9px;color:#a4aa9a;gap:15px}footer button{font-size:9px;color:#99a28d;padding:0}.notice{background:#fbf1df;border:1px solid #ead8b1;padding:13px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.5;margin-bottom:20px}.hidden-mushaf{min-height:450px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;color:#859075}.hidden-mushaf h2{font:28px Georgia,serif;color:#566449;margin:22px 0 14px}.hidden-mushaf p{font-size:14px;color:#9ca28c}.hint-word{font:42px Hafs,serif;color:#335136;margin:12px 0 25px}.hidden-mushaf .secondary{margin-top:20px}.page-render{padding:0 20px 20px;text-align:center;overflow:auto}.page-render quran-madina-html{display:block;max-width:100%;text-align:center}.page-controls{display:flex;justify-content:center;gap:25px;align-items:center;font-size:12px;color:#8a947a;margin-top:15px}.page-controls button{border:1px solid #e5e8da}.history-panel{min-height:450px}.history-row{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid var(--border)}.history-icon{display:grid;place-items:center;width:48px;height:48px;background:#edf1e5;border-radius:10px;color:#6e865b}.history-open{display:block;text-align:left;flex:1;padding:0}.history-open strong{display:block;font-size:15px;margin-bottom:7px}.history-open small,.history-stats small{display:block;color:#929c87;font-size:12px}.history-stats strong{display:block;font-size:15px;margin-bottom:7px;font-weight:450}.empty-large{padding:80px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#9daa8b}.empty-large h2{font:29px Georgia,serif;color:#4e6645;margin:24px 0 15px}.empty-large p{font-size:14px;color:#899780}.empty-large .primary{margin-top:12px}.insight-metrics{display:flex;background:#fff;border:1px solid var(--border);border-radius:8px;padding:25px 0;margin-bottom:25px}.insight-metrics .metric:first-child{border-inline-start:0}.insights-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.week-chart{height:260px;display:flex;gap:20px;padding:25px 8px 0}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;color:#929e86;font-size:11px}.bar-well{height:170px;max-width:48px;width:100%;background:#f2f4ed;display:flex;align-items:flex-end;border-radius:5px;overflow:hidden}.bar{width:100%;min-height:2px;background:#527951;border-radius:5px}.revision-row{width:100%;display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--border);text-align:left}.revision-row strong,.revision-row small{display:block}.revision-row small{font-size:11px;color:#919c85;margin-top:6px}.muted{color:#8b9681;font-size:13px}.full-width{width:100%}.fatal{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:30px;max-width:650px;margin:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{padding:0;width:min(640px,calc(100% - 32px));max-height:88vh;border:1px solid #d9dfcf;border-radius:13px;color:#33472d;box-shadow:0 25px 100px #173a2c33}dialog::backdrop{background:#1d302ba3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-inner{padding:28px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-title h2{font:27px Georgia,serif;margin:0}.dialog-inner p{font-size:14px}.dialog-inner h3{margin-top:25px;margin-bottom:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--border)}.toggle-row strong{display:block;font-size:14px;font-weight:550;margin-bottom:6px}.toggle-row small{display:block;font-size:12px;color:#87937b;line-height:1.6}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:39px;height:23px;background:#dfe5d9;border-radius:20px;flex-shrink:0;position:relative;cursor:pointer}.toggle-row input:before{content:"";position:absolute;left:3px;top:3px;border-radius:50%;height:17px;width:17px;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}.toggle-row input:checked{background:#315c39}.toggle-row input:checked:before{transform:translate(16px)}.offline-storage{display:grid;gap:8px;padding:20px 0;border-top:1px solid var(--border)}.offline-storage strong{font-size:14px;font-weight:550}.offline-storage small{font-size:12px;color:#87937b;line-height:1.6}.offline-storage .offline-failed{color:var(--danger)}.offline-model{display:flex;align-items:center;justify-content:space-between;gap:10px}.offline-model button{font-size:12.5px;padding:8px 12px;flex:none}.offline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.offline-actions button{font-size:12.5px;padding:8px 12px}.offline-progress{height:4px;border-radius:4px;background:var(--soft);overflow:hidden}.offline-progress span{display:block;height:100%;background:var(--green);transition:width .3s}.setting-select{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:15px 0;gap:15px}.setting-select select{background:#f5f7ef;border:1px solid #dce3d0;padding:8px 12px;border-radius:6px;color:#58684c}.note{font-size:12px!important;line-height:1.65;background:#f2f5ec;border:1px solid #e5e9dc;padding:13px 15px;border-radius:7px;color:#7e8d70;margin:18px 0}.report-metrics{display:flex;border:1px solid var(--border);border-radius:8px;padding:19px 0;margin:22px 0}.report-metrics .metric{padding-left:18px}.report-metrics .metric:first-child{border:0}.report-metrics .metric strong{font-size:23px}.events{max-height:380px;overflow:auto;scrollbar-width:thin}.event{display:flex;align-items:flex-start;gap:10px;padding:14px 0;border-top:1px solid var(--border)}.event>div{flex:1;min-width:0}.event-symbol{width:28px;height:28px;background:#f6ebde;border-radius:50%;display:grid;place-items:center;color:#a28454;flex-shrink:0}.event.logged .event-symbol{background:#edf1df;color:#8b945f}.event.dismissed{opacity:.55}.event.self-corrected .event-symbol{background:#e9f1e1;color:#6a8754}.event-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.event-heading strong{font-size:11px}.event time{font-size:10px;color:#93a085}.event-word{display:block;text-align:right;font:27px Hafs,serif;margin:10px 0}.event small{display:block;font-size:10px;color:#909b84;margin-top:5px}.event .text-button{font-size:10px;margin-top:9px;text-decoration:underline;text-underline-offset:3px}@media(min-width:1500px){.practice-grid{grid-template-columns:minmax(0,1fr) 320px}.verse-row{padding-top:14px;padding-bottom:14px}.verse-list{max-height:700px}}@media(max-width:1180px){.sidebar{width:200px;padding:30px 16px}.main-area{margin-left:200px}main{padding:30px 25px 0}.topbar{padding:0 25px}.brand{font-size:25px;gap:8px}.brand-mark{width:40px;height:44px}.practice-grid{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.session-card,.review-card{padding:18px}.passage-bar{padding:13px;gap:10px}.range-picker{padding-left:12px;gap:5px}.range-picker input{width:52px}.verse-list{padding:0 10px 15px}.verse-row{gap:7px}.date-label{display:none}h1{font-size:32px}.surah-title{padding-left:25px;padding-right:25px}.metric{padding-left:18px}}@media(max-width:960px){.sidebar{width:76px;padding:25px 12px}.brand{margin-bottom:40px;justify-content:center}.brand>span:last-child,.nav-caption,.nav-item>span,.sidebar-bottom .privacy-card,.build-note{display:none}.nav-item{font-size:0;gap:0;justify-content:center;padding:15px}.nav-item svg{width:21px;height:21px}.main-area{margin-left:76px}.sidebar-bottom{padding-top:30px}.practice-grid{grid-template-columns:minmax(0,1fr) 255px}.topbar{height:65px}main{padding:28px 22px 0}.practice-summary{gap:12px}.practice-summary p{font-size:15px}.metric>strong{font-size:22px}.metric>span{font-size:9px}}@media(max-width:760px){.sidebar{position:static;width:100%;height:68px;padding:12px 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--border)}.brand{margin:0;gap:9px;font-size:23px}.brand>span:last-child{display:block}.brand small{display:none}.brand-mark{width:40px;height:44px}.sidebar nav{display:flex;gap:3px;margin-left:auto}.nav-item{padding:10px;width:40px}.sidebar-bottom{margin:0;padding:0}.sidebar-bottom .nav-item{margin-left:5px}.app-shell{display:block}.main-area{margin:0}.topbar{height:50px;padding:0 20px}.topbar strong,.breadcrumb{font-size:11px}main{padding:28px 18px 0}.page-heading{margin-bottom:23px}.page-heading h1{font-size:30px}.page-heading p{font-size:13px;max-width:340px;line-height:1.7}.eyebrow{font-size:9px}.practice-grid{display:flex;flex-direction:column;gap:23px}.reading-column,.session-column{width:100%}.passage-bar{padding:14px}.range-picker{gap:4px}.passage-bar label>span{font-size:8px;letter-spacing:1px}.range-picker input{width:48px}.surah-picker select{font-size:13px}.mushaf-toolbar{padding:17px}.surah-title{padding:7px 30px 21px;gap:15px}.verse-list{max-height:640px;padding:0 8px 15px}.verse-row{padding:10px 2px;gap:4px}.verse-meta{min-width:21px}.verse-meta>span{width:19px;height:19px;font-size:8px}.session-column{grid-template-columns:1fr 1fr;gap:14px}.session-card,.review-card{padding:17px}.session-card .card-title{flex-wrap:wrap;gap:8px}.feedback-note{grid-column:1/-1}.review-card .empty-small{min-height:230px}.practice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}.practice-summary>div:first-child{grid-column:1/-1}.practice-summary .metric{padding-left:15px}.practice-summary .metric:nth-child(2){padding-left:0;border:0}.practice-summary>.icon-button{display:none}.practice-summary .metric>span{font-size:10px}footer{font-size:9px;line-height:1.5}.local-pill{font-size:10px;padding:5px 9px}.page-render{padding:0 8px 15px}.hidden-mushaf{min-height:420px}.insights-grid{grid-template-columns:1fr}.insight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px 0;padding:23px 0}.insight-metrics .metric:nth-child(3){border:0}.history-panel{padding:18px}.history-row{gap:10px}.history-icon{width:36px;height:40px}.history-open strong{font-size:13px}.history-open small,.history-stats small{font-size:10px}.history-row>.icon-button{width:26px}.history-row .history-stats{display:none}.dialog-inner{padding:23px}.dialog-title h2{font-size:24px}.week-chart{gap:12px}.report-metrics .metric strong{font-size:20px}}.reading-column{display:flex;flex-direction:column}.passage-bar{order:0}.mushaf-card{order:2}.under-controls{order:4}.quran-surface{width:100%;min-width:0;position:relative;overflow:hidden;min-height:44px}.quran-natural{width:max-content;position:relative;transform-origin:top center;display:flow-root}.quran-natural quran-madina-html{max-width:none;display:block}.opening-basmala{font:25px Hafs,serif;text-align:center;padding:5px 0 25px;color:#434d37}.verse-body{overflow:visible}.quran-madina-html-word-highlight{border-radius:3px}.quran-surface .quran-madina-html-word-error{color:#a62435!important;background-color:#fce7e9!important;text-decoration:underline dotted;text-underline-offset:6px;border-radius:3px}.event.review .event-word{color:#a62435}.primary,.secondary,.danger{font-size:14px}.card-title h2{font-size:16px}.session-numbers span,.card-description,.feedback-note p,.empty-small p,.empty-small strong,.text-button,.under-controls,.mushaf-footer,.metric>span{font-size:12px}.card-description,.feedback-note,.empty-small p,.under-controls,.mushaf-footer,.metric>span{color:#737f68}.session-numbers span{color:#737f68}.event-heading strong,.event small,.event .text-button{font-size:12px}.passage-bar label>span{font-size:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.report-saved{color:var(--green, #2f6b4f);font-weight:600}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(217,183,108,.16),transparent 70%),#f7f5ee;color:#263b34;animation:welcome-in .36s ease-out}[data-theme=dark] .welcome{background:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(217,183,108,.1),transparent 70%),#161b1d;color:#e4e9df}.welcome-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2272%22%20height%3D%2272%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20d%3D%22M36.0%2020.0%20L40.7%2024.7%20L47.3%2024.7%20L47.3%2031.3%20L52.0%2036.0%20L47.3%2040.7%20L47.3%2047.3%20L40.7%2047.3%20L36.0%2052.0%20L31.3%2047.3%20L24.7%2047.3%20L24.7%2040.7%20L20.0%2036.0%20L24.7%2031.3%20L24.7%2024.7%20L31.3%2024.7%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23143e35%22%20stroke-width%3D%221%22/%3E%3Cpath%20d%3D%22M0.0%20-8.0%20L2.3%20-5.7%20L5.7%20-5.7%20L5.7%20-2.3%20L8.0%20-0.0%20L5.7%202.3%20L5.7%205.7%20L2.3%205.7%20L0.0%208.0%20L-2.3%205.7%20L-5.7%205.7%20L-5.7%202.3%20L-8.0%200.0%20L-5.7%20-2.3%20L-5.7%20-5.7%20L-2.3%20-5.7%20ZM72.0%20-8.0%20L74.3%20-5.7%20L77.7%20-5.7%20L77.7%20-2.3%20L80.0%20-0.0%20L77.7%202.3%20L77.7%205.7%20L74.3%205.7%20L72.0%208.0%20L69.7%205.7%20L66.3%205.7%20L66.3%202.3%20L64.0%200.0%20L66.3%20-2.3%20L66.3%20-5.7%20L69.7%20-5.7%20ZM0.0%2064.0%20L2.3%2066.3%20L5.7%2066.3%20L5.7%2069.7%20L8.0%2072.0%20L5.7%2074.3%20L5.7%2077.7%20L2.3%2077.7%20L0.0%2080.0%20L-2.3%2077.7%20L-5.7%2077.7%20L-5.7%2074.3%20L-8.0%2072.0%20L-5.7%2069.7%20L-5.7%2066.3%20L-2.3%2066.3%20ZM72.0%2064.0%20L74.3%2066.3%20L77.7%2066.3%20L77.7%2069.7%20L80.0%2072.0%20L77.7%2074.3%20L77.7%2077.7%20L74.3%2077.7%20L72.0%2080.0%20L69.7%2077.7%20L66.3%2077.7%20L66.3%2074.3%20L64.0%2072.0%20L66.3%2069.7%20L66.3%2066.3%20L69.7%2066.3%20Z%22%20fill%3D%22none%22%20stroke%3D%22%23143e35%22%20stroke-width%3D%221%22/%3E%3C/svg%3E);background-size:72px 72px;opacity:.07;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 20%,transparent 75%)}[data-theme=dark] .welcome-pattern{opacity:.1;filter:invert(1)}.welcome-top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,44px)}.welcome-brand{display:flex;align-items:center;gap:12px}.welcome-brand b{display:block;font:600 27px/1 Georgia,serif;letter-spacing:-.5px;color:#143e35}.welcome-brand svg:not(:first-child),.welcome-brand div>svg{color:#143e35}[data-theme=dark] .welcome-brand b,[data-theme=dark] .welcome-brand div>svg{color:#e4e9df}.welcome-brand small{display:block;margin-top:5px;font:600 10px/1 Arial,sans-serif;letter-spacing:2px;color:#8a7a4e}.welcome-lang{border:1px solid rgba(20,62,53,.18);background:#fff9;color:inherit;border-radius:999px;padding:8px 16px;font:600 13px system-ui,sans-serif;cursor:pointer}[data-theme=dark] .welcome-lang{border-color:#e4e9df33;background:#ffffff0a}.welcome-body{position:relative;max-width:780px;margin:0 auto;padding:clamp(8px,4vh,44px) 22px 56px;text-align:center}.welcome-hadith{margin:0}.welcome-said{font:600 12px system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#8a7a4e;margin-bottom:18px}.welcome-arabic{margin:0;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,Hafs,serif;font-size:clamp(25px,3.5vw,36px);line-height:2.05;color:#143e35;text-wrap:balance}[data-theme=dark] .welcome-arabic{color:#f1e3bd}.welcome-english{margin:clamp(10px,1.6vh,18px) auto 0;max-width:620px;font:italic clamp(16px,2.3vh,18px)/1.65 Georgia,"Times New Roman",serif;color:#3f5249;text-wrap:balance}[data-theme=dark] .welcome-english{color:#c8d1c7}.welcome-source{margin:16px 0 0;font:12.5px/1.6 system-ui,sans-serif;color:#7e8b80}.welcome-call{margin:clamp(26px,5vh,44px) auto 0;max-width:560px;font:600 19px/1.55 system-ui,sans-serif;color:inherit;text-wrap:balance}[data-theme=dark] .welcome-call{color:#eef1ea}.welcome-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.welcome-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(20,62,53,.08);box-shadow:0 10px 30px -22px #143e3573;font:13.5px/1.5 system-ui,sans-serif;color:#5c6b62}[data-theme=dark] .welcome-steps li{background:#ffffff0a;border-color:#e4e9df14;color:#aab5a9}.welcome-steps strong{font-size:15px;color:#143e35}[data-theme=dark] .welcome-steps strong{color:#e4e9df}.welcome-step-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:12px;color:#f1e3bd;background:linear-gradient(135deg,#1d5a49,#0f3b31)}.welcome-begin{margin-top:32px;padding:16px 40px;border:0;border-radius:999px;font:700 17px system-ui,sans-serif;color:#f7f5ee;background:linear-gradient(135deg,#1d5a49,#0f3b31);box-shadow:0 16px 34px -16px #0f3b31cc;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.welcome-begin:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px #0f3b31d9}.welcome-begin:focus-visible,.welcome-lang:focus-visible{outline:3px solid #d9b76c;outline-offset:3px}.welcome[dir=ltr] .welcome-body{padding-top:clamp(8px,3vh,44px)}.welcome[dir=ltr] .welcome-said{margin-bottom:clamp(10px,1.6vh,18px)}.welcome[dir=ltr] .welcome-arabic{font-size:clamp(24px,min(3.5vw,4.1vh),32px);line-height:1.95}.welcome[dir=ltr] .welcome-source{margin-top:clamp(8px,1.4vh,16px)}.welcome[dir=ltr] .welcome-call{margin-top:clamp(16px,3.4vh,44px)}.welcome[dir=ltr] .welcome-steps{margin-top:clamp(16px,2.6vh,28px)}.welcome[dir=ltr] .welcome-steps li{padding-block:clamp(14px,2.1vh,20px)}.welcome[dir=ltr] .welcome-begin{margin-top:clamp(18px,3vh,32px)}.welcome-hadith,.welcome-call,.welcome-steps li,.welcome-begin{animation:welcome-rise .7s cubic-bezier(.2,.7,.2,1) both}.welcome-call{animation-delay:.26s}.welcome-steps li{animation-delay:calc(.38s + var(--i, 0) * 90ms)}.welcome-begin{animation-delay:.7s}@keyframes welcome-in{0%{opacity:0}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(18px)}}@media(max-width:640px){.welcome-steps{grid-template-columns:1fr}.welcome-steps li{flex-direction:row;text-align:start;align-items:flex-start;flex-wrap:wrap}.welcome-step-icon{margin:0 6px 0 0}.welcome-english{font-size:16.5px}}@media(prefers-reduced-motion:reduce){.welcome,.welcome-hadith,.welcome-call,.welcome-steps li,.welcome-begin{animation:none}}:root{--surface: #fff;--canvas: #f7f8f5;--ink: #263b34;--soft: #eef2e9;--primary: #51694b;--danger: #ab322d;--green: #375b40;--muted: #657164;--border: #dde3da;--paper: #fff}.practice-grid{grid-template-columns:minmax(0,1fr)}.practice-grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mushaf-reader{background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden;color:var(--ink);position:relative}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.edition{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.reader-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reader-start-summary{padding:10px 18px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.practice-start-picker.shortcuts-only{border:0;padding:0;margin:0}.practice-start-picker.shortcuts-only .practice-range-shortcuts{margin-top:0;align-items:baseline}.practice-start-picker.shortcuts-only .note{margin-top:6px}.practice-range-label{font-weight:600;color:var(--ink)}.practice-start-picker{width:100%;border:1px solid var(--border);border-radius:12px;padding:14px;margin:8px 0;color:var(--ink)}.practice-range-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.practice-start-picker label{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.practice-range-surah{flex:1 1 220px;min-width:190px}.practice-range-ayahs{display:flex;gap:8px;align-items:end}.practice-range-ayahs input{display:block;width:72px;margin-top:5px}.practice-range-ayahs .range-dash{padding-bottom:12px;color:var(--muted)}.practice-range-ayahs .primary{white-space:nowrap}.practice-range-shortcuts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.practice-start-picker .note{font-size:12px;margin:10px 0 0;color:var(--muted)}.reader-tools .text-button{font-size:12px;padding:7px 0}.reader-page-wrap{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;padding:20px 22px 5px;gap:36px;max-width:1200px;margin:auto;direction:rtl}.reader-page-wrap.two-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.qcf-page{position:absolute;inset:0 0 auto auto;width:414px;padding:0 2px;transform-origin:right top;color:var(--ink);font-synthesis:none;font-weight:400}.qcf-line{position:relative;height:44px;flex:0 0 44px;width:410px;display:flex;align-items:center;justify-content:center}.qcf-line-text{width:max-content;flex:none;white-space:nowrap;line-height:1.575;text-align:center}.qcf-word{display:inline;padding:0;border-radius:3px;letter-spacing:0;word-spacing:0}.qcf-part{cursor:pointer}.qcf-part.verse-hovered .qcf-word{background:color-mix(in srgb,var(--primary) 18%,transparent)}.qcf-part.verse-hovered .word-error{background:color-mix(in srgb,#c23b3b 22%,transparent)}.printed-surah-name{font-family:PrintedSurahNames;font-size:34px;font-weight:400;font-variant-ligatures:common-ligatures discretionary-ligatures;direction:ltr}.qcf-title-line .madina-surah-frame{inset:auto 0;height:50.25px}.qcf-part:focus-visible{outline:1px dashed var(--primary);outline-offset:4px}.qcf-opening{display:flex;flex-direction:column;justify-content:center}.qcf-opening .is-empty{display:none}.qcf-opening .qcf-title-line{margin-bottom:44px}.page-skeleton{width:min(100%,414px);aspect-ratio:414 / 660;margin:0 auto;padding:44px 28px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.page-skeleton>span{display:block;height:11px;width:var(--w, 100%);margin-inline-start:auto;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--border) 70%,transparent),color-mix(in srgb,var(--border) 100%,var(--muted) 12%),color-mix(in srgb,var(--border) 70%,transparent));background-size:220% 100%;animation:page-skeleton-shimmer 1.3s ease-in-out infinite}.page-skeleton:has(>span:nth-child(2):last-child){aspect-ratio:auto;gap:18px;padding:20px 28px}@keyframes page-skeleton-shimmer{0%{background-position:110% 0}to{background-position:-110% 0}}@media(prefers-reduced-motion:reduce){.page-skeleton>span{animation:none}}.printed-loading{min-height:420px;display:grid;place-items:center;color:var(--muted);padding:24px;text-align:center}.printed-fallback{color:var(--muted);font:12px/1.6 system-ui,sans-serif;padding:8px 12px;text-align:center}.printed-fallback button{color:var(--primary);background:none;border:0;text-decoration:underline;cursor:pointer}.mushaf-sheet{min-width:0;max-width:560px;width:100%;margin:auto;background:var(--paper)}.page-running-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);min-height:30px;padding:0 6px 12px}.page-running-head span:first-child{font-family:Hafs,serif;font-size:18px}.reader-tap-surface{outline:none;min-width:0}.reader-tap-surface:focus-visible{outline:none}.opening-page .madina-line{justify-content:center}.opening-page .surah-heading-line{margin-bottom:50.4px}.opening-page .madina-line-content{transform-origin:center center}.madina-slot{width:100%;min-width:0;display:flex;justify-content:center}.madina-scaled{position:relative;flex:none}.madina-page{position:absolute;top:0;right:0;transform-origin:top right;width:414px;height:756px;padding:0 2px;font-family:Hafs,serif;font-size:24px;line-height:2.1;text-align:right;color:var(--ink);font-synthesis:none}.madina-line{flex:none;height:50.4px;width:410px;position:relative;display:flex;align-items:center;justify-content:flex-start;direction:rtl}.madina-page.opening-page{display:flex;flex-direction:column;justify-content:center}.opening-page .madina-line.is-empty{display:none}.madina-line-content{display:block;white-space:pre;width:max-content;flex:none;transform-origin:100% 0;line-height:2.1}.madina-line-content.centered{width:100%;text-align:center;transform:none}.madina-part{display:inline;cursor:pointer;outline-offset:2px;border-radius:3px}.madina-part:hover{background:color-mix(in srgb,var(--primary) 13%,transparent)}.madina-part:focus-visible{outline:1px solid var(--primary)}.madina-word{border-radius:3px;transition:background-color .22s ease-out,box-shadow .22s ease-out,color .22s ease-out}.follow-highlight{position:absolute;top:0;left:0;border-radius:6px;pointer-events:none;background:#dce6b8;box-shadow:inset 0 -2px 0 var(--primary);transition:transform .19s cubic-bezier(.25,.8,.25,1),width .19s cubic-bezier(.25,.8,.25,1),height .19s ease-out,background-color .16s ease-out,box-shadow .16s ease-out;animation:follow-highlight-in .2s ease-out}.follow-highlight.is-error{background:color-mix(in srgb,var(--danger) 26%,transparent);box-shadow:inset 0 -3px 0 var(--danger)}@keyframes follow-highlight-in{0%{opacity:0}}.madina-word.word-active{background:#e0e8c4;box-shadow:inset 0 -2px 0 var(--primary)}.follow-highlight~* .madina-word.word-active{background:transparent;box-shadow:none}.madina-word.word-error,.follow-highlight~* .madina-word.word-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 22%,transparent);box-shadow:inset 0 -3px 0 var(--danger);animation:word-error-in .52s ease-out}@keyframes word-error-in{0%{background-color:color-mix(in srgb,var(--danger) 55%,transparent)}}.madina-word.word-corrected{text-decoration:underline dashed color-mix(in srgb,var(--danger) 70%,transparent);text-decoration-thickness:1.5px;text-underline-offset:.3em;box-shadow:inset 0 -2px color-mix(in srgb,var(--danger) 55%,transparent)}.word-revealed>.word-glyph{animation:word-reveal .22s ease-out}@keyframes word-reveal{0%{opacity:0}}.words-hidden .follow-highlight{transition:background-color .16s ease-out,box-shadow .16s ease-out}@media(prefers-reduced-motion:reduce){.madina-word,.follow-highlight{transition:none}.follow-highlight,.madina-word.word-error,.word-revealed>.word-glyph{animation:none}}.ayah-marker{color:var(--primary)}.madina-surah-frame{position:absolute;top:1px;right:0;bottom:1px;left:0;display:flex;align-items:center;justify-content:center;font-size:25px;font-family:Hafs,serif}.surah-ornament{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--primary);pointer-events:none;background:var(--primary);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.surah-cartouche{fill:color-mix(in srgb,var(--primary) 7%,var(--paper));stroke:currentColor;stroke-width:1.1px}.madina-surah-frame>span:not(.surah-ornament){position:relative}.focus-page-navigation{display:flex;align-items:center;gap:12px;direction:ltr}.word-masked>.word-glyph,.words-hidden .quran-madina-html-word:not(.ayah-marker){visibility:hidden}.madina-word.word-masked,.words-hidden .ayah-marker{visibility:visible}.printed-page-number{font-size:12px;text-align:center;color:var(--muted);padding:13px 0}.reader-bottom{display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid var(--border);padding:10px;direction:ltr;font-size:12px;color:var(--muted)}.reader-bottom input{width:62px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--ink);text-align:center;padding:6px}.reader-caption{text-align:center;color:var(--muted);font-size:11px;margin:0;padding:0 15px 12px}.aligned-verse{padding:14px 0;border-bottom:1px solid var(--border)}.line-reference{display:flex;margin-inline-start:auto;font:12px system-ui;color:var(--muted);padding:6px;margin-bottom:8px}.aligned-verse .quran-surface{margin:0 auto;width:100%}.aligned-verse .quran-natural{text-align:right}.is-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:100;width:100vw;height:100dvh;border:0;border-radius:0;overflow:hidden;background:var(--paper);display:flex;align-items:center;justify-content:center}.is-fullscreen .reader-page-wrap{width:100%;padding:22px 36px 48px;max-width:min(1280px,calc((100dvh - 116px)*1.25455 + 118px));margin:0 auto;gap:46px}.is-fullscreen{cursor:pointer}.is-fullscreen .focus-dock{cursor:auto}.focus-rail{position:absolute;top:50%;right:12px;transform:translateY(-50%) translate(calc(100% - 26px));transition:transform .32s cubic-bezier(.2,.8,.2,1);z-index:5;display:flex;align-items:center;gap:6px;direction:ltr}.focus-rail.is-open{transform:translateY(-50%)}.focus-rail-tools{display:flex;flex-direction:column;align-items:stretch;width:68px;gap:8px;padding:10px 8px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:20px;box-shadow:0 18px 40px -22px #12261e73,0 2px 8px #12261e0f;max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:thin;transition:opacity .26s ease}.focus-rail:not(.is-open) .focus-rail-tools{opacity:0;pointer-events:none}.focus-rail-handle{display:grid;place-items:center;width:26px;height:52px;color:var(--muted);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:13px;cursor:pointer}.focus-rail-handle:hover{color:var(--ink)}.focus-finder-button{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 2px;border-radius:50%;color:var(--green);background:color-mix(in srgb,var(--primary) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);cursor:pointer;transition:background .18s ease,color .18s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.focus-finder-button:hover{transform:scale(1.04)}.focus-finder-button.is-on{color:#fff;background:var(--green);border-color:transparent}.focus-finder{position:absolute;top:0;right:calc(100% + 10px);width:min(420px,calc(100vw - 132px));opacity:0;transform:translate(16px);pointer-events:none;transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.focus-finder.is-open{opacity:1;transform:none;pointer-events:auto}[dir=rtl] .focus-finder{direction:rtl}.focus-finder .passage-panel.is-compact{padding:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:18px;box-shadow:0 18px 40px -22px #12261e73,0 2px 8px #12261e0f;margin:0}@media(prefers-reduced-motion:reduce){.focus-rail,.focus-rail-tools,.focus-finder,.focus-finder-button{transition:none}}.focus-rail .view-switch,.focus-rail .zoom-control{flex-direction:column;width:100%;height:auto;gap:2px;padding:3px}.focus-rail .view-switch button,.focus-rail .zoom-control button{width:100%;justify-content:center}.focus-rail .view-switch button>span{display:none}.focus-rail .tool-button{width:42px;height:42px;margin:0 auto;justify-content:center}.focus-rail .page-pill{position:static;transform:none;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;width:100%;padding:4px;gap:2px;border-radius:16px}.focus-rail .page-pill-number,.focus-rail .page-pill form{order:-1;grid-column:1 / -1;width:100%}.focus-rail .page-pill-number{display:grid;place-items:center;gap:0;height:28px;min-width:0;padding:0;line-height:1;font-size:11px}.focus-rail .page-pill-number small{display:none}.focus-rail .page-pill input{width:100%;height:28px;text-align:center;font-size:11px}.focus-rail .page-pill-turn{width:auto;min-width:0;height:26px;justify-self:stretch}.focus-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0002;display:flex;align-items:flex-end;justify-content:center;padding:22px;z-index:3}.focus-controls{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 12px 70px #0003;width:min(760px,100%);max-height:90%;overflow:auto;direction:inherit}.focus-search{position:absolute;top:22px;width:min(760px,calc(100% - 44px));background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 12px 45px #0003;z-index:1}.focus-search label{display:block;font-size:13px;margin-bottom:8px}.focus-search input{width:100%}.focus-search-results{max-height:35dvh;overflow:auto;margin-top:8px}.focus-search-results button{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding:12px;text-align:start;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--border)}.focus-search-results button:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}.focus-search-results small{color:var(--muted)}.search-verse-text{flex-basis:100%;font-family:Hafs,serif;font-size:20px}.controls-open .focus-controls{max-height:calc(100dvh - 180px)}.focus-panel-head,.focus-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.focus-panel-head strong{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font-size:13px}.focus-panel-range{color:var(--muted);font-weight:500}.focus-status{margin:12px 0 0}.focus-passage{border-top:1px solid var(--border);padding-top:12px;margin-bottom:14px}.focus-passage>summary{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);cursor:pointer}.focus-passage .practice-start-picker{border:0;padding:0;margin:12px 0 0}.focus-actions .secondary.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.focus-actions button{display:inline-flex;align-items:center;gap:7px}.focus-search.inline-search{position:static;width:min(340px,100%);flex:1 1 220px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.focus-search.inline-search .focus-search-results{position:absolute;z-index:4;width:min(420px,calc(100% - 36px));max-height:45dvh;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 45px #0002}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.focus-controls p{font-size:13px;color:var(--muted)}.focus-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.focus-footer{border-top:1px solid var(--border);padding-top:14px;font-size:12px}.focus-hint{font-family:Hafs,serif;font-size:30px!important;text-align:center}.language-toggle{font-size:13px;border:1px solid var(--border);padding:7px 13px;border-radius:30px;background:var(--surface)}.icon-button:hover{background:var(--soft);color:var(--ink)}[data-theme=dark] :is(.practice-summary,.history-panel,.session-card,.session-progress,.review-card,.chart-panel,.trouble-panel,.report-hero,.report-stats,.progress-track){background:var(--surface);color:var(--ink);border-color:var(--border)}.tafsir-dialog{width:min(760px,94vw);max-width:760px}.tafsir-dialog .dialog-title small{font-size:10px;letter-spacing:1px;color:var(--muted)}.tafsir-dialog h2{margin:7px 0}.tafsir-ayah{font:27px/2.1 Hafs,serif;text-align:right;padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--soft)}.commentary-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:20px}.commentary-tabs button{padding:12px}.commentary-tabs button[aria-pressed=true]{color:var(--green);box-shadow:inset 0 -2px var(--green)}.commentary-options label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.translation-explanation{display:grid;gap:8px}.translation-explanation p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.translation-explanation button{justify-self:start}.select-menu{position:relative;min-width:0;width:100%;text-align:start}.select-trigger{width:100%;min-height:42px;padding:10px 12px;justify-content:space-between;gap:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:11px;font-size:14px;text-align:start}.select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger>svg{flex:none;color:var(--muted)}.select-trigger[aria-expanded=true]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.select-popover{position:absolute;inset-inline:0;top:calc(100% + 7px);z-index:160;min-width:min(260px,80vw);max-width:calc(100vw - 40px);padding:6px;background:var(--paper);color:var(--ink);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #0002}.select-search{display:flex;gap:8px;align-items:center;padding:5px 8px 9px;border-bottom:1px solid var(--border);color:var(--muted)}.select-search input{width:100%;min-width:0;border:0!important;background:transparent!important;color:var(--ink);padding:7px 0!important;font:inherit;outline:none}.select-options{max-height:min(250px,35dvh);overflow-y:auto;overscroll-behavior:contain;padding-block:5px}.select-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.5}.select-option.is-highlighted{background:var(--soft)}.select-option[aria-selected=true]{color:var(--primary);font-weight:650}.select-option>svg{flex:none}.select-options p{padding:10px;margin:0;font-size:13px}.surah-picker .select-menu{max-width:340px}.passage-bar .range-picker{display:grid;grid-template-columns:minmax(48px,64px) 16px minmax(48px,64px);grid-template-rows:auto 42px;gap:8px;align-items:center}.range-picker>label{display:contents}.range-picker>label:first-child>span{grid-column:1;grid-row:1}.range-picker>label:first-child>input{grid-column:1;grid-row:2}.range-picker>label:last-child>span{grid-column:3;grid-row:1}.range-picker>label:last-child>input{grid-column:3;grid-row:2}.range-picker label>span{margin-bottom:0}.range-picker input{width:100%;height:42px;text-align:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}.range-picker .range-dash{grid-column:2;grid-row:2;margin:0;text-align:center;line-height:1}@media(max-width:760px){.passage-bar{display:grid;grid-template-columns:1fr auto;gap:14px}.passage-bar .surah-picker{grid-column:1 / -1}.surah-picker .select-menu{max-width:none}.passage-bar .range-picker{grid-column:1;width:max-content;border:0;padding:0}[dir=rtl] .passage-bar .range-picker{border:0;padding:0}}.commentary-options select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink)}.commentary-source{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;font-size:12px}.commentary-source a{display:flex;align-items:center;gap:5px}.commentary-body{border-block:1px solid var(--border);padding:22px 0;margin-bottom:20px}.commentary-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.commentary-body[lang=ar] p{font-family:Tahoma,Arial,sans-serif;font-size:20px;line-height:2}.commentary-navigation{display:flex;justify-content:space-between;gap:12px}.commentary-body details{padding:14px;background:var(--soft);border-radius:8px}.commentary-body summary{cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}:root[data-theme=dark]{color-scheme:dark;--surface: #151d1d;--canvas: #1a1f22;--paper: #1a1f22;--ink: #e4e9df;--soft: #26322c;--green: #a3bea0;--primary: #b1bd91;--muted: #aab5a9;--border: #39433d;--danger: #ff9e96;background:var(--canvas);color:var(--ink)}[data-theme=dark] body,[data-theme=dark] .main-area{background:var(--canvas);color:var(--ink)}[data-theme=dark] :is(.sidebar,.topbar,.passage-bar,.panel,.metric,.history-card,.chart-card,.insight-card,dialog,.report-summary,.empty-state,.stats-card,.session-card,.progress-card,.event,.review-card){background:var(--surface);color:var(--ink);border-color:var(--border)}[data-theme=dark] :is(.privacy-card,.nav-item.selected,.empty-small,.session-badge,.summary-card){background:var(--soft);color:var(--ink);border-color:var(--border)}[data-theme=dark] :is(input,select,textarea,.secondary){background:var(--surface);color:var(--ink);border-color:var(--border)}[data-theme=dark] :is(p,small,.nav-item,.breadcrumb,.date-label,.eyebrow,.note,.muted,.metric>span,.metric>small,.edition,.build-note,.nav-caption,.session-label){color:var(--muted)}[data-theme=dark] :is(h1,h2,h3,strong,.surah-picker select){color:var(--ink)}[data-theme=dark] .primary{background:#526e4d;color:#fff}[data-theme=dark] .primary strong{color:#fff}[data-theme=dark] .notice{background:#392f22;color:#e3ceac;border-color:#6e5b3c}[data-theme=dark] .madina-word.word-active{background:#3c4b30;color:#f2f3db}[data-theme=dark] .follow-highlight~* .madina-word.word-active{background:transparent}[data-theme=dark] .follow-highlight{background:#3c4b30}[data-theme=dark] .follow-highlight.is-error{background:color-mix(in srgb,#ff6b5e 30%,transparent)}[data-theme=dark] .madina-word.word-error,[data-theme=dark] .follow-highlight~* .madina-word.word-error{background:#592d2b;color:#ffaaa1}[data-theme=dark] .quran-madina-html-word-error{color:#ffaaa1!important;background:#592d2b!important}[dir=rtl] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--border)}[dir=rtl] .main-area{margin-left:0;margin-right:236px}[dir=rtl] .nav-indicator{margin-left:0;margin-right:auto}[dir=rtl] .range-picker{border-left:0;border-right:1px solid var(--border);padding-left:0;padding-right:19px}[dir=rtl] h1{font-family:Tahoma,Arial,sans-serif;font-size:32px;line-height:1.6;letter-spacing:0}[dir=rtl] :is(.eyebrow,.nav-caption,.edition,.brand small,.build-note,.passage-bar label>span){letter-spacing:0}[dir=rtl] .brand{font-family:Tahoma,Arial,sans-serif}[dir=rtl] .dialog-inner{text-align:right}@media(max-width:1100px){.reader-toolbar{justify-content:center}.edition{width:100%;text-align:center}.reader-tools{justify-content:center}}@media(min-width:961px)and (max-width:1180px){[dir=rtl] .main-area{margin-right:200px}}@media(min-width:761px)and (max-width:960px){[dir=rtl] .main-area{margin-right:76px}}@media(max-width:760px){[dir=rtl] .sidebar nav{margin-left:0;margin-right:auto}[dir=rtl] .sidebar{border-bottom:1px solid var(--border)!important;border-top:0!important}.sidebar nav{gap:0}.sidebar .nav-item{width:36px;padding:8px}}@media(max-width:760px){.reader-page-wrap{padding:15px 9px 0;gap:12px}.reader-tools{gap:10px}.reader-tools .text-button{font-size:11px}.mushaf-reader{border-radius:8px}.is-fullscreen .reader-page-wrap{padding:25px 12px 43px}.focus-scrim{padding:8px}.focus-controls{padding:16px}.focus-actions .primary{width:100%}.focus-footer{justify-content:center}.practice-grid>aside{grid-template-columns:1fr}.tafsir-dialog .dialog-inner{padding:20px}.tafsir-ayah{font-size:24px}.commentary-navigation button{font-size:12px}.local-pill{display:none}[dir=rtl] .main-area{margin-right:0}[dir=rtl] .sidebar{inset:auto 0 0 0;border:0;border-top:1px solid var(--border)}[dir=rtl] h1{font-size:27px}}.dock-frame{order:1;position:sticky;bottom:14px;z-index:30;margin-top:14px;container-type:inline-size}.recitation-dock{position:relative;display:flex;align-items:center;gap:14px;padding:12px 12px 12px 14px;color:var(--ink);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:20px;box-shadow:0 18px 40px -22px #12261e73,0 2px 8px #12261e0f;transition:box-shadow .24s ease,border-color .24s ease}.recitation-dock.is-holding{border-color:color-mix(in srgb,var(--danger) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 16%,transparent),0 18px 40px -22px #781e1473}.dock-progress{position:absolute;inset:0 18px auto;height:3px;border-radius:0 0 3px 3px;overflow:hidden}.dock-progress>span{display:block;height:100%;background:var(--primary);border-start-end-radius:3px;border-end-end-radius:3px;transition:width .42s cubic-bezier(.25,.8,.25,1)}.dock-status{display:flex;align-items:center;gap:12px;min-width:150px;flex:1 1 200px}.dock-orb{--level: 0;position:relative;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--muted);transition:background-color .2s ease,color .2s ease}.dock-orb:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--primary);opacity:min(1,calc(var(--level) * 1.8));transform:scale(calc(.94 + min(var(--level),1)*.16));transition:transform .11s linear,opacity .11s linear}.is-live .dock-orb{background:var(--green);color:var(--surface)}.is-live .dock-orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 color-mix(in srgb,var(--green) 45%,transparent);animation:dock-breathe 2.4s ease-out infinite}@keyframes dock-breathe{70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}.dock-text{min-width:0}.dock-title{display:flex;align-items:baseline;gap:8px;min-width:0}.dock-title strong{min-width:0;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-title small{flex:none;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.dock-text>span{display:block;margin-top:2px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-feedback{display:flex;min-width:0;flex:0 1 auto;overflow:hidden;border-radius:999px}@container (max-width: 1020px){.dock-chip-change{display:none}}.dock-chip{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:4px 8px 4px 14px;border-radius:999px;font-size:12px;font-weight:650;animation:dock-chip-in .3s cubic-bezier(.2,.8,.2,1)}@keyframes dock-chip-in{0%{opacity:0;transform:translateY(6px) scale(.96)}}.dock-chip.is-mistake{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.dock-chip.is-hint{color:#7a5c12;background:color-mix(in srgb,#d8b24a 18%,var(--surface));border:1px solid color-mix(in srgb,#c49a2c 35%,transparent)}.dock-chip-listen{display:inline-flex;align-items:center;gap:5px;margin-inline-start:6px;padding:3px 10px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.dock-chip-listen:hover{background:color-mix(in srgb,currentColor 10%,transparent)}.dock-chip-listen.is-playing{background:currentColor}.dock-chip-listen.is-playing>*{color:var(--surface)}.dock-chip-listen:focus-visible{outline:2px solid currentColor;outline-offset:2px}.dock-chip.is-unclear{color:#8a4b0f;background:color-mix(in srgb,#e0913a 16%,var(--surface));border:1px solid color-mix(in srgb,#d07a22 38%,transparent)}.dock-chip-word{font:26px/1.25 Hafs,serif;font-weight:400;white-space:nowrap}.dock-chip-label{white-space:nowrap}.dock-chip-change{font:22px/1.2 Hafs,serif;opacity:.85;white-space:nowrap}.dock-chip-close{width:26px;height:26px;border-radius:50%;color:inherit}.dock-chip-close:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.dock-actions{display:flex;align-items:center;gap:4px;margin-inline-start:auto;flex:none}.dock-button{height:44px;padding:0 12px;border-radius:12px;gap:7px;font-size:13px;font-weight:550;color:var(--ink);white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.dock-button:hover:not(:disabled){background:var(--soft)}.dock-button.is-on{color:var(--primary);background:var(--soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 45%,transparent)}.dock-primary{height:48px;padding:0 22px;margin-inline-start:6px;border-radius:999px;gap:8px;font-size:14px;font-weight:650;white-space:nowrap;color:#fff;background:var(--green);box-shadow:0 8px 18px -10px color-mix(in srgb,var(--green) 90%,transparent);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.dock-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px -10px color-mix(in srgb,var(--green) 90%,transparent)}.dock-primary:active:not(:disabled){transform:translateY(0)}:root[data-theme=dark] .dock-primary{color:var(--canvas)}:root[data-theme=dark] .dock-chip.is-hint{color:#e8c874}:root[data-theme=dark] .dock-chip.is-unclear{color:#f0b27a}.recitation-dock :is(.dock-button,.dock-primary,.dock-chip-close):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mushaf-reader.is-reciting .reader-page-wrap{scroll-margin-top:10px}.focus-dock{position:absolute;left:50%;bottom:16px;z-index:4;width:min(940px,calc(100% - 24px));transform:translate(-50%)}.focus-dock .dock-frame{position:relative;bottom:auto;margin:0}.is-fullscreen.has-dock{align-items:flex-start}.is-fullscreen.has-dock .reader-page-wrap{padding-bottom:calc(var(--focus-bar, 96px) + 34px)}@media(min-width:1240px){.practice-grid{grid-template-columns:minmax(0,1fr) 300px}.practice-grid>aside{grid-template-columns:minmax(0,1fr);position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto}}@container (max-width: 1020px){.dock-button>span{display:none}.dock-button{width:44px;padding:0}}@container (max-width: 560px){.recitation-dock{flex-wrap:wrap;gap:10px;padding:12px 10px 10px;border-radius:18px}.dock-status{flex:1 1 auto}.dock-feedback{order:3;flex:1 1 100%;justify-content:center}.dock-actions{order:4;width:100%;margin:0}.dock-primary{flex:1;margin-inline-start:4px}}@media(max-width:760px){.dock-frame{bottom:8px}}@media(prefers-reduced-motion:reduce){.is-live .dock-orb:before,.dock-chip{animation:none}}[data-theme=dark] .status-tag.active{color:var(--canvas)!important;background:var(--primary);border-color:var(--primary)}.dock-modes{flex:none;display:inline-flex;padding:3px;gap:2px;border-radius:14px;background:var(--soft)}.dock-modes button{height:38px;padding:0 12px;gap:6px;border-radius:11px;font-size:13px;font-weight:600;color:var(--muted);transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.dock-modes button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #12261e24}.dock-modes button:disabled{opacity:.45}.listen-orb.is-playing{background:var(--green);color:var(--surface)}.listen-bars{display:flex;align-items:flex-end;gap:3px;height:16px}.listen-bars i{width:3px;height:100%;border-radius:2px;background:currentColor;transform-origin:bottom;animation:listen-bar .9s ease-in-out infinite}.listen-bars i:nth-child(2){animation-delay:-.3s}.listen-bars i:nth-child(3){animation-delay:-.6s}@keyframes listen-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.dock-text>span.is-error{color:var(--danger)}.dock-value b{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;min-width:2ch}.dock-transport{display:inline-flex;align-items:center;gap:2px}.dock-play{margin-inline-start:2px;margin-inline-end:2px}.reciter-picker{position:relative}.reciter-trigger{max-width:220px}.reciter-trigger-icon{flex:none}.reciter-trigger-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.reciter-popover{position:absolute;bottom:calc(100% + 14px);inset-inline-end:-40px;z-index:40;width:min(340px,86vw);padding:8px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 50px -20px #12261e73;animation:dock-chip-in .22s cubic-bezier(.2,.8,.2,1)}.reciter-search{display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:6px;border-radius:10px;background:var(--soft);color:var(--muted)}.reciter-search input{flex:1;min-width:0;height:38px;border:0;background:transparent;color:var(--ink);font-size:14px;outline:none}.reciter-list{max-height:min(340px,48vh);overflow-y:auto;overscroll-behavior:contain}.reciter-list button{width:100%;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;text-align:start;color:var(--ink)}.reciter-list button:hover,.reciter-list button:focus-visible{background:var(--soft);outline:none}.reciter-list button[aria-selected=true]{color:var(--primary)}.reciter-names{display:grid;justify-items:start;gap:1px;min-width:0}.reciter-names strong{font-size:15px;font-weight:600;text-align:start}.reciter-names small{font-size:11.5px;font-weight:450;color:var(--muted)}.reciter-source{padding-top:8px;border-top:1px solid var(--border)}.reciter-empty,.reciter-source{margin:6px 4px 2px;font-size:11px;color:var(--muted);text-align:center}.madina-word.word-playing{background:color-mix(in srgb,#d8b24a 20%,transparent);box-shadow:inset 0 -2px color-mix(in srgb,#c49a2c 70%,transparent)}:root[data-theme=dark] .madina-word.word-playing{background:color-mix(in srgb,#e8c874 18%,transparent)}@container (max-width: 1020px){.dock-modes button>span,.reciter-trigger-name{display:none}.dock-modes button{width:40px;padding:0}.reciter-trigger{width:44px;padding:0}.reciter-trigger-chevron{display:none}}@container (max-width: 560px){.dock-modes{order:-1}.dock-transport{flex:1;justify-content:flex-end}.recitation-dock.is-listening .dock-actions{flex-wrap:wrap;row-gap:6px}.reciter-picker{position:static}.reciter-popover{inset-inline:6px;bottom:calc(100% + 10px);width:auto}}@media(prefers-reduced-motion:reduce){.listen-bars i{animation:none}}.reader-toolbar{flex-wrap:nowrap;gap:10px;padding:10px 12px;container-type:inline-size}@container (max-width: 860px){.passage-trigger-search>span,.view-switch button>span{display:none}}@container (max-width: 700px){.passage-trigger-name small{display:none}}.reader-tools{flex:none;flex-wrap:nowrap;gap:4px}.tool-button{width:40px;height:40px;border-radius:12px;color:var(--ink);transition:background-color .16s ease,color .16s ease}.tool-button:hover:not(:disabled){background:var(--soft)}.tool-button:focus-visible,.view-switch button:focus-visible,.zoom-control button:focus-visible,.passage-trigger:focus-visible,.page-pill button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.view-switch,.zoom-control{display:inline-flex;align-items:center;padding:3px;gap:2px;border-radius:13px;background:var(--soft)}.view-switch button{height:34px;padding:0 11px;gap:6px;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted)}.view-switch button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #12261e24}.zoom-control button{height:34px;min-width:34px;border-radius:10px;color:var(--ink)}.zoom-control button:hover:not(:disabled){background:var(--surface)}.zoom-control .zoom-value{min-width:52px;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.passage-picker{position:relative;flex:1 1 auto;min-width:0}.passage-trigger{width:100%;max-width:560px;height:46px;justify-content:flex-start;gap:10px;padding:0 12px 0 14px;border-radius:14px;color:var(--ink);background:var(--soft);border:1px solid transparent;transition:border-color .16s ease,background-color .16s ease}.passage-trigger:hover:not(:disabled),.passage-picker.is-open .passage-trigger{background:color-mix(in srgb,var(--soft) 55%,var(--surface));border-color:var(--border)}.passage-trigger:disabled{opacity:.75}.passage-trigger>svg{flex:none;color:var(--primary)}.passage-trigger-name{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;white-space:nowrap}.passage-trigger-name>span{font:21px/1 Hafs,serif}.passage-trigger-name small{font-size:13px;font-weight:550;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.passage-trigger-range{flex:none;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;background:var(--surface)}.passage-trigger-search{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:12.5px;color:var(--muted)}.passage-trigger-chevron{flex:none;color:var(--muted);transition:transform .16s ease}.passage-picker.is-open .passage-trigger-chevron{transform:rotate(180deg)}.passage-panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:50;width:min(560px,calc(100vw - 32px));padding:10px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 60px -24px #12261e73;animation:passage-in .18s cubic-bezier(.2,.8,.2,1)}@keyframes passage-in{0%{opacity:0;transform:translateY(-4px)}}.passage-panel.is-inline{position:static;width:100%;margin-top:10px;padding:0;border:0;box-shadow:none;animation:none}.passage-search{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:12px;color:var(--muted);background:var(--soft)}.passage-search input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:15px}.passage-search input::-webkit-search-cancel-button{display:none}.passage-clear{width:28px;height:28px;border-radius:50%;color:var(--muted)}.passage-clear:hover{background:var(--surface)}.passage-results{max-height:min(420px,55vh);margin-top:6px;overflow-y:auto;overscroll-behavior:contain}.passage-results button{width:100%;justify-content:flex-start;gap:12px;padding:9px 10px;border-radius:12px;text-align:start;color:var(--ink)}.passage-results button:hover,.passage-results button:focus-visible{background:var(--soft);outline:none}.passage-badge{flex:none;min-width:46px;height:28px;padding:0 6px;display:grid;place-items:center;border-radius:8px;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;background:var(--soft)}.passage-result-text{display:grid;gap:1px;min-width:0}.passage-result-text strong{display:flex;align-items:baseline;gap:8px;font-weight:600}.passage-result-text strong>span{font:19px/1.3 Hafs,serif}.passage-result-text small{font-size:12px;font-weight:450;color:var(--muted)}.passage-snippet{font:17px/1.7 Hafs,serif;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passage-empty{margin:14px 4px;font-size:13px;color:var(--muted);text-align:center}.passage-range{display:flex;align-items:flex-end;gap:10px;padding:14px 4px 4px}.passage-range-surah{display:grid;flex:1;min-width:0;padding-bottom:4px}.passage-range-surah>span{font:22px/1.2 Hafs,serif}.passage-range-surah small{font-size:12px;color:var(--muted)}.passage-range label{display:grid;gap:4px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.passage-range input{width:76px;height:40px;border:1px solid var(--border);border-radius:10px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface)}.passage-apply{height:40px;padding:0 18px;border-radius:10px;font-weight:650;color:#fff;background:var(--green)}:root[data-theme=dark] .passage-apply{color:var(--canvas)}.passage-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 4px 4px}.passage-chips button{height:32px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:550;color:var(--ink);background:var(--soft)}.passage-chips button:hover{background:color-mix(in srgb,var(--primary) 18%,var(--soft))}.page-running-head{position:relative;min-height:40px}.page-pill{position:absolute;left:50%;top:0;transform:translate(-50%);display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--soft);font-family:inherit}.page-pill-turn{width:32px;height:32px;border-radius:50%;color:var(--ink)}.page-pill-turn:hover:not(:disabled){background:var(--surface)}.page-pill-turn:disabled{opacity:.3}.page-pill-number{height:32px;min-width:74px;padding:0 10px;gap:4px;border-radius:999px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--ink)}.page-pill-number small{font-size:11px;font-weight:500;color:var(--muted)}.page-pill-number:hover{background:var(--surface)}.page-pill form{display:flex}.page-pill input{width:74px;height:32px;border:0;border-radius:999px;text-align:center;font-size:13px;font-weight:650;color:var(--ink);background:var(--surface);outline:2px solid var(--primary)}.page-running-head>span:last-child{font-size:12px}.is-lines .reader-page-wrap{max-width:none;padding:6px 18px 18px}.is-lines .mushaf-sheet{max-width:none}.aligned-verse{padding:8px 0 14px;border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 150px}.aligned-verse:last-child{border-bottom:0}.line-reference{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;padding:4px 10px;border-radius:999px;font:600 12px system-ui;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--soft)}.line-reference:hover{color:var(--ink)}.focus-controls{width:min(600px,100%);padding:14px;border-radius:20px}.focus-panel-head{flex-wrap:nowrap;align-items:flex-start}.focus-panel-head .passage-picker{flex:1}.focus-footer{margin-top:12px;padding-top:12px;flex-wrap:nowrap}.focus-footer .page-pill{position:static;transform:none}.focus-footer-tools{display:flex;gap:4px}.practice-grid>aside .session-card{display:flex;align-items:center;gap:18px;padding:16px 18px}.session-ring{--progress: 0;position:relative;flex:none;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--progress) * 1%),var(--soft) 0);transition:background .4s ease}.session-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface)}.session-ring strong{position:relative;font:400 24px Georgia,serif;color:var(--ink)}.session-ring small{font:500 12px system-ui,sans-serif;color:var(--muted)}.session-stats{flex:1;display:grid;gap:10px;margin:0}.session-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.session-stats dt{font-size:12px;color:var(--muted)}.session-stats dd{margin:0;font-size:18px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--ink)}.session-stats dd small{font-size:12px;font-weight:450;color:var(--muted)}.practice-grid>aside .review-card{padding:16px 18px}.practice-grid>aside .review-card .card-title{margin-bottom:6px}.practice-grid>aside .empty-small,.review-card .empty-small{min-height:0;flex-direction:row;justify-content:flex-start;gap:8px;padding:6px 0 0}.practice-grid>aside .empty-small svg{margin:0}@media(max-width:760px){.reader-toolbar{flex-wrap:wrap}.passage-picker{flex-basis:100%}.reader-tools{width:100%;justify-content:space-between}.view-switch button>span,.passage-trigger-search>span{display:none}.passage-trigger-name small{display:none}.passage-panel{inset-inline:0;width:auto}.passage-range{flex-wrap:wrap}.passage-range-surah{flex-basis:100%}}.passage-range-head{display:flex;align-items:baseline;gap:10px;padding:12px 4px 0}.passage-range-head>span{font:22px/1.2 Hafs,serif}.passage-range-head small{font-size:12px;color:var(--muted)}.passage-range{align-items:flex-end;padding-top:8px}.passage-field{display:grid;gap:4px}.passage-stepper{display:inline-flex;align-items:center;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.passage-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.passage-stepper button{width:34px;height:100%;color:var(--muted)}.passage-stepper button:hover{color:var(--ink);background:var(--soft)}.passage-range .passage-stepper input{width:52px;height:100%;border:0;border-radius:0;outline:none;text-align:center;font-size:16px;font-weight:600;background:transparent}.passage-stepper input[aria-invalid=true]{color:var(--danger)}.passage-range .passage-apply{height:42px;margin-inline-start:auto}.passage-hint{margin:6px 4px 0;font-size:12px;color:var(--danger)}.qcf-part.verse-selected .qcf-word{background:color-mix(in srgb,var(--primary) 16%,transparent)}.qcf-part.verse-flash .qcf-word{animation:verse-flash 1.8s ease-out both}@keyframes verse-flash{0%,60%{background:color-mix(in srgb,var(--primary) 18%,transparent)}to{background:transparent}}@media(prefers-reduced-motion:reduce){.qcf-part.verse-flash .qcf-word{animation:none;background:color-mix(in srgb,var(--primary) 18%,transparent)}}.reader-page-wrap{position:relative}.ayah-actions-anchor{position:absolute;left:0;right:0;z-index:25;height:0;display:flex;justify-content:center;padding:0 12px}.ayah-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px 10px;padding:8px 8px 8px 14px;color:var(--ink);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 40px -20px #12261e73;animation:passage-in .18s cubic-bezier(.2,.8,.2,1)}.ayah-actions-anchor .ayah-actions{height:max-content}.ayah-actions-title{display:inline-flex;align-items:baseline;gap:8px;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.ayah-actions-title>span{font:20px/1 Hafs,serif}.ayah-actions-buttons{display:inline-flex;flex-wrap:wrap;gap:6px}.ayah-action{height:38px;padding:0 14px;gap:7px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);background:var(--soft)}.ayah-action:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 18%,var(--soft))}.ayah-action.is-primary{color:#fff;background:var(--green)}:root[data-theme=dark] .ayah-action.is-primary{color:var(--canvas)}.ayah-actions-close{width:32px;height:32px;border-radius:50%;color:var(--muted)}.ayah-actions-close:hover{background:var(--soft)}.focus-controls .ayah-actions{justify-content:space-between;margin-bottom:12px;padding:10px 10px 10px 14px;box-shadow:none;background:var(--soft);border-color:transparent;animation:none}.focus-controls .ayah-action{background:var(--surface)}.focus-controls .ayah-action.is-primary{background:var(--green)}.tool-button.has-label{width:auto;padding:0 12px;gap:7px;font-size:13px;font-weight:600}.focus-footer-tools{align-items:center}.is-fullscreen .reader-page-wrap:not(.two-pages){max-width:min(760px,calc((100dvh - 196px)*.627 + 72px))}.is-fullscreen .reader-page-wrap:not(.two-pages) .mushaf-sheet{max-width:none}@media(max-width:760px){.focus-footer{flex-wrap:wrap}.focus-controls .view-switch button>span{display:none}}.page-pill-number,.view-switch button,.tool-button.has-label{white-space:nowrap}.focus-footer{flex-wrap:wrap;row-gap:10px}.focus-footer-tools{flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto}.ayah-actions-anchor.is-above{align-items:flex-end}.ayah-actions-anchor.is-above .ayah-actions{transform:translateY(-100%)}.is-fullscreen.is-lines{align-items:stretch}.is-fullscreen.is-lines .reader-page-wrap{overflow-y:auto;overscroll-behavior:contain;max-width:min(1000px,100%);max-height:100dvh;padding:26px 30px calc(var(--focus-bar, 96px) + 42px);gap:0}.is-fullscreen.is-lines .mushaf-sheet{background:transparent}.is-fullscreen.is-lines .aligned-verse:last-child{border-bottom:0}.passage-panel.is-compact{width:100%;padding:8px;max-height:calc(100dvh - 160px);overflow-y:auto}.passage-panel.is-compact .passage-search{height:38px;padding:0 10px}.passage-panel.is-compact .passage-search input{font-size:14px}.passage-panel.is-compact .passage-range-head{font-size:12px;padding:6px 4px 0}.passage-panel.is-compact .passage-range{gap:6px;margin-top:6px}.passage-panel.is-compact .passage-field span:first-child{font-size:11px}.passage-panel.is-compact .passage-stepper{height:34px}.passage-panel.is-compact .passage-stepper button{width:26px}.passage-panel.is-compact .passage-stepper input{font-size:14px}.passage-panel.is-compact .passage-apply{height:34px;font-size:13px}.passage-panel.is-compact .passage-chips button{padding:5px 9px;font-size:12px}.passage-panel.is-compact .passage-results{max-height:min(46dvh,360px)}.passage-panel.is-compact .passage-results button{padding:7px 8px}.passage-panel.is-compact .passage-snippet{font-size:15px}[dir=rtl] .passage-search{flex-direction:row-reverse}[data-theme=dark] .insight-metrics{background:var(--surface);border-color:var(--border)}[data-theme=dark] .bar-well{background:var(--soft)}[data-theme=dark] .bar{background:var(--primary)}[data-theme=dark] .toggle-row input{background:#4a564f;border:0}[data-theme=dark] .toggle-row input:before{background:#e4e9df}[data-theme=dark] .toggle-row input:checked{background:var(--primary)}[data-theme=dark] .toggle-row input:checked:before{background:#151d1d}[data-theme=dark] :is(.count-badge,.history-icon,.event-symbol,.current-verse,.note){background:var(--soft);color:var(--ink);border-color:var(--border)}[data-theme=dark] .note{color:var(--muted)}[data-theme=dark] .icon-button:hover{background:var(--soft)}