.lecturePage{--color-pastel-grey:#b0b0b0;--color-classic-grey:#5c5c5c;--color-one-classic-rainbow:rgb(198,40,91);--color-two-classic-rainbow:rgb(109,40,168);--color-three-classic-rainbow:rgb(21,101,192);--color-four-classic-rainbow:rgb(46,125,50);--color-five-classic-rainbow:rgb(178,132,0);--color-six-classic-rainbow:rgb(230,81,0);--color-seven-classic-rainbow:rgb(183,28,28);--lecture-row-height:88px;--lecture-slot-gap:16px;--lecture-slot-padding:16px;--lecture-rainbow-gap:8px;--lecture-rainbow-border:4px;--lecture-rainbow-inset:calc(var(--lecture-rainbow-gap) + var(--lecture-rainbow-border));--lecture-panel-padding:10px;--lecture-shadow-spread:8px;--lecture-round-size:44px;--lecture-option-gap:8px;--lecture-option-padding:4px;--lecture-option-padding-inline:14px;--lecture-option-round-size:48px;--lecture-option-title-size:clamp(1.4rem,3.2vw,1.75rem);--lecture-option-title-line-height:1.9;--lecture-option-number-size:clamp(1.05rem,2.2vw,1.2rem);--lecture-scrollbar-width:20px;--lecture-verse-font-size:clamp(1.2rem,2.4vw,1.45rem);--lecture-verse-line-height:1.7;--lecture-verse-padding-block:6px;--lecture-verse-padding-inline:14px;--lecture-verse-rainbow-gap:6px;--lecture-verse-rainbow-border:3px;--lecture-verse-one-line-height:calc((2 * var(--lecture-verse-rainbow-gap)) + (2 * var(--lecture-verse-rainbow-border)) + (2 * var(--lecture-verse-padding-block)) + (var(--lecture-verse-font-size) * var(--lecture-verse-line-height)));--lecture-page-title-padding:20px;--lecture-page-title-font-size:1.5rem;--lecture-page-title-line-height:1.25;--lecture-page-title-block-height:calc(2 * var(--lecture-page-title-padding) + var(--lecture-page-title-font-size) * var(--lecture-page-title-line-height));--lecture-panel-shadow-visible:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light);--lecture-panel-shadow-hidden:inset 0 0 0 var(--color-neumorphism-shadow),inset 0 0 0 var(--color-neumorphism-light);position:relative;display:flex;flex-direction:column;gap:12px;width:100%;height:100%;min-height:0;margin:0;padding:0;box-sizing:border-box}[data-theme=light] .lecturePage{--color-pastel-pink:var(--color-one-classic-rainbow);--color-pastel-violet:var(--color-two-classic-rainbow);--color-pastel-blue:var(--color-three-classic-rainbow);--color-pastel-green:var(--color-four-classic-rainbow);--color-pastel-yellow:var(--color-five-classic-rainbow);--color-pastel-orange:var(--color-six-classic-rainbow);--color-pastel-red:var(--color-seven-classic-rainbow);--color-pastel-grey:var(--color-classic-grey);--color-rainbow-linear-x:linear-gradient(90deg,var(--color-one-classic-rainbow) 0%,var(--color-two-classic-rainbow) 15%,var(--color-three-classic-rainbow) 30%,var(--color-four-classic-rainbow) 45%,var(--color-five-classic-rainbow) 60%,var(--color-six-classic-rainbow) 75%,var(--color-seven-classic-rainbow) 100%)}@media (max-width:1024px){.lecturePage{--lecture-verse-rainbow-gap:5px;--lecture-verse-rainbow-border:3px;--lecture-verse-font-size:clamp(1.25rem,4.5vw,1.45rem);--lecture-verse-line-height:1.65;--lecture-verse-padding-block:4px;--lecture-verse-padding-inline:10px;--lecture-option-gap:6px;--lecture-option-padding:8px;--lecture-option-padding-inline:8px;--lecture-option-round-size:44px;--lecture-option-title-size:clamp(1.3rem,4vw,1.6rem);--lecture-option-number-size:clamp(1rem,3vw,1.15rem)}.lecturePage__toolbar{justify-content:space-between}}.lecturePage .mobilePageTitle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;max-width:100%;margin:0;box-sizing:border-box;min-height:var(--lecture-page-title-block-height);height:var(--lecture-page-title-block-height);padding:var(--lecture-page-title-padding);font-size:var(--lecture-page-title-font-size);line-height:var(--lecture-page-title-line-height);text-align:center}.lecturePage__body{position:relative;flex:1 1 auto;min-height:0;flex-direction:column}.lecturePage__body,.lecturePage__toolbar{width:100%;max-width:100%;display:flex;gap:var(--lecture-slot-gap);box-sizing:border-box}.lecturePage__toolbar{flex-direction:row;align-items:stretch;flex-shrink:0}.lecturePage__selectSlot{flex:1 1 auto;min-width:0}.lecturePage__selectSlot--compact{min-width:var(--lecture-row-height)}.lecturePage__selectSlot--compact,.lecturePage__squareBtn{flex:0 0 var(--lecture-row-height);width:var(--lecture-row-height)}.lecturePage__squareBtn{height:var(--lecture-row-height);display:inline-flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:20px;background-color:var(--color-background,var(--background));box-shadow:5px 5px 25px var(--color-neumorphism-shadow),-5px -5px 25px var(--color-neumorphism-light);color:var(--color-foreground,var(--foreground));cursor:pointer;box-sizing:border-box;transition:box-shadow .35s linear}.lecturePage__squareBtn:focus-visible,.lecturePage__squareBtn:hover{box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light)}.lecturePage__squareBtn--colorActive{box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light)}.lecturePage__squareBtnLabel{display:block;max-width:100%;font-family:var(--font-regular);font-size:clamp(.65rem,1.6vw,.8rem);font-weight:700;line-height:1.15;text-align:center;overflow-wrap:anywhere;user-select:none}.lectureToken{display:inline;margin:0;padding:0;letter-spacing:0;word-spacing:0}.lectureToken--pink{color:var(--color-pastel-pink)}.lectureToken--violet{color:var(--color-pastel-violet)}.lectureToken--blue{color:var(--color-pastel-blue)}.lectureToken--green{color:var(--color-pastel-green)}.lectureToken--yellow{color:var(--color-pastel-yellow)}.lectureToken--orange{color:var(--color-pastel-orange)}.lectureToken--red{color:var(--color-pastel-red)}.lectureToken--grey{color:var(--color-pastel-grey,var(--color-grey,#808080))}.lectureToken--rainbow{background-image:var(--color-rainbow-linear-x);-webkit-background-clip:text;background-clip:text;color:transparent}.lectureToken--auto{color:var(--color-foreground)}.lecturePage__wordGroup{display:inline;white-space:nowrap}.lecturePage__contentRow{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:10px;width:100%;max-width:100%;min-height:0;box-sizing:border-box}.lecturePage__contentRow[aria-hidden=true]{visibility:hidden;pointer-events:none}.lecturePage__content{flex:1;width:100%;max-width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:.25rem .25rem 1.5rem;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.lecturePage__content::-webkit-scrollbar{display:none}.lecturePage__error,.lecturePage__status{margin:0}.lecturePage__error{color:#b00020}.lecturePage__verses{display:flex;flex-direction:column;gap:10px}.lecturePage__verse{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin:0;padding:0;min-height:var(--lecture-verse-one-line-height);background:transparent;box-shadow:none;box-sizing:border-box;overflow:visible}.lecturePage__verseNumber,.lecturePage__verseText{position:relative;padding:var(--lecture-verse-rainbow-gap);border-radius:20px;background-color:var(--background);color:var(--foreground);box-sizing:border-box}.lecturePage__verseNumber:after,.lecturePage__verseText:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:2;box-shadow:5px 5px 25px var(--neumorphism-shadow),-5px -5px 25px var(--neumorphism-light);transition:box-shadow .5s linear}.lecturePage__verse:focus-within .lecturePage__verseNumber:after,.lecturePage__verse:focus-within .lecturePage__verseText:after,.lecturePage__verse:hover .lecturePage__verseNumber:after,.lecturePage__verse:hover .lecturePage__verseText:after{box-shadow:inset 5px 5px 10px var(--neumorphism-shadow),inset -5px -5px 10px var(--neumorphism-light)}.lecturePage__verseSurface{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:calc(20px - var(--lecture-verse-rainbow-gap));padding:var(--lecture-verse-rainbow-border);box-sizing:border-box}.lecturePage__verseSurface:before{width:200vmax;height:200vmax;border-radius:50%;opacity:0;transition:opacity .5s linear}.lecturePage__verseSurface:after,.lecturePage__verseSurface:before{z-index:0;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lecturePage__verseSurface:after{width:calc(100% - (2 * var(--lecture-verse-rainbow-border)));height:calc(100% - (2 * var(--lecture-verse-rainbow-border)));border-radius:calc(20px - var(--lecture-verse-rainbow-gap) - var(--lecture-verse-rainbow-border));background-color:var(--background)}.lecturePage__verse:focus-within .lecturePage__verseSurface:before,.lecturePage__verse:hover .lecturePage__verseSurface:before{background:var(--color-rainbow-conic);opacity:1;animation:surahSelect-rainbowRotate 2s linear,surahSelect-rainbowSpin 2s linear infinite;animation-delay:0s,2s}.lecturePage__verse--red{--lecture-verse-border-color:var(--color-pastel-red)}.lecturePage__verse--orange{--lecture-verse-border-color:var(--color-pastel-orange)}.lecturePage__verse--yellow{--lecture-verse-border-color:var(--color-pastel-yellow)}.lecturePage__verse--green{--lecture-verse-border-color:var(--color-pastel-green)}.lecturePage__verse--blue{--lecture-verse-border-color:var(--color-pastel-blue)}.lecturePage__verse--violet{--lecture-verse-border-color:var(--color-pastel-violet)}.lecturePage__verse--pink{--lecture-verse-border-color:var(--color-pastel-pink)}.lecturePage__verse--grey{--lecture-verse-border-color:var(--color-pastel-grey,var(--color-grey,#808080))}.lecturePage__verse[class*=lecturePage__verse--]{--lecture-verse-border-soft:color-mix(in srgb,var(--lecture-verse-border-color) 40%,var(--background));--lecture-verse-border-conic:conic-gradient(from 0deg,var(--lecture-verse-border-color) 0%,var(--lecture-verse-border-soft) 25%,var(--lecture-verse-border-color) 50%,var(--lecture-verse-border-soft) 75%,var(--lecture-verse-border-color) 100%)}.lecturePage__verse[class*=lecturePage__verse--] .lecturePage__verseSurface:before{background:var(--lecture-verse-border-conic);opacity:1;animation:none}.lecturePage__verse[class*=lecturePage__verse--]:focus-within .lecturePage__verseSurface:before,.lecturePage__verse[class*=lecturePage__verse--]:hover .lecturePage__verseSurface:before{background:var(--lecture-verse-border-conic);opacity:1;animation:surahSelect-rainbowSpin 2s linear infinite;animation-delay:0s}.lecturePage__verse[class*=lecturePage__verse--] .lecturePage__verseNumberLabel{color:var(--lecture-verse-border-color)}.lecturePage--colorAuto .lecturePage__verse:not([class*=lecturePage__verse--]){--lecture-verse-rainbow-gap:0px;--lecture-verse-rainbow-border:0px}.lecturePage--colorAuto .lecturePage__verse:not([class*=lecturePage__verse--]) .lecturePage__verseSurface:before,.lecturePage--colorAuto .lecturePage__verse:not([class*=lecturePage__verse--]):focus-within .lecturePage__verseSurface:before,.lecturePage--colorAuto .lecturePage__verse:not([class*=lecturePage__verse--]):hover .lecturePage__verseSurface:before{opacity:0;animation:none;background:none}.lecturePage__verseNumber{flex-shrink:0;display:flex;align-items:stretch;width:var(--lecture-verse-one-line-height);height:var(--lecture-verse-one-line-height);margin:0}.lecturePage__verseNumberLabel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:KFGQPC Uthman Taha Naskh,Traditional Arabic,serif;font-size:clamp(.95rem,2.2vw,1.15rem);line-height:1;user-select:none}.lecturePage__verseText{flex:1;display:flex;align-items:stretch;min-width:0;min-height:var(--lecture-verse-one-line-height);margin:0}.lecturePage__verseText .lecturePage__verseSurface{justify-content:flex-start;align-items:stretch}.lecturePage__verseTextInner{position:relative;z-index:1;flex:1;width:100%;margin:0;padding:var(--lecture-verse-padding-block) var(--lecture-verse-padding-inline);font-family:KFGQPC Uthman Taha Naskh,Traditional Arabic,serif;font-size:var(--lecture-verse-font-size);line-height:var(--lecture-verse-line-height);text-align:right;box-sizing:border-box}.lecturePage__empty{margin:2rem 0 0;text-align:center;opacity:.7}.lecturePage__verseBlock{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.lecturePage__verseMemo{cursor:pointer}.lecturePage__verseMemo:focus-visible{outline:2px solid var(--color-pastel-blue,#7eb8da);outline-offset:4px}.lecturePage__verseExpanded .lecturePage__verseNumber:after,.lecturePage__verseExpanded .lecturePage__verseText:after{box-shadow:inset 5px 5px 10px var(--neumorphism-shadow),inset -5px -5px 10px var(--neumorphism-light)}.lecturePage__memoCollapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--popup-transition-duration,.25s) ease,opacity var(--popup-transition-duration,.25s) ease}.lecturePage__memoCollapse--open{grid-template-rows:1fr;opacity:1}.lecturePage__memoCollapseInner{overflow:hidden;min-height:0}.lecturePage__memoPanel{display:flex;flex-direction:column;gap:12px;padding:14px 16px;color:var(--foreground)}.lecturePage__memoPanel,.lecturePage__memoVerseBlock,.lecturePage__memoWordsBlock{margin:0;border-radius:16px;background-color:var(--background);box-shadow:5px 5px 25px var(--neumorphism-shadow,var(--color-neumorphism-shadow)),-5px -5px 25px var(--neumorphism-light,var(--color-neumorphism-light));box-sizing:border-box}.lecturePage__memoVerseBlock,.lecturePage__memoWordsBlock{padding:12px}.lecturePage__memoVerseBlock{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}.lecturePage__memoWordsBlock{display:flex;flex-direction:column;gap:10px}.lecturePage__memoRow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch;margin:0;padding:0;box-sizing:border-box}.lecturePage__memoCell{display:flex;align-items:center;min-width:0;min-height:44px;padding:10px 12px;border-radius:14px;background-color:var(--background);box-shadow:5px 5px 25px var(--neumorphism-shadow,var(--color-neumorphism-shadow)),-5px -5px 25px var(--neumorphism-light,var(--color-neumorphism-light));box-sizing:border-box}.lecturePage__memoCell--arabic{font-family:KFGQPC Uthman Taha Naskh,Traditional Arabic,serif;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.7;justify-content:flex-end;text-align:right}.lecturePage__memoVerseBlock .lecturePage__memoCell{font-weight:700}.lecturePage__memoCell--color,.lecturePage__memoCell--sense{font-family:var(--font-regular);font-size:clamp(.85rem,1.8vw,.95rem);line-height:1.4}.lecturePage__memoCell--color{gap:8px}.lecturePage__memoSwatch{flex-shrink:0;width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--foreground) 25%,transparent)}.lecturePage__memoSwatch--red{background:var(--color-pastel-red)}.lecturePage__memoSwatch--orange{background:var(--color-pastel-orange)}.lecturePage__memoSwatch--yellow{background:var(--color-pastel-yellow)}.lecturePage__memoSwatch--green{background:var(--color-pastel-green)}.lecturePage__memoSwatch--blue{background:var(--color-pastel-blue)}.lecturePage__memoSwatch--violet{background:var(--color-pastel-violet)}.lecturePage__memoSwatch--pink{background:var(--color-pastel-pink)}.lecturePage__memoSwatch--grey{background:var(--color-pastel-grey,var(--color-grey,#808080))}.lecturePage__memoSwatch--rainbow{background:var(--color-rainbow-linear-x)}@media (max-width:1024px){.lecturePage__memoRow,.lecturePage__memoVerseBlock{grid-template-columns:1fr}.lecturePage__memoCell--arabic{justify-content:flex-end;text-align:right}}.surahSelect{flex-shrink:0;display:flex;flex-direction:column;width:100%;max-width:100%;color:var(--color-foreground);user-select:none;box-sizing:border-box;z-index:3}.surahSelect--compact{width:var(--lecture-row-height);max-width:var(--lecture-row-height)}.surahSelect-button{position:relative;display:flex;align-items:stretch;width:100%;max-width:100%;height:var(--lecture-row-height);flex-shrink:0;padding:var(--lecture-rainbow-gap);border:none;outline:none;cursor:pointer;background-color:var(--color-background,var(--background));box-sizing:border-box}.surahSelect-button--compact{width:var(--lecture-row-height);max-width:var(--lecture-row-height);border-radius:20px}.surahSelect-button:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:2;box-shadow:5px 5px 25px var(--color-neumorphism-shadow),-5px -5px 25px var(--color-neumorphism-light);transition:box-shadow .5s linear}.surahSelect-button--active:after,.surahSelect-button:focus-visible:after,.surahSelect-button:hover:after{box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light)}.surahSelect-border{position:relative;display:flex;align-items:stretch;flex:1;min-height:0;overflow:hidden;border-radius:calc(20px - var(--lecture-rainbow-gap));padding:var(--lecture-rainbow-border);box-sizing:border-box}.surahSelect-border:before{width:200vmax;height:200vmax;border-radius:50%;opacity:0;transition:opacity .5s linear}.surahSelect-border:after,.surahSelect-border:before{z-index:0;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.surahSelect-border:after{width:calc(100% - (2 * var(--lecture-rainbow-border)));height:calc(100% - (2 * var(--lecture-rainbow-border)));border-radius:calc(20px - var(--lecture-rainbow-gap) - var(--lecture-rainbow-border));background-color:var(--color-background,var(--background))}.surahSelect-button--active .surahSelect-border:before,.surahSelect-button:focus-visible .surahSelect-border:before,.surahSelect-button:hover .surahSelect-border:before{background:var(--color-rainbow-conic);opacity:1;animation:surahSelect-rainbowRotate 2s linear,surahSelect-rainbowSpin 2s linear infinite;animation-delay:0s,2s}.surahSelect-inner{position:relative;z-index:1;display:flex;align-items:center;width:100%;min-height:calc(var(--lecture-row-height) - (2 * var(--lecture-rainbow-inset)));padding-block:calc(var(--lecture-slot-padding) - var(--lecture-rainbow-inset));padding-inline:var(--lecture-option-padding-inline);box-sizing:border-box;color:var(--color-foreground,var(--foreground));font-family:var(--font-regular);font-weight:700;font-size:clamp(1rem,2.5vw,1.25rem);overflow:visible}.surahSelect-inner--compact{justify-content:center;padding:0}.surahSelect-row{display:grid;grid-template-columns:var(--lecture-round-size) minmax(0,1fr) var(
      --lecture-round-size
    );column-gap:var(--lecture-slot-gap);align-items:center;width:100%;min-width:0;min-height:100%}.surahSelect-title{min-width:0;padding-block:.35em;text-align:center;white-space:nowrap;overflow-x:clip;overflow-y:visible;text-overflow:ellipsis;font-family:KFGQPC Uthman Taha Naskh,Traditional Arabic,serif;font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:400;line-height:2}.surahSelect-title--placeholder{font-family:var(--font-regular);font-size:clamp(1rem,2.4vw,1.25rem);font-weight:700;opacity:.75}.surahSelect-round{position:relative;z-index:0;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--lecture-round-size);height:var(--lecture-round-size);border-radius:50%;box-shadow:5px 5px 10px var(--color-neumorphism-shadow),-5px -5px 10px var(--color-neumorphism-light);box-sizing:border-box;pointer-events:none;transition:transform .5s linear,box-shadow .5s linear}.surahSelect-round--empty{visibility:hidden}.surahSelect-round:before{width:calc(100% - 10px);height:calc(100% - 10px);background:transparent;opacity:0;transition:opacity .5s linear}.surahSelect-round:after,.surahSelect-round:before{z-index:-1;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.surahSelect-round:after{width:calc(100% - 15px);height:calc(100% - 15px);background-color:var(--color-background,var(--background))}.surahSelect-button--active .surahSelect-round:not(.surahSelect-round--empty),.surahSelect-button:focus-visible .surahSelect-round:not(.surahSelect-round--empty),.surahSelect-button:hover .surahSelect-round:not(.surahSelect-round--empty),.surahSelect-optionShell--selected .surahSelect-round,.surahSelect-optionShell:focus-within .surahSelect-round,.surahSelect-optionShell:hover .surahSelect-round{transform:scale(.9);box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light)}.surahSelect-button--active .surahSelect-round:not(.surahSelect-round--empty):before,.surahSelect-button:focus-visible .surahSelect-round:not(.surahSelect-round--empty):before,.surahSelect-button:hover .surahSelect-round:not(.surahSelect-round--empty):before,.surahSelect-optionShell--selected .surahSelect-round:before,.surahSelect-optionShell:focus-within .surahSelect-round:before,.surahSelect-optionShell:hover .surahSelect-round:before{background:var(--color-rainbow-conic);opacity:1;animation:surahSelect-rainbowRotate 2s linear,surahSelect-rainbowSpin 2s linear infinite;animation-delay:0s,2s}.surahSelect-roundLabel{position:relative;z-index:1;display:block;font-family:KFGQPC Uthman Taha Naskh,Traditional Arabic,serif;font-size:clamp(1.1rem,2.4vw,1.3rem);font-weight:400;line-height:1;color:var(--color-foreground,var(--foreground));user-select:none}.surahSelect-panel{flex:0 0 0;min-height:0;border-radius:20px;overflow:hidden;background-color:var(--color-background,var(--background));box-shadow:var(--lecture-panel-shadow-hidden);box-sizing:border-box;visibility:hidden;opacity:0;pointer-events:none}.lecturePage__body .surahSelect-panel.surahSelect-panel--hidden.popupPanel--closing,.lecturePage__body .surahSelect-panel.surahSelect-panel--visible{position:absolute;top:calc(var(--lecture-row-height) + var(--lecture-slot-gap));left:0;right:0;bottom:0;z-index:2}.surahSelect-panel.surahSelect-panel--visible{visibility:visible;opacity:1;pointer-events:auto;box-shadow:var(--lecture-panel-shadow-visible);animation:surahSelect-panelShadowIn var(--popup-transition-duration,.25s) linear both,popupPanelOpacityIn var(--popup-transition-duration,.25s) linear both}.surahSelect-panel.surahSelect-panel--hidden{visibility:hidden;opacity:0;pointer-events:none}.surahSelect-panel.surahSelect-panel--hidden.popupPanel--closing{pointer-events:none;visibility:visible;opacity:1;animation:surahSelect-panelShadowOut var(--popup-transition-duration,.25s) linear forwards,popupPanelOpacityOut var(--popup-transition-duration,.25s) linear forwards}.surahSelect-panelBody{padding:var(--lecture-panel-padding)}.surahSelect-list,.surahSelect-panelBody{height:100%;min-height:0;box-sizing:border-box}.surahSelect-list{display:flex;flex-direction:column;gap:var(--lecture-option-gap);padding:var(--lecture-shadow-spread);overflow-y:auto;scrollbar-width:none}.surahSelect-list::-webkit-scrollbar{display:none}.surahSelect-optionShell{flex:0 0 auto;height:auto;overflow:visible;border-radius:16px;background-color:var(--color-background,var(--background));box-shadow:5px 5px 25px var(--color-neumorphism-shadow),-5px -5px 25px var(--color-neumorphism-light);transition:box-shadow .5s linear;box-sizing:border-box}.surahSelect-optionShell--selected,.surahSelect-optionShell:focus-within,.surahSelect-optionShell:hover{box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light)}.surahSelect-option{display:flex;align-items:center;width:100%;height:auto;min-height:calc(var(--lecture-option-round-size) + (2 * var(--lecture-option-padding)));padding:var(--lecture-option-padding) var(--lecture-option-padding-inline);border:none;border-radius:16px;background:transparent;cursor:pointer;box-sizing:border-box;color:var(--color-foreground,var(--foreground));overflow:visible}.surahSelect-option .surahSelect-row{--lecture-round-size:var(--lecture-option-round-size);width:100%;min-height:var(--lecture-option-round-size);column-gap:10px;overflow:visible}.surahSelect-option .surahSelect-title{padding-block:.25em;font-size:var(--lecture-option-title-size);line-height:var(--lecture-option-title-line-height);white-space:nowrap;overflow:visible;overflow-x:visible;overflow-y:visible;text-overflow:clip}.surahSelect-option .surahSelect-round{overflow:visible;flex-shrink:0}.surahSelect-option .surahSelect-roundLabel{font-size:var(--lecture-option-number-size);white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:0}@keyframes surahSelect-rainbowRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes surahSelect-rainbowSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes surahSelect-panelShadowIn{0%{box-shadow:var(--lecture-panel-shadow-hidden)}to{box-shadow:var(--lecture-panel-shadow-visible)}}@keyframes surahSelect-panelShadowOut{0%{box-shadow:var(--lecture-panel-shadow-visible)}to{box-shadow:var(--lecture-panel-shadow-hidden)}}.lectureScrollbar{flex-shrink:0;align-self:stretch;width:var(--lecture-scrollbar-width);min-height:0;display:flex;justify-content:center;padding:5px 0;box-sizing:border-box}.lectureScrollbar-track{height:100%;background:var(--color-background,var(--background));border-radius:10px;box-shadow:inset 5px 5px 10px var(--color-neumorphism-shadow),inset -5px -5px 10px var(--color-neumorphism-light);padding:5px;position:relative;cursor:pointer}.lectureScrollbar-thumb,.lectureScrollbar-track{width:var(--lecture-scrollbar-width);min-height:60px;box-sizing:border-box}.lectureScrollbar-thumb{position:absolute;left:0;top:0;border:5px solid var(--color-background,var(--background));border-radius:20px;box-shadow:0 0 10px var(--color-neumorphism-shadow);cursor:grab;transition:box-shadow .5s linear;overflow:hidden}.lectureScrollbar-thumb:before{content:"";position:absolute;inset:0;border-radius:15px;background:var(--color-rainbow-linear-y);filter:blur(1px)}.lectureScrollbar-thumb:hover{box-shadow:0 0 14px var(--color-neumorphism-shadow)}.lectureScrollbar-thumb:active{cursor:grabbing;box-shadow:0 0 18px var(--color-neumorphism-shadow)}.lectureScrollbar--inactive .lectureScrollbar-track{cursor:default;pointer-events:none}.lectureScrollbar--inactive .lectureScrollbar-thumb{cursor:default;box-shadow:none}.lectureScrollbar--inactive .lectureScrollbar-thumb:before{background:color-mix(in srgb,var(--color-foreground,var(--foreground,#f0f0f0)) 32%,var(--color-background,var(--background,#141414)));filter:none}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/fonts/KFGQPC-Uthman-Taha-Naskh-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KFGQPC Uthman Taha Naskh;src:url(/fonts/NotoNaskhArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+06d6-06ed}