@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#263d36;background:#f8f9f5;font-synthesis:none;--bg:#f8f9f5;--panel:#fff;--ink:#263d36;--muted:#858b82;--line:#e8ebe3;--green:#235547;--soft:#edf2e8;--arabic-size:32px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b99751;outline-offset:4px}a{color:inherit}svg{width:20px;height:20px;flex-shrink:0}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--panel);border-right:1px solid var(--line);padding:38px 23px;display:flex;flex-direction:column;z-index:10}.brand{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:11px;letter-spacing:-1.5px}.brand-mark{display:grid;place-items:center;background:#235547;color:#e4d6b2;width:39px;height:43px;border-radius:13px 13px 6px 6px}.brand-mark svg{width:25px;height:25px}.brand-dot{color:#b99f63;margin-left:-11px}.sidebar-label{margin:51px 8px 20px;font-size:9px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:10px}.nav-item{display:flex;align-items:center;gap:12px;background:none;border:0;width:100%;padding:14px 13px;border-radius:9px;font-size:12px;color:#778077;text-align:left}.nav-item.active{background:var(--soft);color:var(--green);font-weight:700}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#527a5b;display:none}.active .nav-dot{display:block}.sidebar-bottom{margin-top:auto;padding:45px 10px 0}.small-emblem{color:#8c9a78}.sidebar-bottom p{font-size:14px;font-weight:600;margin:14px 0 9px}.sidebar-bottom>span{font-size:12px;line-height:1.8;color:var(--muted)}.sidebar-line{height:1px;background:var(--line);margin:30px 0 18px}.theme-button{display:flex;align-items:center;gap:12px;font-size:12px;border:0;background:none;padding:8px 0;color:var(--muted)}.sidebar-bottom small{font-size:10px;display:block;margin-top:23px;color:var(--muted)}.workspace{margin-left:242px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6e796e}.topbar-dot{margin:0 13px;color:#b5bcad}.topbar-note{color:var(--muted)}.private-badge{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:10px}.private-badge>span{height:5px;width:5px;background:#86a477;border-radius:50%}main{max-width:1380px;margin:auto;padding:40px 48px 0}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#839176;margin:0 0 13px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:35px;letter-spacing:-1.5px;font-weight:600;margin:0 0 12px}p.subtitle{font-size:13px;color:var(--muted);margin:0}.welcome-arabic{font-family:Amiri,serif;font-size:31px;color:#819077;padding:10px 17px;text-align:center}.welcome-arabic span{font-family:DM Sans,sans-serif;display:block;font-size:7px;letter-spacing:2.5px;margin-top:3px;color:#9ba28f}.intro-grid{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(230px,1fr);gap:22px}.journey-card{background:#1f493d;border-radius:14px;color:#fff;position:relative;overflow:hidden;min-height:217px;display:flex;align-items:center;padding:30px 32px}.journey-copy{position:relative;z-index:1}.journey-card .eyebrow{color:#bed0b0;font-size:8px}.journey-card h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0 0 9px}.journey-card p:not(.eyebrow){font-size:11px;color:#b8c8ba;margin:0 0 25px}.cream-button{background:#f3ecd9;color:#324c3d;padding:11px 16px;border:0;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:23px}.cream-button svg{width:16px;height:16px}.arch-art{position:absolute;right:22px;bottom:-40px;width:178px;height:241px;border:1px solid #b3c49a30;border-radius:100px 100px 0 0;padding:12px;transform:rotate(6deg)}.arch-art:after{content:"";position:absolute;inset:-22px;border:1px solid #b3c49a18;border-radius:120px 120px 0 0}.arch-inner{height:100%;border:1px solid #b3c49a30;border-radius:100px 100px 0 0;text-align:center;padding-top:30px;color:#d8d7aa75}.arch-inner>span{font-size:34px}.arch-line{height:1px;background:#b3c49a30;width:60%;margin:15px auto}.arch-inner>p{font-family:Amiri,serif;font-size:50px!important;color:#d8d7aa80!important}.goal-card{background:#f0f1e6;border:1px solid #e7e9db;border-radius:14px;padding:25px 26px}.goal-top{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#738163}.goal-icon{border-radius:50%;background:#e4e8d7;width:31px;height:31px;display:grid;place-items:center}.goal-icon svg{width:16px}.goal-number{margin:17px 0 15px;display:flex;gap:9px;align-items:baseline}.goal-number>strong{font-size:35px;font-weight:500;letter-spacing:-1.5px}.goal-number>span{font-size:12px;color:#939a84}.progress-track{height:5px;border-radius:4px;background:#dce1ce;overflow:hidden}.progress-track>div{height:100%;background:#69885c;border-radius:4px;transition:width .3s}.goal-card>p{font-size:10px;color:#8a927a;margin:15px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:36px 0 20px}.section-heading .eyebrow{font-size:8px;margin-bottom:9px}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.7px;margin:0}.source-note{font-size:10px;color:#949b8c}.source-note span{padding:0 8px}.reader-layout{display:grid;grid-template-columns:258px minmax(0,1fr);gap:20px;align-items:start}.surah-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:sticky;top:20px}.surah-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 15px;font-size:12px}.surah-panel-heading>span{font-size:9px;background:var(--soft);padding:4px 7px;border-radius:4px;color:#8a957b}.search-box{display:flex;align-items:center;gap:8px;margin:0 14px 13px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px}.search-box svg{width:14px;height:14px;color:#929b8c}.search-box input{min-width:0;width:100%;border:0;background:none;color:var(--ink);font-size:10px;outline-offset:8px}.surah-list{max-height:586px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce3d7 transparent;padding:0 7px 8px}.surah-row{display:flex;align-items:center;gap:10px;border:0;background:none;width:100%;text-align:left;border-radius:7px;padding:15px 9px;margin-bottom:3px}.surah-row:hover{background:var(--bg)}.surah-row.selected{background:var(--soft)}.surah-number{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;color:#909c81;font-size:9px;flex-shrink:0}.selected .surah-number{background:#dfe8d9;color:#53734c;border-color:#dfe8d9}.surah-description{flex:1;min-width:0}.surah-description strong{display:block;font-size:11px;font-weight:500}.surah-description small{display:block;font-size:8px;color:#939b89;margin-top:5px}.surah-arabic{font-family:Amiri,serif;font-size:17px;color:#7d8a70;max-width:63px}.reader{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 25px;border-bottom:1px solid var(--line)}.reader-kicker{font-size:7px;letter-spacing:1.2px;color:#929c84}.reader-toolbar h3{margin:8px 0 0;font-size:14px;font-weight:600;letter-spacing:-.3px}.reader-tools{display:flex;align-items:center;gap:15px}.toggle-label{font-size:9px;color:#8d9587;display:flex;align-items:center;gap:4px}.toggle-label input{accent-color:#466c44;width:12px;height:12px}.outline-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;padding:9px 12px;border-radius:6px;border:1px solid var(--line);background:var(--panel);white-space:nowrap}.outline-button svg,.primary-button svg{width:14px;height:14px}.primary-button{background:#235547;color:#fff;border-color:#235547}.verse{padding:26px 25px;display:flex;gap:24px;border-bottom:1px solid var(--line);transition:background .2s}.verse.is-playing{background:var(--soft)}.verse-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0;padding-top:3px}.verse-number{font-size:9px;background:var(--bg);color:#7d8f71;border:1px solid var(--line);padding:5px 6px;border-radius:4px}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#a1aa99;width:29px;height:29px;border-radius:5px}.icon-button svg{width:15px;height:15px}.icon-button:hover{background:var(--soft);color:var(--green)}.icon-button.active{color:#3f7647;background:var(--soft)}.verse-content{min-width:0;flex:1}.arabic{font-family:Amiri,Times New Roman,serif;font-size:var(--arabic-size);line-height:2.25;text-align:right;margin:0 0 15px;font-weight:400}.ayah-marker{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;font-size:16px;line-height:1;width:28px;height:28px;border:1px solid #b1bd9a;border-radius:50%;margin-right:9px;color:#8d9e76}.translation{font-size:12px;line-height:1.9;color:#8a9182;margin:0}.reader-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px}.reader-footer>span{font-size:8px;color:var(--muted);text-align:center}.text-button{border:0;background:none;color:#708261;font-size:9px;padding:5px}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 35px;color:#9aa18f;font-size:9px}.page-footer>span>span{margin-left:9px;font-size:8px}.page-footer a{text-decoration:none;font-size:8px}.practice-tools{background:var(--soft);padding:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.practice-tools>div:first-child{flex:1;min-width:200px}.practice-tools strong{font-size:12px}.practice-tools p{font-size:10px;line-height:1.6;color:var(--muted)}.practice-tools>small{display:block;width:100%;font-size:9px;line-height:1.6;color:var(--muted)}#recording-result{width:100%}#recording-result:empty{display:none}#recording-result label{font-size:11px;display:block}#recording-result audio{display:block;margin:10px 0;width:100%;max-width:400px}#recording-result a{font-size:10px}.reveal-verse{width:100%;min-height:110px;border:1px dashed #c4d1b6;border-radius:8px;background:var(--bg);color:#899b76;font-size:10px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.reveal-verse>span{font-size:20px;letter-spacing:4px}.standalone-panel{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.empty-state{text-align:center;padding:55px 20px}.empty-state>svg{width:32px;height:32px;color:#8b9f77}.empty-state h3{font-size:18px;font-weight:500}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8}.empty-state button{margin-top:15px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h3{font-size:17px;font-weight:600}.panel-heading>span,.panel-heading>label{font-size:11px;color:var(--muted)}select{padding:7px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:5px;margin-left:10px}.saved-row{padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px}.saved-row>div{flex:1}.saved-row strong{font-size:13px}.saved-row p{font-size:12px;color:var(--muted);line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 40px}.stat-grid>div{padding:24px;background:var(--soft);border-radius:8px}.stat-grid strong{display:block;font-size:35px;font-weight:500}.stat-grid span{display:block;font-size:11px;margin-top:10px;color:var(--muted)}h4{font-weight:500;font-size:13px}.week-chart{display:flex;gap:20px;margin:25px 0}.week-chart>div{flex:1;text-align:center;color:var(--muted);font-size:11px}.week-track{height:100px;background:var(--bg);display:flex;align-items:end;border-radius:4px;overflow:hidden;margin:10px 0}.week-track>div{background:#7b9970;width:100%;min-height:2px}.muted{font-size:11px;color:var(--muted);line-height:1.8}.loading,.empty-message{padding:20px;color:var(--muted);font-size:12px;line-height:1.7}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#173e35;color:#fff;padding:14px 22px;border-radius:9px;z-index:100;font-size:12px;box-shadow:0 8px 30px #0002;max-width:90vw;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}.player{position:fixed;bottom:22px;right:28px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 40px #0002;border-radius:12px;padding:14px 17px;display:flex;align-items:center;gap:15px;z-index:30}.player-icon{color:#638657}.player strong{display:block;font-size:11px}.player small{display:block;font-size:9px;color:var(--muted);margin-top:5px}[data-theme=dark]{--bg:#14231e;--panel:#1b2e27;--ink:#e0e9dc;--muted:#a0af9b;--line:#304239;--green:#b0caa0;--soft:#293e30;color-scheme:dark}[data-theme=dark] .goal-card{background:#29392a;border-color:#394b30}[data-theme=dark] .goal-icon{background:#394b30}[data-theme=dark] .goal-top,[data-theme=dark] .goal-card>p{color:#b2c3a3}[data-theme=dark] .arabic{color:#e0e9dc}@media(min-width:1550px){main{padding-top:48px}.welcome{margin-bottom:37px}.intro-grid{grid-template-columns:2.7fr 1fr}.reader-layout{grid-template-columns:280px minmax(0,1fr)}.journey-card{min-height:237px}.arch-art{right:65px}.reader-toolbar h3{font-size:16px}}@media(max-width:1200px){.sidebar{width:206px;padding:30px 15px}.workspace{margin-left:206px}main{padding:32px 25px 0}.topbar{padding:0 25px}.reader-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.reader-toolbar{padding:18px;align-items:start;flex-direction:column}.reader-tools{width:100%;justify-content:space-between}.arch-art{right:-50px;opacity:.6}.surah-arabic{font-size:15px}.journey-card{padding:25px}.goal-card{padding:22px}.verse{padding:22px 18px;gap:17px}.welcome-arabic{padding-right:0}.welcome h1{font-size:30px}.reader-footer>span{display:none}}@media(max-width:850px){.sidebar{width:78px;padding:28px 12px}.brand{font-size:0;gap:0;justify-content:center}.brand-dot,.sidebar-label,.nav-item>span,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:15px 0}.sidebar nav{margin-top:40px;gap:16px}.workspace{margin-left:78px}.topbar-note,.topbar-dot{display:none}.welcome-arabic{font-size:25px}.intro-grid{grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:14px}.journey-card h2{font-size:22px}.reader-layout{grid-template-columns:190px minmax(0,1fr)}.surah-arabic{display:none}.source-note{font-size:9px}.surah-number{width:22px;height:24px}.surah-row{gap:7px}.arabic{font-size:29px}.page-footer{flex-direction:column;gap:10px}}@media(max-width:600px){.sidebar{inset:auto 0 0;width:100%;height:65px;padding:5px 10px;border-right:0;border-top:1px solid var(--line);background:var(--panel)}.brand{display:none}.sidebar nav{margin:0;flex-direction:row;justify-content:space-around;gap:5px}.nav-item{padding:7px 4px;flex-direction:column;gap:5px;width:25%;font-size:8px;border-radius:6px}.nav-item>span:not(.nav-dot){display:block}.nav-item svg{width:19px;height:19px}.workspace{margin-left:0}.topbar{height:59px;padding:0 20px;font-size:10px}.private-badge{font-size:8px;padding:7px 9px}main{padding:27px 17px 65px}.welcome{margin-bottom:24px}.welcome .eyebrow{font-size:7px;letter-spacing:1.3px}.welcome h1{font-size:27px;letter-spacing:-1.2px}.subtitle{font-size:10px!important;line-height:1.8}.welcome-arabic{display:none}.intro-grid{grid-template-columns:1fr;gap:13px}.journey-card{min-height:190px;padding:25px}.arch-art{right:14px;opacity:.7;width:150px}.journey-card h2{font-size:23px}.goal-card{padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.goal-top{font-size:7px;gap:8px;letter-spacing:1px}.goal-number{margin:0;gap:6px}.goal-number>strong{font-size:25px}.goal-number>span{font-size:10px}.goal-card>.progress-track{grid-column:1/-1}.goal-card>p{margin:0;grid-column:1/-1;font-size:9px}.section-heading{margin:28px 0 18px;gap:10px}.section-heading h2{font-size:19px}.source-note{font-size:8px;max-width:65px;text-align:right;line-height:1.8}.source-note span{padding:0}.reader-layout{grid-template-columns:1fr;gap:14px}.surah-panel{position:static}.surah-panel-heading{padding:14px 15px 10px}.search-box{margin-bottom:10px}.surah-list{display:flex;max-height:125px;overflow-x:auto;padding:0 10px 8px}.surah-row{flex-shrink:0;width:150px;padding:10px;margin:0 5px 0 0}.surah-description strong{font-size:11px}.surah-description small{font-size:8px}.surah-number{width:23px}.reader-toolbar{flex-direction:row;align-items:center;padding:18px 16px;flex-wrap:wrap}.reader-toolbar h3{font-size:13px}.reader-tools{width:auto;gap:10px}.toggle-label{font-size:8px}.outline-button{padding:8px;font-size:9px}.verse{padding:22px 15px;gap:14px}.arabic{font-size:29px;line-height:2.25}.translation{font-size:12px;line-height:1.8}.verse-actions{gap:12px}.standalone-panel{padding:20px 16px}.panel-heading{align-items:start}.panel-heading h3{font-size:14px}.panel-heading label{font-size:9px}select{display:block;margin:6px 0}.stat-grid{gap:8px;margin-top:15px}.stat-grid>div{padding:16px 10px}.stat-grid strong{font-size:27px}.stat-grid span{font-size:9px;line-height:1.6}.week-chart{gap:13px}.saved-row{gap:8px}.saved-row p{font-size:11px}.page-footer{padding:23px 0}.player{bottom:77px;left:17px;right:17px;justify-content:space-between}.toast{bottom:147px;font-size:11px;min-width:260px}.practice-tools{padding:16px}.reader-footer{padding:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.reader-tools{flex-wrap:wrap;justify-content:flex-end}.reading-options{padding:14px 25px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center;flex-wrap:wrap}.reading-options label{font-size:11px;display:flex;gap:8px;align-items:center;max-width:100%}.reading-options select{max-width:100%;min-width:0;margin:0;font-size:11px}.reading-options small{font-size:10px;color:var(--muted);line-height:1.6;flex:1;min-width:150px}.download-ayah{text-decoration:none;font-size:18px}#tajweed-legend{font-size:11px;padding:15px 25px;border-bottom:1px solid var(--line);line-height:1.7}#tajweed-legend summary{cursor:pointer;font-weight:600}.tajweed-key{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:12px}.tajweed-key span{display:flex;gap:7px;align-items:center}.tajweed-key i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.arabic .tajweed{color:var(--tajweed-color)}[data-theme=dark] .arabic .tajweed{color:color-mix(in srgb,var(--tajweed-color) 60%,white)}.word-current .tajweed{text-shadow:none}@media(max-width:600px){.reading-options{padding:14px 16px}.reading-options label{width:100%}.reading-options select{flex:1}}.follow-panel{width:100%;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.follow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.follow-heading>span{font-size:8px;letter-spacing:1px;color:var(--green);background:var(--soft);padding:5px 7px;border-radius:4px}.follow-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.follow-controls label,.follow-scroll{font-size:11px}.follow-controls select{margin-left:5px}.follow-panel #follow-status{color:var(--ink);font-size:12px;line-height:1.6}.follow-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;margin:12px 0;color:var(--ink)}.follow-scroll{display:flex;gap:7px;align-items:center;line-height:1.6;margin:12px 0}.follow-panel small{display:block;font-size:10px;line-height:1.7;color:var(--muted)}#follow-review{font-size:12px;line-height:1.8;overflow-wrap:anywhere}#follow-review details{border-top:1px solid var(--line);padding:12px 0}#follow-review ul{padding-left:20px;margin:8px 0}#follow-review b,#follow-review li span{font-family:Amiri,serif;font-size:22px}.recitation-word{border-radius:4px}.word-matched{background:#dcefdc;color:#214f32}.word-current{outline:2px solid #8c9d72;outline-offset:3px}.word-tentative{border-bottom:2px dotted #8c9d72}.word-changed,.word-skipped{background:#fff0d4;color:#784610;text-decoration:underline wavy #a96519;text-underline-offset:7px}[data-theme=dark] .arabic .word-matched{background:#2b5239;color:#e0f2d7}[data-theme=dark] .arabic .word-changed,[data-theme=dark] .arabic .word-skipped{background:#594422;color:#ffdf9b}@media(max-width:600px){.follow-panel{padding:12px}.follow-controls{align-items:flex-start}.follow-controls button{white-space:normal}.follow-controls select{display:inline-block}}.arabic .word-current{position:relative;display:inline-block;background:#ffe19a;color:#263d36;outline:2px solid #ab6c00;outline-offset:2px;border-radius:4px}.word-current:before{content:"▼";position:absolute;top:-16px;left:50%;transform:translate(-50%);font:14px/1 sans-serif;color:#ab6c00}.verse.is-following{box-shadow:inset -4px 0 #ab6c00}.follow-position{display:block;font-size:11px;font-weight:700;color:var(--green);margin-bottom:14px}.recording-status{width:100%;font-size:12px;line-height:1.6}.recording-status meter{display:block;width:100%;max-width:300px;height:18px;margin-top:8px}#recording-result .recording-play{margin:12px 0}.follow-record-option{width:100%;font-size:11px;line-height:1.7;display:flex;gap:8px;align-items:flex-start}.follow-record-option input{flex-shrink:0;margin-top:4px;accent-color:var(--green)}.word-concealed{color:var(--muted);font-family:sans-serif;font-size:20px;letter-spacing:2px;display:inline-block;min-width:2em;text-align:center}.arabic+.reveal-verse{min-height:40px;padding:8px}.arabic+.reveal-verse>span{display:none}.follow-panel .follow-heard{padding:10px;background:var(--soft);color:var(--ink);overflow-wrap:anywhere;unicode-bidi:plaintext;font-size:12px}button.recitation-word{font:inherit;border:0;cursor:pointer;padding:2px 4px;line-height:inherit;touch-action:manipulation;border-radius:6px}button.recitation-word:not(.word-current):not(.word-matched):not(.word-changed):not(.word-skipped){background:transparent;color:inherit}button.recitation-word:focus-visible{outline:2px solid #b78520;outline-offset:3px}button.recitation-word:active{background:#e7eddf}.arabic button.word-tentative{border-bottom:2px dotted #8c9d72}.pronunciation-panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:12px;line-height:1.7}.pronunciation-panel>strong>span{font-size:8px;color:var(--muted);margin-left:8px}.pronunciation-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.pronunciation-controls label{font-size:11px}.pronunciation-controls select{font-size:11px;margin:0 5px}.pronunciation-panel small{display:block;color:var(--muted);line-height:1.8;font-size:10px}.pronunciation-panel .pronunciation-status{font-size:12px;color:var(--ink)}.pronunciation-issue{border-top:1px solid var(--line);padding:12px 0}.pronunciation-panel p{overflow-wrap:anywhere}.pronunciation-panel details p{font-family:Amiri,serif;font-size:24px}.app-access{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:10px 48px;font-size:11px;color:var(--muted)}.install-dialog{max-width:450px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--panel);color:var(--ink);line-height:1.7}.install-dialog::backdrop{background:#0008}.install-dialog form{display:flex;justify-content:flex-end}.install-dialog h2{font-size:20px}.install-dialog p{font-size:13px}@media(max-width:600px){body{padding-top:env(safe-area-inset-top)}.topbar{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}.app-access{padding:10px 17px;flex-wrap:wrap;justify-content:space-between;font-size:10px}.sidebar{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}main{padding-bottom:calc(80px + env(safe-area-inset-bottom));padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}.player{bottom:calc(77px + env(safe-area-inset-bottom))}.toast{bottom:calc(147px + env(safe-area-inset-bottom))}input[type=search],select,.reading-options select,.pronunciation-controls select{font-size:16px}.primary-button,.outline-button,.text-button{min-height:44px}.icon-button{width:44px;height:44px}.verse{gap:10px}.verse-actions{gap:6px}.follow-controls,.pronunciation-controls{gap:10px}.follow-panel .follow-heading{gap:8px}.pronunciation-controls label{max-width:100%;display:flex;align-items:center;gap:6px}.pronunciation-controls select{max-width:100%;min-width:0}.reading-options{gap:10px}.reader-tools{width:100%;justify-content:space-between;gap:10px}.toggle-label{min-height:44px;font-size:11px}.toggle-label input{width:18px;height:18px}.follow-record-option{font-size:12px;padding:8px 0}.follow-record-option input{min-width:18px;min-height:18px}.arabic{font-size:30px}}@media(display-mode:standalone){.app-access #install-app{display:none}}.app-access [hidden]{display:none}.practice-dock{position:fixed;right:28px;bottom:22px;z-index:35;width:min(460px,calc(100vw - 280px));padding:12px 14px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #0002}.practice-dock-actions{display:flex;gap:10px}.practice-dock-actions button{flex:1;min-height:44px;justify-content:center;font-size:12px;white-space:nowrap}.practice-dock-status{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.has-practice-dock main{padding-bottom:150px}body.has-practice-dock .player{bottom:155px}body.has-practice-dock .toast{bottom:240px}@media(max-width:850px)and (min-width:601px){.practice-dock{width:min(460px,calc(100vw - 115px))}}@media(max-width:600px){.practice-dock{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;bottom:calc(73px + env(safe-area-inset-bottom));padding:10px 12px}body.has-practice-dock main{padding-bottom:calc(225px + env(safe-area-inset-bottom))}body.has-practice-dock .player{bottom:calc(202px + env(safe-area-inset-bottom))}body.has-practice-dock .toast{bottom:calc(290px + env(safe-area-inset-bottom))}}