/* made by scripts/dark.py from the light stylesheets; do not edit by hand */
/* style.css */
:root{--bg:#151b22;--paper:#1e262f;--ink:#e1e8ef;--muted:#a3b3c2;--blue:#80adcd;--line:#2a333a;--accent:#bb7386}
::selection{background:#25353e;color:#e1e8ef}
:focus-visible{outline:3px solid #c86484}
.skip-link{background:#1e262f}
.install-app{border:1px solid #402a31;background:#2f1d22}
.install-app:hover{background:#372329}
.title-flourish{stroke:#8b5467}
.hero-stats i{background:#647a8c}
.photo-frame{background:#1e262f;box-shadow:0 6px 18px #0000000c}
.photo-frame:after{border:1px solid #536f84}
.search-field{border:1px solid #304556;box-shadow:0 4px 14px #00000003}
.search-field:focus-within{box-shadow:0 0 0 3px #00000015}
.search-field input::placeholder{color:#7c8fa1}
.index-link:hover,.index-link[aria-current="true"]{background:#222c35;color:#88b5d8}
.subject-number{color:#738899}
.toggle-icon{background:#1f282f}
.level-group{--level-ink:#8cabc1;--level-bg:#22282d}
.level-beginner{--level-ink:#97d5bc;--level-bg:#223028}
.level-intensive{--level-ink:#75aeda;--level-bg:#162436}
.level-intermediate{--level-ink:#e6b575;--level-bg:#3e3017}
.level-advanced{--level-ink:#be7da8;--level-bg:#2e202d}
.course-family{border-bottom:1px solid #252c31}
:root{--tree:#475f73}
.course{border-bottom:1px solid #252c31}
.platform-link:hover{box-shadow:0 2px 6px #00000014}
.platform-link.soundcloud{--platform-ink:#ed9164;--platform-bg:#362010;--platform-border:#4a3427}
.platform-link.youtube{--platform-ink:#d25d66;--platform-bg:#340f12;--platform-border:#44272c}
.platform-link.drive{--platform-ink:#84b8d5;--platform-bg:#1a2831;--platform-border:#2d3d46}
.platform-link.audio{--platform-ink:#8eceb0;--platform-bg:#1f2e24;--platform-border:#334439}
.empty-state{background:#1e262f}
.empty-state svg{stroke:#5c7a91}
.empty-state button{background:#202b33;border:1px solid #2a4153}
footer>svg{stroke:#536b7c}
@media (max-width:650px){.index-link{background:#212932;border:1px solid #29323b}}
.subject-number{color:#7e93a6}
@media (max-width:650px){.mobile-jump select{background:#1e262f;border:1px solid #304556}}
.share-course{border:1px dashed #2d4050}
.share-course:hover{background:#19232b}
@keyframes target-glow{0%,40%{background:#321f25;box-shadow:0 0 0 8px #000000}}
.toast{color:#1e262f;box-shadow:0 10px 30px #00000030}
.player-speed{background:#2f1d22;border:1px solid #402a31}
.player-speed:hover{background:#372329}
.platform-link.is-playing{color:#1e262f}
.platform-link.is-playing svg rect,.platform-link.is-playing svg path[fill]:not([fill="white"]){fill:#1e262f}
.player{border:1px solid #2d4050;box-shadow:0 18px 50px #0000001f,0 2px 8px #00000014}
.player:before{background:linear-gradient(to left,var(--accent),#8b5467 60%,transparent)}
.player-bar:before{background:#2b3e4f}
.player-bar:hover:before{background:#455e72}
.player.is-moved{box-shadow:0 24px 60px #00000030,0 2px 10px #0000001a}
.player-open,.player-size{background:#1f282f;border:1px solid #2a363e}
.player-open:hover,.player-size:hover{background:#232e36}
.player-close:hover{background:#1f282f}
.player-frame iframe{background:#1f272e}
.player-resize{background:linear-gradient(45deg,transparent 0 30%,#455e72 30% 36%,transparent 36% 50%,#455e72 50% 56%,transparent 56% 70%,#455e72 70% 76%,transparent 76%) no-repeat}
.lesson-steps button{border:1px solid #2a363e;background:#1f282f}
.lesson-steps button:hover:not(:disabled){background:#232e36}
.lesson-steps .lesson-toggle{background:#2f1d22;border-color:#402a31}
.lesson-steps .lesson-toggle[aria-expanded="true"]{color:#1e262f}
.lesson-list{background:#1b2127}
.lesson-list button:hover{background:#212932}
.lesson-list button[aria-current="true"]{background:#321f25}
.course-cover{background:#bbcdc7;box-shadow:0 1px 2px #00000018,0 6px 16px -6px #00000040}
@media (max-width:650px){.index-link[aria-current="true"]{background:#222c35;border-color:#304556}.index-fab{border:1px solid #304556;box-shadow:0 6px 18px #00000022}}
.about-sheikh img{box-shadow:0 2px 10px #00000022}
.about-books img,.book-blank{box-shadow:0 1px 2px #00000018,0 6px 16px -6px #00000040;background:#212932}
footer>a.footer-contact{border:1px solid #2b4960;background:#1d2932}
footer>a.footer-contact:hover{background:#21313c}
.course-intro{background:#271b1e}
.course-intro summary:before{color:#1e262f}
.boards-form select,.boards-form input,.boards-form textarea{background:#191f24;border:1px solid #304556}
.boards-files button{border:1px solid #304556;background:#1e262f}
.boards-send button{color:#1e262f}
.player-board{background:#2f1d22;border:1px solid #402a31}
.player-board:hover{background:#372329}
.board-view::backdrop{background:#000000b3}
.board-view-bar button{background:#1f282f}
.board-view-photos img{background:#20272d}
.platform-link.text{--platform-ink:#cdbb9d;--platform-bg:#342c1a;--platform-border:#5f4a1f}
.course-boards{border:1px solid #2b4960;background:#1d2932}
.course-boards:hover{background:#21313c}
.board-viewer-bar button,.board-viewer-bar a{border:1px solid #304556;background:#1e262f}
#board-photo{background:#20272d}
.board-step{background:#1c1c1ce0;box-shadow:0 1px 6px #00000033}
.board-gallery img{background:#20272d}
.platform-progress{color:#8ecfa7}
.platform-link.is-playing .platform-progress{color:#1e262f}
.lesson-list .lesson-check{color:#3e5160}
.lesson-list .lesson-check[aria-pressed="true"]{color:#7ed0a0}
.lesson-here{color:#eec57b;background:#3b2f15;border:1px solid #816119}
.lesson-steps .lesson-done[aria-pressed="true"]{background:#223227;border-color:#31593e;color:#8ecfa7}
.player-resume{border:1px solid #816119;background:#3b2f15;color:#eec57b}
.player-resume:hover{background:#47391b}
.subject summary.family-heading{background:#1b242b;border:1px solid #2c3841}
.subject summary.family-heading:hover{background:#1f2a31;border-color:#2d465a}
.course-family[open]>summary.family-heading{background:#1f2a31}
.family-icon{background:#1e262f;border:1px solid #2c3841}
.family-more{color:#1e262f}
.course-family[open] .family-more{background:#1e262f;border-color:#304556}
.now-card{box-shadow:0 2px 10px #0000000d}
.now-strip{color:#1e262f}
.now-live,.now-soon{background:#1e262f}
.now-live{color:#d83f3f}
.now-live i{background:#d7201c}
.now-soon{color:#ecba6e}
@keyframes now-blink{0%,100%{box-shadow:0 0 0 0 #00000099}50%{box-shadow:0 0 0 5px #00000000}}
.now-cover{background:#b0becb;color:#927310}
.now-post{background:#151b22}
.now-book{background:#6cdf9d;color:#1e262f}
.now-book:hover{background:#81e5aa}
.cp-cover{box-shadow:0 4px 14px #0000001f}
.cp-play{color:#1e262f}
.bp-num{background:#2f2024}
.bp-years button[aria-pressed="true"]{color:#1e262f}
.bp-list a:hover{border-color:#2d4354;box-shadow:0 2px 8px #00000014}
/* plan.css */
.stage-0{--c:#bb7386}
.stage-1{--c:#626cb7}
.stage-2{--c:#7fcf8c}
.stage-3{--c:#e58740}
.stage-4{--c:#a969c4}
.stage-5{--c:#ce4c73}
.lane-fiqh{--c:#7fcf8c}
.lane-aqida{--c:#499ae2}
[class*=stage-],.lane{--tint:color-mix(in srgb,var(--c) 9%,#1e262f);--soft:color-mix(in srgb,var(--c) 22%,#1e262f)}
.plan-hero{background:linear-gradient(120deg,#181e31,#213124 45%,#392816 75%,#311d25)}
.plan-kicker{color:#1e262f}
.stage-icon{color:#1e262f}
.stage-count{background:#1e262f}
.stage-2 .stage-banner{background:linear-gradient(270deg,#233226,#1b2a39)}
.stage-2 .stage-icon{background:linear-gradient(135deg,#7fcf8c,#499ae2)}
.pace button[aria-pressed=true] svg{stroke:#1e262f}
.plan-course{box-shadow:0 1px 2px #00000010,0 8px 20px -14px #00000040}
.plan-course:hover{box-shadow:0 1px 2px #00000010,0 12px 26px -12px color-mix(in srgb,var(--c) 45%,transparent)}
.plan-cover{box-shadow:0 4px 10px -4px #00000050}
.plan-tag{background:#3e3017;color:#e6b575;border:1px solid #6c4f16}
.plan-done{background:#151b22}
.plan-course.is-done{background:linear-gradient(90deg,#1e262f,var(--tint))}
.plan-course.is-done .plan-done{color:#1e262f}
.plan-course.is-done .plan-done input{accent-color:#1e262f}
.plan-books a{background:#1e262f;box-shadow:0 1px 3px #00000020}
.plan-section-link{color:#1e262f}
.plan-index{box-shadow:0 10px 30px -18px #00000060}
.plan-meter{background:#232b32}
#plan-meter-fill{background:linear-gradient(90deg,#626cb7,#7fcf8c,#e58740,#a969c4,#ce4c73)}
.plan-index li.is-current a b,.plan-index li.is-complete a b{color:#1e262f}
.plan-resume{color:#1e262f}
.plan-box{box-shadow:0 1px 2px #00000010}
.plan-list a{background:#1a2028}
.plan-list a:hover{background:#1d262f}
.plan-list-cover.is-blank{background:#1d262f url(assets/favicon.svg) center/22px no-repeat}
/* qa.css */
.qa-group h2{background:#1f2932}
.qa-item{box-shadow:0 1px 2px #00000010}
.qa-q b{background:#1d262f}
.qa-a b{background:#2e2026}
.qa-video{border:1px solid #44272c;background:#340f12;color:#d25d66}
:root{color-scheme:dark}