html[data-theme=dark]{color-scheme:dark;--bg:#14161a;--surface:#1d2025;--surface2:#22262c;--border:#343a42;--text:#e4e2dd;--text2:#b3ada2;--accent:#43a047;--accent2:#8fd19a;--ar:#9cc4ec;--arabic-color:#9cc4ec}
html[data-theme=dark] body{background:#14161a;color:#e4e2dd}
html[data-theme=dark] a{color:#8fd19a}
html[data-theme=dark] header a,html[data-theme=dark] footer a.cta{color:#fff}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#22262c;color:#e4e2dd;border-color:#343a42}
html[data-theme=dark] img,html[data-theme=dark] video{filter:brightness(.9)}
html[data-theme=dark] .card{box-shadow:0 2px 8px rgba(227,227,227,.06)}
html[data-theme=dark] .meta{color:#827f75}
html[data-theme=dark] .qs-opts button{color:#fff}
html[data-theme=dark] tr.taf-row td{background:#19251b !important}
html[data-theme=dark] .taf-box{border-top:2px solid #2d452d;border-bottom:2px solid #2d452d;border-top:2px solid #2d452d;border-bottom:2px solid #2d452d}
html[data-theme=dark] .taf-foot .taf-toggle{color:#fff}
html[data-theme=dark] .cta{color:#fff}
html[data-theme=dark] th{background:#1b281b;border-bottom:2px solid #2d452d}
html[data-theme=dark] td{border-bottom:1px solid #37301f}
html[data-theme=dark] tr:nth-child(even) td{background:#292214}
html[data-theme=dark] tr.playing td{background:#1d321f !important;background:#1d321f !important}
html[data-theme=dark] td.ar{border-left:1px solid #37301f;border-left:1px solid #37301f}
html[data-theme=dark] .n{color:#fff}
html[data-theme=dark] .tool:hover{color:#fff;color:#fff}
html[data-theme=dark] .tool.play{border-color:#366038;border-color:#366038}
html[data-theme=dark] .pager a{background:#827f75;color:#fff}
html[data-theme=dark] .grid .num{background:#1b281b}
html[data-theme=dark] .grid a.special{background:#342d1a}
html[data-theme=dark] .grid small{color:#827f75}
html[data-theme=dark] .prose .src{color:#827f75}
html[data-theme=dark] tr.note td{background:#342d1a !important;color:#9e988d}
html[data-theme=dark] .cta-play{color:#fff}
html[data-theme=dark] .src-note{color:#827f75}
html[data-theme=dark] .pending{color:#827f75}
html[data-theme=dark] .er-text .ia{color:#f0c19e}
html[data-theme=dark] .er-toc li .no{background:#1b281b}
html[data-theme=dark] .er-toc li.grp{color:#eac0a3}
html[data-theme=dark] .dua-prose h3{color:#eac0a3}
html[data-theme=dark] .dua-prose .poem{color:#c4d9b5}
html[data-theme=dark] tr.note.h td{color:#eac0a3}
html[data-theme=dark] tr.note.sub td{background:#1b281b !important}
html[data-theme=dark] tr.note.poem td{color:#c4d9b5}
html[data-theme=dark] .ia{color:#f0c19e}
html[data-theme=dark] .nahj-tabs a{color:#fff}
html[data-theme=dark] .maf-bab h4{color:#eac0a3}
html[data-theme=dark] .blog-post th,html[data-theme=dark] .blog-post td{border:1px solid #433b2a}
html[data-theme=dark] .toc{background:#292214}
html[data-theme=dark] .c-count{background:#2e7d32;color:#fff;background:#2e7d32;color:#fff}
html[data-theme=dark] .c-item{border-bottom:1px solid #37301f;border-bottom:1px solid #37301f}
html[data-theme=dark] .c-av{background:#101f34;color:#b1c0d8;background:#101f34;color:#b1c0d8}
html[data-theme=dark] .c-head small{color:#827f75;color:#827f75}
html[data-theme=dark] .c-reply{background:#111c2e;border:1px solid #1d2e48;background:#111c2e;border:1px solid #1d2e48}
html[data-theme=dark] .c-reply b{color:#3c5eba;color:#3c5eba}
html[data-theme=dark] .c-acts{color:#9e988d}
html[data-theme=dark] .c-form{background:#292214;background:#292214;border:1px solid #433b2a}
html[data-theme=dark] .c-form input,html[data-theme=dark] .c-form textarea{background:#171717;border:1px solid #433b2a;background:#171717}
html[data-theme=dark] .c-send{background:#2d5bd7;color:#fff;background:#2d5bd7;color:#fff}
html[data-theme=dark] .series-card{border-color:#366038 !important;background:#19251b !important}
html[data-theme=dark] form button{color:#fff}
html[data-theme=dark] .ok{background:#1d321f;border:1px solid #366038}
html[data-theme=dark] .err{background:#34100c;border:1px solid #531d18;color:#e3b1ab}
html[data-theme=dark] form .cap-refresh{background:#827f75}
html[data-theme=dark] footer{color:#827f75;color:#827f75}
html[data-theme=dark] footer .social a{color:var(--text2,#a39f97);background:var(--surface,#171717);color:var(--text2,#a39f97);background:var(--surface,#171717)}
html[data-theme=dark] footer .social .si{background:var(--accent,#2e7d32);color:#fff;background:var(--accent,#2e7d32);color:#fff}
html[data-theme=dark] .ptabs button[aria-selected=true]{color:#fff}
html[data-theme=dark] .pbtn{color:#fff}
html[data-theme=dark] .pbtn.alt{background:#827f75}
html[data-theme=dark] tr.sh-row td{background:#2d2411 !important}
html[data-theme=dark] .sh-box{border-top:2px solid #564225;border-bottom:2px solid #564225}
html[data-theme=dark] .sh-head{color:#e9bd9f}
html[data-theme=dark] .sh-body h5{color:#f1c79d}
html[data-theme=dark] .sh-body .sa{color:#b0c1dd}
html[data-theme=dark] .sh-body .sq{color:#a4e9d4}
html[data-theme=dark] .sh-body sup{color:#7d7d7d}
html[data-theme=dark] .sh-body p.src{color:#7d7d7d}
html[data-theme=dark] .sh-btn,html[data-theme=dark] .tool.sh-go{color:#fff !important}
html[data-theme=dark] html[data-theme=dark] tr.sh-row td{background:#d1cfc9 !important}
html[data-theme=dark] html[data-theme=dark] .sh-body h5{color:#8b6030}
html[data-theme=dark] html[data-theme=dark] .sh-head{color:#975923}
html[data-theme=dark] html[data-theme=dark] .sh-body .sa{color:#204174}
html[data-theme=dark] html[data-theme=dark] .sh-body .sq{color:#3b8968}
html[data-theme=dark] .asma h3 .num{color:#fff}
html[data-theme=dark] .pcustom{background:#292214}
html[data-theme=dark] table.pt th.x{background:#342d1a;color:#9e988d}
html[data-theme=dark] table.pt td.x{color:#9e988d}
html[data-theme=dark] .azan{background:#1b281b;border:1px solid #2d452d}
html[data-theme=dark] .azan select{background:#171717}
html[data-theme=dark] table.pt td.date small{color:#827f75}
html[data-theme=dark] .q-wrap.facing .q-compass circle:first-child{fill:#e3f2e5}
html[data-theme=dark] table.pt td.day small{color:#827f75}
html[data-theme=dark] table.pt tr.today td{background:#1d321f !important}
html[data-theme=dark] table.pt sup{color:#f1cf9d}
html[data-theme=dark] .pnote{color:#827f75}
html[data-theme=dark] .vgres a{border-bottom:1px solid #37301f}
html[data-theme=dark] .vgres a:hover{background:#1b281b}
html[data-theme=dark] .vgres small{color:#827f75}
html[data-theme=dark] tr.target td{background:#45380a !important}
html[data-theme=dark] table.vt td.vn{color:#827f75;border-left:1px solid #37301f}
html[data-theme=dark] table.vt td.vw{border-left:1px solid #37301f}
html[data-theme=dark] table.vt tr.g td{background:#292214}
html[data-theme=dark] table.vt tr.hit td{background:#45380a !important}
html[data-theme=dark] .vprose p.ex{background:#292214}
html[data-theme=dark] .select-wrap{background:rgba(23,23,23,.15)}
html[data-theme=dark] .select-wrap select{color:#fff}
html[data-theme=dark] .goto input{background:rgba(23,23,23,.9);color:#cecece}
html[data-theme=dark] .goto button{background:rgba(23,23,23,.25);color:#fff}
html[data-theme=dark] .goto button:hover{background:rgba(23,23,23,.4)}
html[data-theme=dark] .select-wrap select option,html[data-theme=dark] .select-wrap select optgroup{color:#e3e3e3;background:#171717}
html[data-theme=dark] .nav-btn,html[data-theme=dark] .icon-btn{background:rgba(23,23,23,.18);color:#fff}
html[data-theme=dark] .nav-btn:hover,html[data-theme=dark] .icon-btn:hover{background:rgba(23,23,23,.3)}
html[data-theme=dark] .settings-panel{box-shadow:0 10px 30px rgba(227,227,227,.25) !important}
html[data-theme=dark] .btn{color:#fff}
html[data-theme=dark] .btn.gray{background:#827f75}
html[data-theme=dark] .surah-meta{color:#827f75}
html[data-theme=dark] .quran-table thead th{background:#1b281b;border-bottom:2px solid #2d452d}
html[data-theme=dark] .quran-table td{border-bottom:1px solid #37301f}
html[data-theme=dark] .quran-table tbody tr:hover td{background:#192619}
html[data-theme=dark] .quran-table tbody tr.target td{background:#453b0a}
html[data-theme=dark] .quran-table tbody tr.playing td{background:#1d321f}
html[data-theme=dark] .quran-table tbody tr.playing .vnum{box-shadow:0 0 0 3px #366038}
html[data-theme=dark] .vnum{color:#fff}
html[data-theme=dark] .note{color:#918d81}
html[data-theme=dark] .w:hover,html[data-theme=dark] .w.on{background:#51430c}
html[data-theme=dark] .wl .wm{color:#e0cfad}
html[data-theme=dark] .wpop{background:#171717;border:1px solid #5e5034;box-shadow:0 6px 20px rgba(227,227,227,.18)}
html[data-theme=dark] .wpop .wr{color:#9e988d}
html[data-theme=dark] html[data-theme=dark] .wpop{background:#bdc2c9;border-color:#9ea4ad}
html[data-theme=dark] html[data-theme=dark] .w:hover,html[data-theme=dark] html[data-theme=dark] .w.on{background:#4a3f1c}
html[data-theme=dark] html[data-theme=dark] .wl .wm{color:#826a2f}
html[data-theme=dark] tr.cmp-row td{background:#2b2312 !important}
html[data-theme=dark] html[data-theme=dark] tr.cmp-row td{background:#c6cacf !important}
html[data-theme=dark] .quran-table tbody tr.taf-row td,html[data-theme=dark] .quran-table tbody tr.taf-row:hover td{background:#19251b}
html[data-theme=dark] .taf-head{background:#1e2f20}
html[data-theme=dark] .taf-body{color:#c1c1c1}
html[data-theme=dark] .taf-toggle{color:#fff}
html[data-theme=dark] .taf-hit span{color:#b5b5b5}
html[data-theme=dark] .quran-table tbody tr.sura-row td,html[data-theme=dark] .quran-table tbody tr.sura-row:hover td{background:#342d1a}
html[data-theme=dark] .spinner{border:3px solid #303030}
html[data-theme=dark] .quran-table.solo td.ar{border-bottom:1px solid #37301f}
html[data-theme=dark] .lbtn{color:#fff}
html[data-theme=dark] .lbtn.gray{background:#827f75}
html[data-theme=dark] .tj-text{color:var(--ar,#afc7df)}
html[data-theme=dark] .tj-v.cur{background:#51430c}
html[data-theme=dark] .tj-n{color:#fff}
html[data-theme=dark] .hz-text{color:var(--ar,#afc7df)}
html[data-theme=dark] .hz-mem b.on{background:#43a047;color:#fff;border-color:#64ad67}
html[data-theme=dark] html[data-theme=dark] .tj-v.cur{background:#4a3f1c}
html[data-theme=dark] .ai-tr{border-top:2px dashed #253753;background:#0b172b}
html[data-theme=dark] .ai-head{color:#3c5eba}
html[data-theme=dark] .ai-body p.b,html[data-theme=dark] .ai-body h4{color:#afc7df}
html[data-theme=dark] .ai-status{color:#9e988d}
html[data-theme=dark] .ai-spin{border:2px solid #1d2e48;border-top-color:#3c5eba}
html[data-theme=dark] .ai-main-note{color:#9e988d;border-top:1px dashed #1d2e48}
html[data-theme=dark] .ai-ver{border-top:2px dashed #253753}
html[data-theme=dark] .ai-ver h5{color:#3c5eba}
html[data-theme=dark] .ai-note{color:#9e988d}
html[data-theme=dark] .ai-btn{background:#2d5bd7;color:#fff}
html[data-theme=dark] html[data-theme=dark] .ai-btn.line,html[data-theme=dark] html[data-theme=dark] .ai-btn.line:hover{color:#fff;border-color:#283c67;background:rgba(23,23,23,.06)}
html[data-theme=dark] html[data-theme=dark] .ai-tr{background:#b8c2d2;border-top-color:#909eb6}
html[data-theme=dark] html[data-theme=dark] .ai-head{color:#283c67}
html[data-theme=dark] html[data-theme=dark] .taf-tools .tool{color:#33312b}
html[data-theme=dark] .ai-btn.alt{background:#827f75}
html[data-theme=dark] .ai-btn.line{border:1px solid #253753;color:#3c5eba}
html[data-theme=dark] .ai-btn.line:hover{background:#2d5bd7;color:#fff}
html[data-theme=dark] .ai-go{background:#2d5bd7 !important;color:#fff !important}
html[data-theme=dark] .ai-go:hover{background:#2148b0 !important}
html[data-theme=dark] .tc-go{background:#2e7d32 !important;color:#fff !important}
html[data-theme=dark] .tc-go:hover{background:#1b5e20 !important}
html[data-theme=dark] .taf-comments{background:#171717;border:1px solid #433b2a}
html[data-theme=dark] .taf-comments h2{color:#b0deb3;border-bottom:1px solid #433b2a}
html[data-theme=dark] .ai-toast{color:#b0deb3}
html[data-theme=dark] .ai-comments{background:#171717;border:1px solid #433b2a}
html[data-theme=dark] .ai-comments h2{color:#b0deb3;border-bottom:1px solid #433b2a}
html[data-theme=dark] .c-acts button.on{color:#b3dab5}
html[data-theme=dark] .c-form label{color:#a39f97}
html[data-theme=dark] .c-bottom canvas{border:1px solid #433b2a}
html[data-theme=dark] .c-refresh{background:#827f75;color:#fff}
html[data-theme=dark] .c-replying{color:#b0deb3}
html[data-theme=dark] .c-status .ok{background:#1d321f;color:#b0deb3}
html[data-theme=dark] .c-status .err{background:#34100c;color:#e3b1ab}
html[data-theme=dark] .c-bar{color:#a39f97}
html[data-theme=dark] .c-bar a{color:#3c5eba}
html[data-theme=dark] .c-bar a.on{color:#b0deb3}
html[data-theme=dark] .c-sum a{color:#dda5a0}
html[data-theme=dark] .comments .c-item{background:#2d2206;border:1px solid #433b2a}
html[data-theme=dark] .comments .c-item.child{background:#06132c}
html[data-theme=dark] .comments .c-item .c-head{background:#342d1a;color:#827f75;box-shadow:0 2px 4px rgba(227,227,227,.08)}
html[data-theme=dark] .comments .c-item .c-head b{color:#e3b1ab}
html[data-theme=dark] .c-item .c-head .c-w{color:#dda5a0}
html[data-theme=dark] .comments .c-item .c-acts button{background:#332407;border:1px solid #5e5034}
html[data-theme=dark] .comments .c-item .c-acts button.on{background:#1d321f;border-color:#577f59}
html[data-theme=dark] .c-item .c-acts span.n{color:#827f75}
html[data-theme=dark] .comments .c-item.hl{box-shadow:0 0 0 3px #a38217}
html[data-theme=dark] html[data-theme=dark] .comments .c-item{background:#c2c6cc;border-color:#adb3ba}
html[data-theme=dark] html[data-theme=dark] .comments .c-item.child{background:#b9c2d0}
html[data-theme=dark] html[data-theme=dark] .comments .c-item .c-head{background:#b7bbc3;color:#615d54}
html[data-theme=dark] html[data-theme=dark] .comments .c-item .c-acts button{background:#b7bbc3;border-color:#9da1a8;color:#33312b}
html[data-theme=dark] .site-ctl button,html[data-theme=dark] .site-ctl a.site-cont,html[data-theme=dark] .site-ctl .zpct{background:rgba(23,23,23,.18);color:#fff}
html[data-theme=dark] .site-ctl .zpct{background:rgba(23,23,23,.1)}
html[data-theme=dark] .site-ctl button:hover,html[data-theme=dark] .site-ctl a.site-cont:hover{background:rgba(23,23,23,.32)}
html[data-theme=dark] .site-ctl .pq-hs{background:rgba(23,23,23,.92)}
html[data-theme=dark] .site-ctl .pq-hs input{color:#cecece}
html[data-theme=dark] .site-ctl .pq-hs button{color:#b0deb3}
html[data-theme=dark] .site-ctl .pq-hs button:hover{background:rgba(227,227,227,.06)}
html[data-theme=dark] .pq-drop{background:#171717;color:#cecece;border:1px solid #433b2a;box-shadow:0 10px 30px rgba(227,227,227,.25)}
html[data-theme=dark] .pq-drop .x{background:#827f75;color:#fff}
html[data-theme=dark] .pq-sres h3{color:#b0deb3;border-bottom:1px solid #433b2a}
html[data-theme=dark] .pq-sres a.r{border:1px solid #37301f}
html[data-theme=dark] .pq-sres a.r:hover{background:#342d1a}
html[data-theme=dark] .pq-sres a.r b{color:#b0deb3}
html[data-theme=dark] .pq-sres .st{color:#a39f97}
html[data-theme=dark] .pq-flash{outline:3px solid #a38217}
html[data-theme=dark] html[data-theme=dark] .pq-drop{background:#c2c6cc;color:#33312b;border-color:#adb3ba}
html[data-theme=dark] html[data-theme=dark] .pq-sres a.r{border-color:#adb3ba}
html[data-theme=dark] html[data-theme=dark] .pq-sres a.r:hover{background:#b7bbc3}
html[data-theme=dark] .pq-modal{background:rgba(227,227,227,.45)}
html[data-theme=dark] .pq-dlg{background:#171717;color:#cecece;box-shadow:0 10px 40px rgba(227,227,227,.3)}
html[data-theme=dark] .pq-dlg h3{color:#b0deb3}
html[data-theme=dark] .pq-dlg label{color:#a39f97}
html[data-theme=dark] .pq-dlg input{border:1px solid #433b2a}
html[data-theme=dark] .pq-dlg button{background:#2e7d32;color:#fff}
html[data-theme=dark] .pq-dlg button.gray{background:#827f75}
html[data-theme=dark] .pq-dlg .tabs button{background:#433b2a;color:#bababa}
html[data-theme=dark] .pq-dlg .tabs button.on{background:#1b5e20;color:#fff}
html[data-theme=dark] .pq-dlg .msg{color:#e3b1ab}
html[data-theme=dark] .pq-dlg .ok{color:#b0deb3}
html[data-theme=dark] .pq-dlg small{color:#827f75}
html[data-theme=dark] .pq-bar{background:#37301f}
html[data-theme=dark] .pq-bar i{background:#43a047}
html[data-theme=dark] .site-ctl .pq-goal{color:#fff}
html[data-theme=dark] html[data-theme=dark] .pq-dlg{background:#c2c6cc;color:#33312b}
html[data-theme=dark] html[data-theme=dark] .pq-dlg input{background:#bec3c9;color:#33312b;border-color:#adb3ba}
html[data-theme=dark] html[data-theme=dark] .pq-bar{background:#adb3ba}
html[data-theme=dark] .oc-item.eid{border-color:#366038;background:#18271a}
html[data-theme=dark] .oc-item.mourn{border-color:#656565;background:#212121}
html[data-theme=dark] .oc-dua{color:#fff !important}
html[data-theme=dark] .oc-dua.maf{background:#b0948b}
html[data-theme=dark] .kh-x.del{color:#e3b1ab;border-color:#5a332d}
html[data-theme=dark] .kh-msg{color:#e3b1ab}
html[data-theme=dark] .kh-msg.ok{color:#b0deb3;background:#1d321f}
html[data-theme=dark] .kh-prog{background:#37301f}
html[data-theme=dark] .kh-prog i{background:#43a047}
html[data-theme=dark] .kh-j.taken{background:#3d3109;border-color:#806512}
html[data-theme=dark] .kh-j.done{background:#1d321f;border-color:#366038}
html[data-theme=dark] .kh-j.mine{box-shadow:0 0 0 2px #7dc081}
html[data-theme=dark] .kh-j button{color:#fff}
html[data-theme=dark] .kh-j button.lnk{color:#e3b1ab}
html[data-theme=dark] html[data-theme=dark] .oc-item.eid{background:#bfcfc1}
html[data-theme=dark] html[data-theme=dark] .oc-item.mourn{background:#c0c2c5}
html[data-theme=dark] html[data-theme=dark] .kh-j.taken{background:#d9d2b8}
html[data-theme=dark] html[data-theme=dark] .kh-j.done{background:#bfcfc1}
html[data-theme=dark] html[data-theme=dark] .kh-prog{background:#adb3ba}