:root{color-scheme:light;--bg: #f4eee4;--surface: #fffaf2;--surface-strong: #ffffff;--text: #1b1b1b;--muted: #6c645a;--accent: #c06b34;--accent-strong: #9a4b1d;--border: #e3d8c7;--shadow: 0 18px 40px rgba(34, 24, 14, .12);--arabic-size: 36px;--urdu-size: 20px;--arabic-line-height: 1.9;--urdu-line-height: 1.8;--player-bar-height: 114px;--icon-bg: #fffdf9;--icon-color: #9a4b1d;--icon-border: #ddccb4;--icon-hover-bg: #f3e6d5;--icon-active-bg: rgba(192, 107, 52, .15);--icon-danger-bg: #b84b3a;--icon-danger-color: #fff}@font-face{font-family:IndoPak;src:local("AlQuran IndoPak by QuranWBW"),url(/fonts/quran/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2) format("woff2"),url(/fonts/quran/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff) format("woff"),url(/fonts/quran/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.ttf) format("truetype");font-display:swap}@font-face{font-family:UthmanicHafs;src:local("KFGQPC HAFS Uthmanic Script"),url(/fonts/quran/uthmanic_hafs/UthmanicHafs1Ver18.woff2) format("woff2"),url(/fonts/quran/uthmanic_hafs/UthmanicHafs1Ver18.ttf) format("truetype");font-display:swap}@font-face{font-family:surahnames;src:url(/fonts/quran/surah-names/sura_names.woff2) format("woff2"),url(/fonts/quran/surah-names/sura_names.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}[data-theme=dark]{color-scheme:dark;--bg: #101112;--surface: #141920;--surface-strong: #1b212a;--text: #f5f7fb;--muted: #bfc6d2;--accent: #e09b5d;--accent-strong: #f2b67f;--border: #2f3742;--shadow: 0 18px 40px rgba(0, 0, 0, .35);--icon-bg: #23262a;--icon-color: #e1a070;--icon-border: #363a40;--icon-hover-bg: #2d3137;--icon-active-bg: rgba(212, 139, 87, .3);--icon-danger-bg: #c85f4f;--icon-danger-color: #fff}*{box-sizing:border-box}body{margin:0;font-family:Readex Pro,system-ui,sans-serif;background:radial-gradient(circle at top,#fff7e8,#f4eee4 45%,#efe7db);color:var(--text)}[data-theme=dark] body{background:radial-gradient(circle at top,#1d1f22,#121314 55%,#0b0c0d)}[data-theme=dark] .panel,[data-theme=dark] .reader{background:linear-gradient(180deg,#141a21,#12161c);border-color:#2e3641}[data-theme=dark] .hero-card,[data-theme=dark] .dash-card,[data-theme=dark] .list-item,[data-theme=dark] .selection-card,[data-theme=dark] .bookmark-item{background:#1d232c;border-color:#343d49}[data-theme=dark] .list-item.active,[data-theme=dark] .dash-card:focus-visible,[data-theme=dark] .verse.active{background:#e09b5d26}[data-theme=dark] .list-item:hover,[data-theme=dark] .dash-card:hover{background:#222a34;border-color:#e09b5d66}[data-theme=dark] .hero-label,[data-theme=dark] .hero-sub,[data-theme=dark] .dash-sub,[data-theme=dark] .list-sub,[data-theme=dark] .selection-card p,[data-theme=dark] .subtitle,[data-theme=dark] .bookmark-time,[data-theme=dark] .empty{color:#bfc6d2}[data-theme=dark] .dash-title,[data-theme=dark] .list-title,[data-theme=dark] .hero-title,[data-theme=dark] .selection-card h3,[data-theme=dark] .app-header h1{color:#f5f7fb}[data-theme=dark] .dash-badge{background:#e09b5d33;color:#ffd7b1}[data-theme=dark] .dash-arabic{color:#f1dfc8}[data-theme=dark] .dash-search,[data-theme=dark] .ayah-search-control,[data-theme=dark] .header-toggle,[data-theme=dark] .hero-action{background:#1a212a;border-color:#36404d}[data-theme=dark] .dash-search-input,[data-theme=dark] .ayah-search-input{color:#f4f6fa}[data-theme=dark] .dash-search-input::placeholder,[data-theme=dark] .ayah-search-input::placeholder{color:#9aa5b6}[data-theme=dark] .dash-search-icon{background:#e09b5d29;color:#f7be8d}[data-theme=dark] .dash-search-clear{background:#212a35;border-color:#3f4a58;color:#d4dbe8}[data-theme=dark] .dash-search-clear:hover{background:#273240;border-color:#556376}[data-theme=dark] .dash-search-meta{color:#aeb8c8}[data-theme=dark] .mode-toggle,[data-theme=dark] .dash-tabs{background:#e09b5d24}[data-theme=dark] .mode-button.active,[data-theme=dark] .dash-tab.active{color:#171a20;background:#e09b5d}[data-theme=dark] .qr-arabic{color:#f3e4cf}[data-theme=dark] .verse-urdu{color:#dbc7a9}[data-theme=dark] .playing-indicator{color:#f2b67f}[data-theme=dark] .surah-separator{background:linear-gradient(180deg,#1f2631,#1a212b);border-color:#47576b}[data-theme=dark] .ruku-separator{border-color:#e09b5d6b;background:linear-gradient(180deg,#2f2820e0,#26201ad1)}[data-theme=dark] .ruku-symbol{background:#e09b5d33;border-color:#e09b5d7a;color:#f7c592}[data-theme=dark] .ruku-label{color:#f7c592}[data-theme=dark] .reader-overlay{background:#10141abd}[data-theme=dark] .selection-badge{background:#1b222c;border-color:#3a4553;color:#f0f4fa}[data-theme=dark] .selection-arabic{color:#f0d2ad}[data-theme=dark] .selection-card-surah{background:radial-gradient(circle at 14% 24%,#3e332780,#1c232d00 48%),linear-gradient(180deg,#1e252ff2,#1d2127e6)}[data-theme=dark] .selection-card-juz{background:radial-gradient(circle at 14% 24%,#3a302473,#1c232d00 52%),linear-gradient(180deg,#1e252ff0,#1d2127e0)}[data-theme=dark] .selection-roman-title,[data-theme=dark] .surah-separator-roman{color:#f5f7fb}[data-theme=dark] .verse.active{box-shadow:none}[data-theme=dark] .verse{background:transparent;border:none;box-shadow:none}[data-theme=dark] .verse.phase-arabic{border-left-color:#e09b5d8c}[data-theme=dark] .verse.phase-urdu{border-left-color:#76a6df8c}[data-theme=dark] .playing-indicator{border-color:#e09b5d6b;background:#e09b5d29;color:#f7c592}[data-theme=dark] .verse-urdu{background:transparent}[data-theme=dark] .ayah-marker{color:#f0c389;background:#16120cb8}[data-theme=dark] .ayah-marker-trigger:hover,[data-theme=dark] .ayah-marker-trigger:focus-visible{color:#ffd2a1}[data-theme=dark] .ayah-marker-tools{background:#111821f5;border-color:#e09b5d6b;box-shadow:0 10px 24px #0000006b}[data-theme=dark] .verses{border-color:#4a4a42;background:linear-gradient(180deg,#3e322347,#2c231a47),linear-gradient(180deg,#18202a,#131a23)}[data-theme=dark] .verses:before,[data-theme=dark] .verses:after{background:repeating-linear-gradient(180deg,#b78d58cc 0,#b78d58cc 6px,#6d573ae6 6px,#6d573ae6 12px);opacity:.62}[data-theme=dark] .word-active{background:#e09b5d33;box-shadow:inset 0 -2px #e09b5d94}body.player-visible{padding-bottom:var(--player-bar-height)}#app{max-width:1200px;margin:0 auto;padding:24px 20px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.app-header-actions{display:flex;align-items:center;gap:10px}.mobile-appbar{display:none;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20;transform:translateY(0);opacity:1;transition:transform .28s ease,opacity .22s ease,box-shadow .22s ease;box-shadow:0 2px #00000005;will-change:transform}.mobile-title{font-size:18px;font-weight:700}.mobile-actions{display:flex;gap:10px}body.mobile-header-hidden .mobile-appbar{transform:translateY(calc(-100% - 2px));opacity:.98;box-shadow:none}.app-header h1{margin:0;font-size:26px;font-weight:600}.subtitle{margin:6px 0 0;color:var(--muted);font-size:14px}.layout{display:grid;grid-template-columns:280px 1fr;gap:20px}body.dashboard-mode .layout{grid-template-columns:1fr}body.dashboard-mode .sidebar{display:none}.sidebar{display:flex;flex-direction:column;gap:16px;height:85vh}.panel{background:var(--surface);border-radius:16px;padding:14px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;min-height:0;overflow:scroll}.nav-panel{flex:1 1 auto;min-height:0}.bookmarks-panel{flex:0 0 28%;min-height:180px}.mode-toggle{display:inline-flex;gap:8px;background:#c06b341a;padding:6px;border-radius:999px;margin-bottom:14px;width:max-content}.mode-button{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer}.mode-button.active{background:var(--accent);color:#fff}.list-header{font-weight:600;margin-bottom:10px}.list{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px;padding-top:1px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;border:1px solid transparent;background:#fff9;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.list-item.active{border-color:#c06b3459;background:#c06b341f}.list-item:hover{transform:translateY(-1px);border-color:#c06b344d}.list-meta{display:flex;flex-direction:column;gap:4px}.list-title{font-size:14px;font-weight:600}.list-sub{font-size:12px;color:var(--muted)}.list-play-button{flex-shrink:0}.reader{background:linear-gradient(180deg,#f8f3ea,#f4ede2);border-radius:18px;padding:18px;box-shadow:var(--shadow);border:1px solid #decfb8;display:flex;flex-direction:column;gap:12px;min-height:80vh;position:relative;overflow:hidden}.dashboard.hidden,.reader-content.hidden{display:none}.dashboard{display:flex;flex-direction:column;gap:16px}.dash-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.hero-card{background:#fff9;border-radius:14px;padding:14px 16px;border:1px solid var(--border);min-height:120px;display:flex;flex-direction:column;gap:6px;position:relative}.hero-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-title{font-size:20px;font-weight:600}.hero-sub{font-size:12px;color:var(--muted)}.hero-action{align-self:flex-start;margin-top:6px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);padding:6px 12px;font-size:12px;cursor:pointer}.dash-tabs{display:inline-flex;gap:8px;background:#c06b3414;padding:6px;border-radius:999px;width:fit-content}.dash-tab{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer}.dash-tab.active{background:var(--accent);color:#fff}.dash-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.dash-search-wrap{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.dash-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface-strong);border-radius:16px;padding:6px;width:min(500px,100%);min-width:min(320px,100%);box-shadow:0 10px 22px #281a0b14;transition:border-color .2s ease,box-shadow .2s ease}.dash-search:focus-within{border-color:#c06b348c;box-shadow:0 0 0 3px #c06b3429,0 10px 22px #281a0b1a}.dash-search-icon{width:32px;height:32px;border-radius:10px;background:#c06b341f;display:inline-flex;align-items:center;justify-content:center;color:var(--icon-color)}.dash-search-icon svg{width:17px;height:17px;fill:currentColor}.dash-search-input{border:none;outline:none;background:transparent;color:var(--text);font-size:14px;line-height:1.2;width:100%;min-width:0}.dash-search-clear{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:18px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.92);pointer-events:none;transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.dash-search-clear.visible{opacity:1;transform:scale(1);pointer-events:auto}.dash-search-clear:hover{background:var(--surface-strong);border-color:#c06b3459}.dash-search-meta{font-size:12px;color:var(--muted);white-space:nowrap}.dash-grid{display:none;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.dash-grid.active{display:grid}.dash-grid .empty{grid-column:1 / -1;padding:8px 2px}.dash-card{border:1px solid var(--border);background:#ffffffb3;border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;cursor:pointer;text-align:left}.dash-badge{width:28px;height:28px;border-radius:8px;background:#c06b3426;color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.dash-card-body{display:flex;flex-direction:column;gap:4px}.dash-title{font-size:13px;font-weight:600}.dash-sub{font-size:11px;color:var(--muted)}.dash-arabic{font-family:UthmanicHafs,serif;font-size:16px;color:#2f2418;text-align:right;direction:rtl;unicode-bidi:plaintext}.notice{min-height:0}.notice-banner{background:#ffd9a480;border:1px solid rgba(231,200,156,.8);padding:10px 12px;border-radius:12px;font-size:12px;color:var(--accent-strong);display:flex;flex-wrap:wrap;gap:10px;align-items:center}.notice-banner.error{background:#bf5a3c26;color:#a04330;border-color:#bf5a3c66}.toast-host{position:relative;min-height:0}.toast{background:#1b1b1be6;color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;margin-bottom:6px;width:fit-content;transition:opacity .2s ease,transform .2s ease}.toast.hide{opacity:0;transform:translateY(-4px)}.selection-header{margin:6px 0 10px;min-height:86px}.selection-card{background:radial-gradient(circle at top,#f8e9d370,#f8e9d300 60%),linear-gradient(180deg,#ffffffeb,#fcf6eceb);border-radius:14px;padding:12px 14px 14px;border:1px solid #d8c8b0;box-shadow:inset 0 0 0 1px #ffffffd9;overflow:hidden;position:relative}.selection-card:before{content:"";position:absolute;left:9%;right:9%;top:8px;height:1px;background:linear-gradient(90deg,#c06b3400,#c06b3473,#c06b3400);opacity:.8}.selection-card-surah{background:radial-gradient(circle at 18% 10%,#f8e5c95c,#fff0 44%),linear-gradient(180deg,#ffffffeb,#fcf6ece6)}.selection-card-juz{background:radial-gradient(circle at 18% 10%,#f5dfbf57,#fff0 46%),linear-gradient(180deg,#ffffffe6,#fbf5ece0)}.selection-card h3{margin:0;font-size:18px}.selection-card p{margin:6px 0 0;color:var(--muted);font-size:13px}.selection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.selection-main{display:flex;flex-direction:column;gap:6px;min-width:0}.selection-main-surah{flex:1;align-items:center;text-align:center}.selection-surah-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.selection-surah-title-stack{margin-top:2px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.selection-juz-title-stack{margin-top:4px}.selection-topline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.selection-main-surah .selection-topline{justify-content:center}.selection-surah-head .selection-topline{justify-content:flex-start}.selection-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.03em}.selection-meta{font-size:12px;color:var(--muted)}.selection-range{margin:2px 0 0}.selection-arabic{font-family:UthmanicHafs,serif;font-size:28px;line-height:1.32;color:var(--accent-strong);text-align:right}.selection-arabic-primary{text-align:center;font-size:clamp(28px,4.2vw,50px);line-height:1.15;margin-top:2px}.selection-roman-title{margin:0;font-size:clamp(28px,4vw,52px);line-height:1.04;letter-spacing:-.01em;font-weight:500;font-family:"DM Serif Display",Times New Roman,serif}.selection-juz-arabic{font-size:clamp(24px,3.4vw,40px)}.selection-juz-roman{font-size:clamp(24px,3.4vw,42px)}.selection-card-juz .selection-range{margin:2px 0 0;text-align:center;font-size:13px;color:var(--muted)}.selection-tools{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.selection-card-surah .selection-tools{margin-left:0;flex-shrink:0;width:min(360px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.selection-card-juz .selection-tools{margin-left:0;flex-shrink:0;width:min(260px,100%)}.ayah-search-control{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;border:1px solid var(--border);background:var(--surface-strong);border-radius:999px;overflow:hidden;height:44px}.ayah-search-control:focus-within{border-color:#c06b3485;box-shadow:0 0 0 3px #c06b3424}.ayah-search-input{width:100%;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-size:14px;padding:0 14px;line-height:1}.ayah-search-button{width:46px;height:44px;border:none;border-left:1px solid var(--border);background:transparent;color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ayah-search-button svg{width:16px;height:16px;fill:currentColor}.header-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-strong);padding:0 16px;height:44px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;min-width:116px;justify-content:center}.header-toggle svg{width:14px;height:14px;fill:currentColor}.verses{position:relative;display:flex;flex-direction:column;gap:0;padding:12px 12px calc(var(--player-bar-height) + 18px);min-height:60vh;border:2px solid #d6c2a6;border-radius:14px;background:linear-gradient(180deg,#fff3e059,#fcf1e347),linear-gradient(180deg,#fffef9,#f8f2e8);overflow:hidden}.verses:before,.verses:after{content:"";position:absolute;top:10px;bottom:10px;width:4px;background:repeating-linear-gradient(180deg,#c49a68b8 0,#c49a68b8 6px,#e9ceabdb 6px,#e9ceabdb 12px);border-radius:999px;opacity:.6}.verses:before{left:5px}.verses:after{right:5px}.reader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffaf2bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;text-align:center;padding:16px;padding-top:8rem}.reader-overlay.hidden{display:none}.reader-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(192,107,52,.25);border-top-color:#c06b34cc;animation:spin .9s linear infinite}.overlay-title{font-weight:600}.overlay-sub{font-size:12px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.verse{border-radius:0;padding:8px;border:none;background:transparent;box-shadow:none;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease}.verse+.verse{border-top:1px solid rgba(177,201,185,.52)}.skeleton-card,.skeleton-verse{background:#fff9;border:1px solid var(--border);position:relative;overflow:hidden}.skeleton-line{height:12px;background:linear-gradient(90deg,#e3d8c740,#e3d8c7b3,#e3d8c740);background-size:200% 100%;border-radius:8px;animation:shimmer 1.2s ease-in-out infinite}.skeleton-title{width:60%;height:16px;margin-bottom:10px}.skeleton-subtitle{width:35%}.skeleton-verse{display:grid;gap:10px}.skeleton-action{width:90px}.skeleton-meta{width:120px}.skeleton-arabic{height:24px;width:80%}.skeleton-urdu{height:16px;width:65%}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.surah-separator{margin:8px 2px 10px;padding:12px 14px;border-radius:14px;background:radial-gradient(circle at center,#fce8ca3d,#fff0),linear-gradient(180deg,#fffffff2,#fbf5eceb);border:1px solid #ccb99f;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:inset 0 0 0 1px #ffffffd9}.surah-separator-topline{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.surah-separator-arabic{font-family:UthmanicHafs,serif;font-size:clamp(22px,3.6vw,38px);line-height:1.12;color:var(--accent-strong);text-align:center}.surah-separator-roman{font-size:clamp(19px,2.7vw,30px);line-height:1.1;font-weight:500;letter-spacing:-.005em;font-family:"DM Serif Display",Times New Roman,serif;color:var(--text)}.ruku-separator{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:8px 2px 2px;border:1px solid #ddc39d;background:linear-gradient(180deg,#fff5e5e0,#fffaf1d1);border-radius:999px}.ruku-separator-start{display:inline-flex;align-items:center;gap:8px;min-width:0}.ruku-symbol{width:26px;height:26px;border-radius:999px;border:1px solid rgba(192,107,52,.35);background:#c06b3424;color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.ruku-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-weight:700;white-space:nowrap}.ruku-bookmark-button{width:30px;height:30px;border-radius:10px}.ruku-bookmark-button svg{width:16px;height:16px}.verse.active{background:linear-gradient(90deg,#c06b3414,#c06b3400);border-left:2px solid var(--accent);box-shadow:none}.verse.phase-arabic{border-left-color:#c06b34e6}.verse.phase-urdu{border-left-color:#487baaeb}.verse.search-hit{outline:2px solid rgba(192,107,52,.45);box-shadow:0 0 0 3px #c06b342e}.verse-toolbar{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-height:0}.verse-label{display:none}.verse-action-button{width:32px;height:32px;border-radius:10px}.verse-action-button svg{width:16px;height:16px}.icon-button{width:40px;height:40px;border-radius:12px;border:1px solid var(--icon-border);background:var(--icon-bg);color:var(--icon-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-button svg{width:20px;height:20px;fill:currentColor}.playing-indicator{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);margin-inline-start:auto;display:none;padding:2px 8px;border-radius:999px;border:1px solid rgba(192,107,52,.3);background:#c06b341a;transition:opacity .2s ease,transform .2s ease}.playing-indicator.show{display:inline-flex}.verse-arabic{text-align:right;margin-top:2px;padding-inline:2px}.qr-arabic{font-family:UthmanicHafs,serif;font-size:var(--arabic-size);font-weight:700;line-height:var(--arabic-line-height);color:#1f1a16;text-align:right;word-spacing:.06em;letter-spacing:0;text-rendering:optimizeLegibility;text-shadow:0 1px 0 rgba(255,255,255,.45)}.qr-arabic.is-indopak{font-family:IndoPak,UthmanicHafs,Amiri Quran,Amiri,serif;line-height:calc(var(--arabic-line-height) + .08)}.qr-arabic.is-tajweed{font-family:UthmanicHafs,Amiri Quran,Amiri,serif}.qr-surah-title{font-size:34px;font-weight:600;letter-spacing:.01em}.qr-surah-glyph{font-family:surahnames,serif;font-size:48px;line-height:1}.verse-urdu{font-family:Noto Nastaliq Urdu,serif;font-size:var(--urdu-size);line-height:var(--urdu-line-height);direction:rtl;text-align:right;margin-top:3px;padding:0;border-radius:0;background:transparent;color:#5a4b3a}.ayah-marker{position:relative;display:inline-grid;place-items:center;margin-inline-start:4px;vertical-align:middle;color:#845016;width:1.34em;height:1.34em;line-height:1;border:1.8px solid currentColor;border-radius:999px;background:#fff8ecf2}.ayah-marker-wrap{display:inline-flex;position:relative;vertical-align:middle;align-items:center}.ayah-marker-trigger{border:none;background:transparent;padding:0 1px;color:inherit;display:inline-flex;align-items:center;cursor:pointer}.ayah-marker-trigger:hover,.ayah-marker-trigger:focus-visible{color:var(--accent-strong)}.ayah-marker-trigger:focus-visible{outline:2px solid rgba(192,107,52,.35);border-radius:999px}.ayah-marker-tools{position:absolute;inset-inline-end:0;bottom:calc(100% + 6px);display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:10px;border:1px solid var(--border);background:#fffaf2f5;box-shadow:0 8px 20px #22180e29;opacity:0;transform:translateY(4px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:12}.ayah-marker-wrap:hover .ayah-marker-tools,.ayah-marker-wrap:focus-within .ayah-marker-tools,.ayah-marker-wrap:active .ayah-marker-tools{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.ayah-marker-tool{width:28px;height:28px;border-radius:8px}.ayah-marker-tool svg{width:14px;height:14px}.ayah-marker-tool .tooltip{display:none}.ayah-marker-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.62em;font-weight:700;line-height:1;color:currentColor}.ayah-marker:before,.ayah-marker:after{content:"";position:absolute;top:50%;width:.2em;height:.2em;background:currentColor;border-radius:999px;transform:translateY(-50%);opacity:.9}.ayah-marker:before{left:-.22em}.ayah-marker:after{right:-.22em}.verse-arabic .tajweed{color:#c06b34}.verse-arabic .ham_wasl{color:#7c6f65}.verse-arabic .madda_normal,.verse-arabic .madda_permissible,.verse-arabic .madda_necessary{color:#3b6fb0}.verse-arabic .idgham_wo_ghunnah,.verse-arabic .idgham_ghunnah,.verse-arabic .ghunnah{color:#8b5fa3}.verse-arabic .ikhafa,.verse-arabic .ikhafa_shafawi{color:#c7922b}.verse-arabic .iqlab,.verse-arabic .idgham_shafawi{color:#2f7e9d}.verse-arabic .qalqalah{color:#b2473a}.word{display:inline-block;padding:2px 5px;border-radius:7px;transition:background .25s ease,box-shadow .25s ease,color .25s ease;unicode-bidi:isolate}.bookmark-list{display:flex;flex-direction:column;gap:8px}.bookmark-row{display:flex;gap:8px;align-items:center}.bookmark-row .bookmark-item{flex:1}.bookmark-item{text-align:left;border-radius:12px;border:1px solid var(--border);background:var(--surface-strong);padding:10px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;font-size:12px}.bookmark-time{color:var(--muted);font-size:11px}.empty{margin:0;font-size:12px;color:var(--muted)}button{transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.player-bar{position:fixed;left:0;right:0;bottom:0;height:var(--player-bar-height);background:#fffaf2eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center right" "progress progress progress";grid-template-rows:auto auto;align-items:center;gap:10px 16px;padding:12px 24px;z-index:50}[data-theme=dark] .player-bar{background:#1b1c1ef2}.player-bar.hidden{display:none}.player-info{display:flex;flex-direction:column;gap:4px;min-width:0}.player-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.player-sub{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-zone{display:flex;align-items:center}.player-zone-left{grid-area:left;min-width:0;justify-self:start}.player-zone-center{grid-area:center;justify-content:center;justify-self:center}.player-zone-right{grid-area:right;justify-content:flex-end;gap:10px;justify-self:end;flex-wrap:wrap}.player-progress-row{grid-area:progress;display:flex;flex-direction:column;gap:6px;min-width:0}.player-progress-top{display:flex;align-items:center;gap:10px;min-width:0;color:var(--muted);font-size:11px}.player-progress-label{font-weight:600;color:var(--text)}.player-progress-phase{text-transform:uppercase;letter-spacing:.08em}.player-progress-percent{margin-left:auto;font-variant-numeric:tabular-nums}.player-progress-track{position:relative;height:5px;border-radius:999px;background:#c06b3429;overflow:hidden}.player-progress-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,#e5a56f 100%);transition:width .18s linear}[data-theme=dark] .player-progress-track{background:#e09b5d2e}[data-theme=dark] .player-progress-fill{background:linear-gradient(90deg,#e09b5d,#f2bf8b)}.player-controls{display:flex;gap:8px;flex-wrap:nowrap;justify-content:center;align-items:center}.player-icon-button{position:relative;width:44px;height:44px;border-radius:14px;border:1px solid var(--icon-border);background:var(--icon-bg);color:var(--icon-color);display:inline-flex;align-items:center;justify-content:center;padding:0}.player-icon-button svg,.player-utility svg{width:20px;height:20px;fill:currentColor}.player-icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.player-icon-button.active{background:var(--icon-active-bg);border-color:var(--accent)}.player-icon-button.danger{background:var(--icon-danger-bg);color:var(--icon-danger-color);border-color:transparent}.player-icon-button .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(6px);background:#21160aeb;color:#fff6eb;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.player-icon-button:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}.player-utility{border:1px solid var(--icon-border);background:var(--icon-bg);color:var(--text);border-radius:12px;height:44px;padding:0 12px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.player-utility.icon-only{width:44px;padding:0;color:var(--icon-color)}.player-ayah-search{display:inline-flex;align-items:center;border:1px solid var(--icon-border);border-radius:999px;background:var(--icon-bg);overflow:hidden}.player-ayah-search-input{width:88px;border:none;outline:none;background:transparent;color:var(--text);font-size:12px;padding:8px 10px 8px 12px}.player-ayah-search-button{width:36px;height:34px;border:none;border-left:1px solid var(--icon-border);background:transparent;color:var(--icon-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-button:hover,.player-icon-button:hover,.player-utility:hover,.player-ayah-search-button:hover{background:var(--icon-hover-bg)}.player-icon-button.danger:hover{background:var(--icon-danger-bg)}.player-ayah-search-button svg{width:16px;height:16px;fill:currentColor}.player-ayah-search-input:disabled,.player-ayah-search-button:disabled{opacity:.55;cursor:not-allowed}.speed-control{position:relative;display:flex;align-items:center}.speed-button{min-width:44px}.speed-popover{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:8px 0;min-width:160px;display:none;z-index:80}.speed-popover.open{display:block}.speed-option{width:100%;padding:8px 14px;background:transparent;border:none;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;text-align:left}.speed-option:hover{background:#c06b341f}.speed-option .check{width:16px;color:var(--accent-strong)}.speed-option.selected{font-weight:600}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:60}.settings-overlay.hidden{display:none}.settings-drawer{position:fixed;right:0;top:0;height:100vh;width:min(360px,90vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);z-index:61;padding:20px 18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.settings-drawer.hidden{display:none}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header h3{margin:0;font-size:18px}.settings-content{display:flex;flex-direction:column;gap:12px}.settings-section{border:1px solid var(--border);background:var(--surface-strong);border-radius:16px;padding:12px}.settings-section h4{margin:0 0 10px;font-size:14px;color:var(--muted);letter-spacing:.01em}.settings-row{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,auto);align-items:center;gap:12px;margin-bottom:10px;font-size:13px}.settings-row-reciter{grid-template-columns:1fr;align-items:flex-start}.settings-row:last-child{margin-bottom:0}.settings-row label{font-weight:600}.settings-row select,.settings-row .stepper button,.settings-row .toggle-pill{border-radius:10px;border:1px solid var(--border);background:var(--surface-strong);padding:6px 10px;font-family:inherit;cursor:pointer;color:var(--text)}.settings-select{position:relative;width:min(250px,100%)}.settings-select-trigger{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.settings-select-trigger[aria-expanded=true]{border-color:#c06b3494;box-shadow:0 0 0 3px #c06b3424;background:#c06b3414}.settings-select-trigger .value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings-select-trigger .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.settings-select-trigger .icon svg{width:16px;height:16px;fill:currentColor;transition:transform .2s ease}.settings-select-trigger[aria-expanded=true] .icon svg{transform:rotate(180deg)}.settings-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:block;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:5}.settings-select-menu.open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.settings-row .settings-select-option{width:100%;border:none;background:transparent;border-radius:10px;padding:10px 12px;color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .16s ease,color .16s ease}.settings-row .settings-select-option:hover,.settings-row .settings-select-option:focus-visible{background:#c06b341f;outline:none}.settings-row .settings-select-option .check{width:14px;text-align:center;color:var(--accent-strong)}.settings-row .settings-select-option.active{background:#c06b3429;font-weight:600}.settings-row-text{grid-template-columns:minmax(96px,1fr) minmax(0,1.4fr)}.settings-value{justify-self:end;text-align:right;color:var(--text);line-height:1.3;font-weight:600}.settings-drawer button:hover{transform:none}.pill-group{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:999px;padding:8px 14px;border:1px solid var(--border);background:var(--surface-strong);font-size:12px;cursor:pointer}.pill.active{background:#c06b3433;border-color:#c06b3480;font-weight:600}.settings-row .toggle-switch{position:relative;width:44px;height:24px;padding:0;border-radius:999px;background:#c06b342e;border:1px solid rgba(192,107,52,.4);display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-row .toggle-switch .toggle-dot{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:999px;transition:transform .2s ease;box-shadow:0 2px 6px #22180e33}.settings-row .toggle-switch.on{background:#c06b3473;border-color:#c06b3499}.settings-row .toggle-switch.on .toggle-dot{transform:translate(22px)}.stepper{display:inline-flex;align-items:center;gap:6px}.toggle-pill{border-radius:999px;padding:6px 14px}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:70}.mobile-nav-overlay.hidden{display:none}.mobile-nav{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:var(--shadow);z-index:71;padding:14px 16px 18px;max-height:85vh;display:flex;flex-direction:column;gap:12px}.mobile-nav.hidden{display:none}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between}.mobile-tabs{display:flex;gap:8px}.tab-button{flex:1;border:1px solid var(--border);background:var(--surface-strong);border-radius:999px;padding:8px 10px;font-size:12px;cursor:pointer}.tab-button.active{background:#c06b3433;border-color:#c06b3480;font-weight:600}.mobile-tab-panels{flex:1;overflow:hidden}.mobile-tab-panel{display:none;max-height:70vh;overflow-y:auto;padding-right:4px}.mobile-tab-panel.active{display:flex;flex-direction:column;gap:4px}.mobile-tab-panel .list-item,.mobile-tab-panel .bookmark-row{margin:0}@media (max-width: 980px){:root{--player-bar-height: 132px}.layout{grid-template-columns:1fr}.player-bar{height:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right" "center center" "progress progress";gap:8px;padding:10px 12px}.player-controls{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.player-ayah-search{order:-1}.player-controls::-webkit-scrollbar{display:none}.player-zone-right{gap:6px;flex-wrap:nowrap;min-width:0}.player-progress-row{gap:5px}.player-progress-top{font-size:10px;gap:8px}.player-icon-button{width:38px;height:38px;border-radius:12px}.player-icon-button svg,.player-utility svg{width:18px;height:18px}.player-utility{height:38px;border-radius:10px;padding:0 10px}.player-utility.icon-only{width:38px}.player-ayah-search-input{width:60px;padding:7px 8px 7px 10px}.player-ayah-search-button{width:32px;height:32px}}@media (max-width: 900px){.dash-hero{grid-template-columns:1fr}.hero-card{min-height:auto}.dash-toolbar{grid-template-columns:1fr;gap:10px}.dash-search-wrap{justify-content:stretch}.dash-search{width:100%;max-width:none;min-width:0}}@media (max-width: 640px){.dash-grid{grid-template-columns:1fr}.dash-search-meta{display:none}}@media (max-width: 768px){:root{--arabic-size: 16px;--urdu-size: 14px;--arabic-line-height: 1.72;--urdu-line-height: 1.65}.app-header{display:none}.mobile-appbar{display:flex;padding:12px 14px;z-index:45}.mobile-title{font-size:17px}.mobile-actions{gap:8px}#app{padding:0 0 40px}.layout{padding:0 12px}.sidebar{display:none}.reader{padding:14px}.selection-row{gap:8px}.selection-surah-head{flex-direction:column;align-items:stretch;gap:8px}.selection-surah-head .selection-topline{justify-content:center}.selection-tools{gap:6px;width:100%;justify-content:center}.selection-tools .ayah-search-control{width:100%;max-width:none}.selection-tools .header-toggle{min-width:112px;justify-content:center}.selection-card-juz .selection-tools{width:100%;max-width:none}.selection-card-surah .selection-tools{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:8px}.ayah-search-control{height:42px;grid-template-columns:minmax(0,1fr) 42px}.ayah-search-input{font-size:13px;padding:0 12px}.ayah-search-button{width:42px;height:42px}.header-toggle{height:42px;padding:0 14px;min-width:108px;font-size:13px}.selection-main{gap:4px}.selection-topline{gap:6px}.selection-badge{padding:2px 9px;font-size:10px}.selection-meta{font-size:11px}.selection-arabic{font-size:20px;line-height:1.28}.selection-arabic-primary{font-size:clamp(22px,8.4vw,32px);line-height:1.12}.selection-roman-title{font-size:clamp(22px,8.2vw,34px);line-height:1.04}.selection-juz-arabic{font-size:clamp(20px,7.2vw,30px)}.selection-juz-roman{font-size:clamp(20px,7vw,30px)}.selection-card{padding:10px 10px 12px}.verse{padding:9px 8px 8px}.verse-toolbar{gap:6px}.verse-action-button{width:30px;height:30px;border-radius:9px}.verse-action-button svg{width:15px;height:15px}.ayah-marker-tools{bottom:calc(100% + 4px);gap:3px;padding:3px}.ayah-marker-tool{width:26px;height:26px}.ayah-marker-tool svg{width:13px;height:13px}.ruku-separator{padding:7px 8px;margin:6px 0 2px}.ruku-symbol{width:24px;height:24px;font-size:14px}.icon-button{width:36px;height:36px;border-radius:11px}.icon-button svg{width:17px;height:17px}.verses{gap:0;padding:10px 8px calc(var(--player-bar-height) + 14px);border-width:1px}.verses:before,.verses:after{width:3px;top:8px;bottom:8px}.list-item{gap:8px;padding:9px}.list-meta,.bookmark-row{gap:4px}.mobile-nav{gap:10px;padding:12px 14px 16px}.mobile-tabs{gap:6px}.tab-button{padding:7px 10px}.mobile-tab-panel.active{gap:6px}.settings-row-reciter{flex-direction:column;align-items:stretch;gap:8px}.settings-select{width:100%}.settings-row-text{grid-template-columns:1fr;gap:4px}.settings-value{justify-self:start;text-align:left;font-weight:500}.surah-separator{align-items:flex-start;text-align:left;gap:3px}.surah-separator-topline{justify-content:flex-start}.surah-separator-arabic{text-align:right;width:100%}.player-bar{gap:6px;padding:8px 10px}.player-controls{gap:6px}.player-zone-right{gap:5px}.player-icon-button{width:34px;height:34px;border-radius:10px}.player-icon-button svg,.player-utility svg{width:16px;height:16px}.player-utility{height:34px;border-radius:10px;padding:0 9px;font-size:11px}.player-utility.icon-only{width:34px}.player-ayah-search-input{width:54px;padding:6px 8px 6px 10px}.player-ayah-search-button{width:30px;height:30px}}@media (max-width: 720px){:root{--player-bar-height: 124px}.player-title{font-size:11px}.player-sub{font-size:12px}}@media (hover: none){.player-icon-button .tooltip{display:none}}.install-prompt{position:fixed;right:16px;bottom:calc(var(--player-bar-height) + 16px);width:min(360px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px;z-index:95}body.dashboard-mode .install-prompt{bottom:16px}.install-prompt.hidden{display:none}.install-prompt-title{font-size:14px;font-weight:700;margin-bottom:6px}.install-prompt-text{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.install-prompt-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}.install-btn{border:1px solid var(--border);border-radius:10px;background:var(--surface-strong);color:var(--text);padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.install-btn.install-btn-primary{border-color:transparent;background:var(--accent);color:#fff}