body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;margin:0;min-height:100vh;overflow-x:hidden;margin-top:7vh;color-scheme:dark light}.text-link{background:none;border:none;color:var(--accent-link, #6b7f5e);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;margin:0}.dark-text-link{color:var(--accent-link, #90caf9)}.dark{background-color:#242526;color:#e7e9eae7}::-webkit-scrollbar-track{background-color:#e8e5de}.title{margin:2vh 10px 12px}@media (max-width: 600px){.title{margin:1vh 10px 1.5vh}}@media screen and (min-width: 768px) and (max-width: 1158px) and (min-height: 1024px) and (max-height: 1400px) and (orientation: portrait){.title{margin:4.5vh 10px 10px}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}#end-of-chapter{background:none;border:none;color:#adabab;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;margin:10px 0}.bottom-button-div{gap:8vw;display:flex;justify-content:center}.left-header-div{margin-right:22vh}@media (max-width: 600px){.left-header-div{margin-right:12vh}}.light{color-scheme:light;background-color:#f0ede6;color:#3b3a37}.selector-container{margin-top:32px}@font-face{font-family:v2;src:local("v2"),url(/fonts/v2/woff2/p1.woff2) format("woff2"),url(/fonts/v2/woff/p1.woff) format("woff"),url(/fonts/v2/ttf/p1.ttf) format("truetype")}@font-face{font-family:uthmanic;src:url(/assets/UthmaniHafs-DzyNXAfk.woff) format("woff")}.verse-container{margin:0 auto}.verse{position:relative;border-radius:12px;background-color:transparent;box-shadow:inset 0 0 0 1px transparent;transition:background-color .35s ease,box-shadow .35s ease}.verseText{transition:opacity .35s ease,filter .35s ease}.verse-hidden{cursor:pointer;user-select:none;background-color:var(--accent-selection-bg, rgba(107, 127, 94, .04));box-shadow:inset 0 0 0 1px var(--accent-selection-outline, rgba(107, 127, 94, .25))}.verse-hidden .verseText{filter:blur(10px);opacity:.45!important}.verse-hidden.verse-on-dark .verseText{opacity:.55!important}.verse-hidden:focus-visible{outline:2px solid var(--accent-link, #6b7f5e);outline-offset:2px}.reveal-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-family:Inter,Roboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:.2px;white-space:nowrap;color:var(--accent-link, #6b7f5e);background-color:#f7f5f0d9;box-shadow:0 1px 4px #00000014,inset 0 0 0 1px var(--accent-selection-outline, rgba(107, 127, 94, .25));pointer-events:none;opacity:0;transition:opacity .25s ease,transform .2s ease}.verse-hidden .reveal-hint{opacity:1}.verse-on-dark .reveal-hint{background-color:#242526d9;box-shadow:0 1px 4px #0000004d,inset 0 0 0 1px var(--accent-selection-outline, rgba(144, 202, 249, .25))}.verse-hidden:hover .reveal-hint{transform:translate(-50%,-50%) scale(1.04)}@media (prefers-reduced-motion: reduce){.verse,.verseText,.reveal-hint{transition:none}}.verse{letter-spacing:0px!important}@media (min-width: 1024px){.verse{font-size:36px}.verseText{margin:15px}}@media (min-width: 1600px){.verse{font-size:40px}.verseText{margin:15px}}@media (max-width: 1024px){.verse{font-size:max(3.5vw,3.5vh)}.verseText{margin:15px}}@media (max-width: 600px){.verse{font-size:4vh}.verseText{margin:10px}.resultDialog{font-size:2vh}}.verse-container{margin:0 auto;border-top:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf;width:77%;flex-grow:1}.selected.dark{box-shadow:0 0 0 3px var(--accent-selection-shadow, rgba(100, 100, 255, .1));outline:1px solid var(--accent-selection-outline, rgba(100, 100, 255, .2));background-color:var(--accent-selection-bg, #05050546)}.selected.light{box-shadow:0 0 0 3px var(--accent-selection-shadow, rgba(107, 127, 94, .12));outline:1px solid var(--accent-selection-outline, rgba(107, 127, 94, .25));background-color:var(--accent-selection-bg, rgba(107, 127, 94, .04))}#expand-div{position:absolute;left:100%}@media (max-width: 1224px){.verse-container{width:85%}}@media (max-width: 500px){.verse-container{width:92%;line-height:1.75}.verse-container button{min-width:50px!important}}.bottom-bar{display:flex;flex-direction:row;position:fixed;bottom:0;left:0;width:100%;background-color:transparent;padding:7px;text-align:center;justify-content:center;align-items:center}@media (max-width: 601px){.bottom-bar{padding-top:5px}.MuiStack-root.css-m69qwo-MuiStack-root{margin-top:8px!important}}.dark{background-color:#121212;box-shadow:0 2px 20px -1px #0000004d,0 4px 15px #00000024,0 1px 10px #0000001f;background-image:linear-gradient(#ffffff17,#ffffff17);backdrop-filter:blur(10px)}.light{background-color:#f7f5f0;box-shadow:0 -1px 6px #0000000d}.bottom-bar volume{margin:auto;align-items:center}.timeline-slider{width:250px}.volume-slider{width:150px}@media (width < 1000px){.timeline-slider{width:200px}.volume-slider{width:100px}}@media (width < 750px){.timeline-slider{width:150px}.volume-slider{width:80px}}@media (width < 550px){.timeline-slider{width:80px}}.mode-toggle{display:flex;align-items:center;align-self:center;gap:2px;flex-shrink:0}.mode-icon{cursor:pointer;opacity:.35;transition:opacity .2s ease}.mode-icon.active{opacity:1}.verse-selector{--selector-border: color-mix(in srgb, currentColor 20%, transparent);width:100%;max-width:760px;margin:0 auto;padding:0 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px}.verse-selector-main{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.selection-summary{flex:1 1 280px;min-width:0;min-height:48px;display:flex;align-items:center;gap:8px;padding:4px 8px 4px 14px;border:1px solid var(--selector-border);border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.selection-summary:hover,.selection-summary.open{border-color:var(--accent-link)}.selection-summary-text{flex:1;min-width:0;display:flex;flex-direction:column}.selection-summary-title{font-size:15px;font-weight:500}.selection-summary-title.empty{font-weight:400;opacity:.6}.selection-summary-list{font-size:12.5px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-summary-chevron{opacity:.6;transition:transform .2s ease}.selection-summary.open .selection-summary-chevron{transform:rotate(180deg)}.verse-selector-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.selection-editor-panel{margin-top:8px;padding:10px;border:1px solid var(--selector-border);border-radius:8px}.selection-editor{display:flex;flex-direction:column;gap:8px}.selection-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 140px 32px;align-items:center;gap:8px}.selection-end{display:flex;align-items:center;gap:4px;min-width:0}.selection-end-label{font-size:13px;opacity:.55;white-space:nowrap}.selection-end-select{flex:1;min-width:0}.selection-end-add.MuiButton-root{text-transform:none;opacity:.55}.selection-add-row{opacity:.85}.verses-button.MuiButton-root{width:140px;border-radius:999px;justify-content:space-between;padding:4px 12px;text-transform:none}.verses-count{width:140px;text-align:center;font-size:12px;opacity:.5}.verses-popover{width:300px;padding:12px 16px;box-sizing:border-box}.verses-popover-header{display:flex;justify-content:space-between;align-items:baseline}.verses-popover-header span{font-size:13px;opacity:.8}.verses-popover-fields{display:flex;align-items:center;gap:8px}.selection-editor-footer{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}.sets-bar{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.sets-save-form{display:inline-flex;align-items:center;gap:6px}@media (max-width: 600px){.verse-selector-actions{width:100%;justify-content:space-between}.selection-row{grid-template-columns:minmax(0,1fr) auto 32px;padding-bottom:8px;border-bottom:1px solid var(--selector-border)}.selection-row .selection-start{grid-column:1 / 3}.selection-row .selection-end{grid-row:2;grid-column:1}.selection-row .verses-button,.selection-row .verses-count{grid-row:2;grid-column:2 / 4;justify-self:end}.verses-count{width:auto;padding-right:8px}.selection-add-row{border-bottom:none;padding-bottom:0}}.bottom-div{display:flex;justify-content:center;align-items:center;margin:auto;left:0;bottom:5px;width:100%}.question-text{font-size:20px;font-family:Roboto,sans-serif}.App-link{color:#61dafb}::-webkit-scrollbar{width:12px}html,body{scroll-behavior:smooth}::-webkit-scrollbar-thumb{background-color:#a5a2a2da;border-radius:6px;min-height:50px}::-webkit-scrollbar-track{background-color:#f2f2f2}.light{background-color:#f0ede6;color:#3b3a37}@media (max-width: 600px){.resultAccordion .verseText{margin-left:0;margin-right:0;font-size:.83em}.resultAccordion .MuiAccordionDetails-root{padding-left:8px;padding-right:10px}.MuiDialogContent-root{padding-left:14px;padding-right:12px}}.outerTestResultsDiv{min-height:85vh;max-width:96.7%;display:flex;margin-top:9vh;margin-left:20px;margin-right:20px;margin-bottom:20px;flex-direction:column;justify-content:flex-start}.outerTestResultsDiv .MuiAccordion-root{box-shadow:0 2px 5px #000c}.correctAnswersDiv{margin-bottom:15px}.about-page{max-width:700px;margin:80px auto 40px;padding:0 24px;line-height:1.8}.about-page h1,.about-page p{margin-bottom:16px}.testDialogContent{--selector-border: color-mix(in srgb, currentColor 15%, transparent)}.testDialogContent .sets-bar{margin-bottom:16px}.test-dialog-caption{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;opacity:.6}.test-dialog-questions{display:flex;align-items:center;gap:12px;margin-top:16px}.test-dialog-actions.MuiDialogActions-root{padding:8px 16px 12px}.test-dialog-actions-left{display:flex;align-items:center;gap:4px;margin-right:auto}@media screen and (max-width: 600px){.test-dialog-actions.MuiDialogActions-root{flex-wrap:wrap;row-gap:8px}.test-dialog-actions-left{width:100%}}.box{width:400px}@media (max-width: 850px){.box{width:250px}}@media (max-width: 600px){.box{width:150px}}.trackerContainer{min-height:85vh;max-width:96.7%;display:flex;margin-top:9vh;margin-left:20px;margin-right:20px;margin-bottom:20px;flex-direction:column;justify-content:flex-start;gap:20px}.legend{display:flex;flex-direction:row;gap:10px;span{display:flex;align-items:center;gap:5px}}.juzSection{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--border-color, #ccc)}.juzSection h2{margin:0;font-size:1.3em;font-weight:600}.chaptersContainer{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;width:auto;gap:10px}.chapterContainer{position:relative;display:inline-block}.chapterGrid{border:1px solid black;display:flex;flex-wrap:wrap;max-width:400px;align-content:flex-start;position:absolute;background-color:#fff;z-index:10;margin-top:0;top:120%;left:0}.chapterName{border:1px solid black;padding:10px;flex-wrap:wrap;width:20vw;position:relative;display:inline-block}.circle{border-radius:50%;border:1px solid black;height:30px;width:30px;text-align:center;display:flex;align-items:center;justify-content:center;margin:4px;font-size:12px}.circle.highlighted{border:2.5px solid black;box-shadow:0 2px 4px #00000026,0 4px 8px #00000040,0 8px 16px #0003}.versesHoverableGrid{border:1px solid black;display:flex;flex-wrap:wrap;max-width:400px;width:70vw;align-content:flex-start;position:absolute;background-color:#fff;z-index:10;margin-top:0;top:120%;left:0}.changeStatusGrid{border:1px solid black;display:flex;flex-direction:row;max-width:400px;align-content:flex-start;position:absolute;background-color:#fff;z-index:10;margin-top:0;top:105%;left:0}.class-loading{margin-top:48px;opacity:.6}