.light{background-color:#fcf5e5;color:#fff}.dark{background-color:#262c3c;color:#000}.hamburger-btn{color:#fff}.overlay{z-index:500000}.closeBtn{position:sticky;margin-left:390px;font-size:50px;z-index:750000}.newCloseBtn{margin-left:84%}.homeBtn,.newCloseBtn{color:#fff;font-size:3vh;cursor:pointer}.sidenav{z-index:20000;position:fixed;z-index:1000000;top:0;left:0;transform-origin:left center;transform:translateX(-100%)}.sidenav,.SidenavLandingPage{font-family:"Quicksand",sans-serif;max-width:100%;overflow:hidden;width:100%;height:100%;background-color:#fff}.SidenavLandingPage{z-index:20000;position:absolute;transform-origin:left center}.sideNavContainer{position:absolute;width:100%;height:100%;overflow-y:scroll}.sidenavHeader{color:#000;font-weight:700;background-color:#fcebeb;padding:10px;font-size:2vh}.sidenavContentHeaderMainMenu{margin-top:5px;padding:15px;font-size:2.3vh;font-weight:700;color:#dd6260}.sidenavContentHeaderSubContainer{margin-top:5px;padding:15px 0 15px 25px;font-size:1.5vh;font-weight:700;color:#dd6260;margin-left:3vw;margin-bottom:4vh}.sidenavContent:hover{background-color:#f2b1ae}.sidenavRow{display:flex;background-color:#b6a7d8;height:100px;width:90%;margin:15px;border-radius:2% 2% 2% 2%/10% 10% 10% 10%;box-shadow:10px 15px 15px rgba(0,0,0,.767);align-items:flex-start;cursor:pointer;position:relative}.sidenavRow:hover{background-color:#f2b1ae}.sidenavRow i{color:#8e9090}.sidenavRow:hover i{color:#111}.sidenavRowText{font-size:2.2vh;font-weight:700;margin-right:20px;margin-left:20px;margin-top:2px;width:100%}.sidenavRowLessonText{color:#000;font-size:2vh;font-weight:700}.sideNavRowLessonTextContainer{margin-left:2%;margin-top:11%}.sideNavRowImage{width:auto;height:100%;border-radius:10%;float:left}.sideNavChapterHeader{color:#dd6260;font-size:5vh;font-weight:700;text-align:left}.sideNavChapterHeader p{margin-top:2vh;margin-bottom:.2vh;margin-left:5%}.sidenavContentChapter{border-radius:5%;flex-direction:column;justify-content:center;justify-content:space-between}.circle,.sidenavContentChapter{display:flex;align-items:center}.circle{position:absolute;top:0;right:0;background-color:#dd6260;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;justify-content:center}.circle-number{color:#fff;font-size:2vh}.circleLesson{position:absolute;top:0;right:0;background-color:#dd6260;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-numberLesson{color:#fff;font-size:2vh}.circleQuiz{position:absolute;top:0;right:0;background-color:#a678de;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.sidenavRowLesson{display:flex;background-color:#b6a7d8;height:100px;width:90%;margin:15px;border-radius:15% 2% 2% 15%/50% 10% 10% 50%;align-items:flex-start;cursor:pointer;position:relative}.sideNavRowLessonImage{width:auto;height:100%;border-radius:50%;float:left}.sidenavContainer{height:0;transition:height .3s;transform-origin:center top}.sidenavContainer hr{width:85%}.sub-container{position:absolute;width:100%;height:100%;overflow-y:scroll;transform:translateX(100%)}.sub-header{margin-top:5px;margin-bottom:0;padding:15px 0 0 25px;font-weight:700;font-size:3vh}.sub-header:hover{cursor:pointer}.sub-header i{color:#fff}.sidenavHeader{font-size:3vh}.courseSideNavImage{width:4%;height:auto;display:block;margin:auto}@media only screen and (max-width:600px){.sideNavRowChapterContent{width:55%}.sideNavContentsContainer{padding:10px}.quizImage{height:100px;width:100px}.courseSideNavImage{width:20%}}@media only screen and (min-width:601px){.sub-header{width:50%;margin-left:20%}.sideNavRowChapterContent{width:75%}.sidenavContentChapter{width:50%;margin-left:25%}.sideNavContentsContainer{padding:10px}.ContinueSideNavContainer{width:50%;margin-left:25%}.newCloseBtn{margin-left:95%;font-size:5vh}.sidenavRow{height:100px;margin:15px;border-radius:2% 2% 2% 2%/10% 10% 10% 10%;align-items:flex-start;cursor:pointer;position:relative}.quizImage{height:100px;width:100px}.sidenavRowLesson{height:100px;margin:15px;border-radius:6% 2% 2% 6%/50% 10% 10% 50%;align-items:flex-start;cursor:pointer;position:relative}.sidenavRowText{font-size:2.5vh;font-weight:700;margin-right:20px;margin-left:40px;margin-top:10px}.sideNavRowLessonTextContainer{margin-left:2%;margin-top:6%}.sidenavRowLessonText{color:#000;font-size:2.5vh;font-weight:700}.sideNavChapterHeader{color:#dd6260;font-size:6vh;font-weight:700;text-align:left;margin-top:6vh;width:50%}.sidenavContentHeaderMainMenu{margin-top:5px;padding:15px;font-size:2.8vh;font-weight:700;color:#dd6260}.sidenavContentHeaderSubContainer{margin-top:5px;padding:15px 0 15px 25px;font-size:1.5vh;font-weight:700;color:#dd6260;margin-left:19%;margin-bottom:4vh}.circle{position:absolute;top:0;right:0;background-color:#dd6260;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-number{color:#fff;font-size:2vh}.circleLesson{position:absolute;top:0;right:0;background-color:#dd6260;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.circle-numberLesson{color:#fff;font-size:2vh}.circleQuiz{position:absolute;top:0;right:0;background-color:#a678de;border-radius:5% 10% 5% 50%/10% 10% 10% 50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}}@keyframes moveSubContainer{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes moveMainContainer{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media only screen and (min-width:601px){.courseProgressBarContainer{margin-left:25%}.courseProgressBarContainer,.quizProgressBarContainer{display:flex;justify-content:center;align-items:center;max-width:50%}.CourseTitleContainer{max-width:50%;margin-left:25%}}@media only screen and (max-width:600px){.CourseTitleContainer{max-width:85%;margin-left:5%}.courseProgressBarContainer{max-width:85%;margin-left:7.5%}.courseProgressBarContainer,.quizProgressBarContainer{display:flex;justify-content:center;align-items:center}.quizProgressBarContainer{max-width:50%}}.courseProgressBarUnlock{width:90%;flex-shrink:0;margin:0 auto 10px;font-size:2vh;line-height:1.2;white-space:normal}.courseProgressBarUnlock .courseProgressBarContainer{max-width:100%;margin-left:0}.courseProgressBarUnlockLabel{text-align:center;color:#50c878;font-size:2vh;font-weight:600;white-space:nowrap;margin-bottom:4px;line-height:1.2}.Buttons_SampleButton__3Q-1s{background-color:grey}.SampleButton{background-color:purple}@media (min-width:550px){.new{background-color:red}}.highlightable-section{position:relative;width:100%;margin:0;padding:0;border-radius:12px;transition:background .2s ease,outline .2s ease}.highlightable-section.is-highlighted.light{background:rgba(255,214,10,.28);outline:2px solid rgba(255,196,0,.55)}.highlightable-section.is-highlighted.dark{background:rgba(255,196,0,.18);outline:2px solid rgba(255,214,10,.4)}.highlightable-section-actions{position:absolute;top:8px;right:8px;z-index:5;display:flex;flex-direction:column;grid-gap:2px;gap:2px;pointer-events:none}.highlightable-section-actions button{width:22px;height:22px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;background:rgba(252,245,229,.55);color:rgba(101,53,163,.55);box-shadow:none;padding:0}.highlightable-section-actions button:focus-visible,.highlightable-section-actions button:hover{color:#6535a3;background:rgba(252,245,229,.9)}.highlightable-section-actions button.active{background:rgba(135,71,212,.2);color:#8747d4}.highlightable-section.dark .highlightable-section-actions button{background:rgba(38,44,60,.45);color:rgba(228,212,255,.55)}.highlightable-section.dark .highlightable-section-actions button:focus-visible,.highlightable-section.dark .highlightable-section-actions button:hover{color:#e4d4ff;background:rgba(38,44,60,.8)}.highlightable-section.dark .highlightable-section-actions button.active{background:rgba(135,71,212,.35);color:#d7b8ff}.lesson-notes-overlay,.note-composer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10001}.lesson-notes-overlay{opacity:0}.note-composer-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);background:#fcf5e5;border-radius:16px 16px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom, 0px));z-index:10002;box-shadow:0 -8px 24px rgba(0,0,0,.2)}.note-composer-sheet.dark{background:#262c3c;color:#fff}.lesson-notes-panel h3,.note-composer-sheet h3{font-family:"Quicksand",sans-serif;margin:0 0 12px;font-size:1.05rem}.lesson-notes-panel-header h3{margin:0}.note-composer-sheet textarea{width:100%;min-height:120px;border-radius:12px;border:1px solid #d8c7f0;padding:10px;font-family:"Quicksand",sans-serif;font-size:.95rem;resize:vertical}.note-composer-sheet.dark textarea{background:#1d2330;color:#fff;border-color:#4a4a4a}.note-composer-actions{display:flex;grid-gap:8px;gap:8px;margin-top:12px;align-items:center}.note-composer-actions button{font-family:"Quicksand",sans-serif;border:none;border-radius:12px;padding:8px 14px;font-weight:700;cursor:pointer}.note-composer-save{background:#8747d4;color:#fff;box-shadow:0 3px 0 #6535a3}.note-composer-cancel{background:#e8e0f5;color:#6535a3}.note-composer-delete{background:#dd6260;color:#fff;margin-left:auto}.lesson-notes-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:#fcf5e5;z-index:10002;display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);transform-origin:right center}.lesson-notes-panel.dark{background:#262c3c;color:#fff}.lesson-notes-panel-header{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:16px;margin-top:0;border-bottom:1px solid rgba(0,0,0,.08)}.lesson-notes-panel.dark .lesson-notes-panel-header{border-bottom-color:hsla(0,0%,100%,.1)}.lesson-notes-close{margin-left:auto;border:none;background:transparent;color:inherit;font-size:3vh;line-height:1;padding:0;cursor:pointer}@keyframes moveNotesPanel{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes showNotesOverlay{0%{opacity:0}to{opacity:1}}.lesson-notes-tabs{display:flex;grid-gap:6px;gap:6px;padding:0 16px 12px;font-family:"Quicksand",sans-serif}.lesson-notes-tab{flex:1 1;border:none;background:transparent;color:#8747d4;font-family:"Quicksand",sans-serif;font-size:.85rem;font-weight:700;padding:8px 10px;border-radius:10px;cursor:pointer;opacity:.55}.lesson-notes-tab.active{background:rgba(135,71,212,.16);opacity:1}.lesson-notes-panel.dark .lesson-notes-tab{color:#d7b8ff}.lesson-notes-panel.dark .lesson-notes-tab.active{background:rgba(135,71,212,.3)}.lesson-notes-list{flex:1 1;min-height:0;overflow-y:auto;padding:4px 16px 24px;display:flex;flex-direction:column;grid-gap:18px;gap:18px}.lesson-notes-group{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.lesson-notes-group-title{margin:0;font-family:"Quicksand",sans-serif;font-size:.8rem;font-weight:700;color:#8747d4}.lesson-notes-panel.dark .lesson-notes-group-title{color:#d7b8ff}.lesson-notes-empty{font-family:"Quicksand",sans-serif;padding:24px 8px;text-align:center;color:#666}.lesson-notes-panel.dark .lesson-notes-empty{color:#c5c5c5}.lesson-notes-item{background:#fff;border-radius:12px;padding:12px;cursor:pointer;border:1px solid #eadff8;font-family:"Quicksand",sans-serif}.lesson-notes-panel.dark .lesson-notes-item{background:#1d2330;border-color:#3a4154}.lesson-notes-item-top{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin-bottom:6px}.lesson-notes-item-kinds{display:flex;align-items:center;grid-gap:4px;gap:4px;color:#8747d4}.lesson-notes-panel.dark .lesson-notes-item-kinds{color:#d7b8ff}.lesson-notes-delete{width:22px;height:22px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:rgba(101,53,163,.55);padding:0}.lesson-notes-delete:focus-visible,.lesson-notes-delete:hover{color:#6535a3;background:rgba(135,71,212,.12)}.lesson-notes-panel.dark .lesson-notes-delete{color:rgba(228,212,255,.55)}.lesson-notes-panel.dark .lesson-notes-delete:focus-visible,.lesson-notes-panel.dark .lesson-notes-delete:hover{color:#e4d4ff;background:rgba(135,71,212,.25)}.lesson-notes-item-note,.lesson-notes-item-preview{font-size:.9rem;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.lesson-notes-item-preview.missing{font-style:italic;color:#888}.lesson-notes-item-note{background:rgba(135,71,212,.1);border-radius:8px;padding:8px;margin-bottom:0}.notebook-nav-button{background:transparent;border:none;cursor:pointer;position:relative;padding:6px;margin-right:8px}.notebook-nav-badge,.notebook-nav-button{color:#fff;display:flex;align-items:center;justify-content:center}.notebook-nav-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:999px;background:#dd6260;font-size:10px;font-weight:700;padding:0 4px;font-family:"Quicksand",sans-serif}.share-section-backdrop{position:fixed;inset:0;z-index:1090;border:none;padding:0;margin:0;background:transparent;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease}.share-section-backdrop.visible{opacity:1;pointer-events:auto}.share-section-drawer{position:fixed;left:50%;transform:translate(-50%,100%);width:min(520px,100%);height:50vh;bottom:0;z-index:1100;display:flex;flex-direction:column;color:#4a3600;background:linear-gradient(135deg,gold,#fff6a8 45%,gold 55%,#fff6a8);background-size:220% 220%;animation:shareDrawerDiagonalShine 5.5s ease-in-out infinite alternate;border-radius:18px 18px 0 0;box-shadow:0 -8px 24px rgba(184,134,11,.35);font-family:"Quicksand",sans-serif;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);transition:transform .35s ease}.share-section-drawer.dark{color:#4a3600}.share-section-drawer.expanded{transform:translate(-50%)}@keyframes shareDrawerDiagonalShine{0%{background-position:0 0}to{background-position:100% 100%}}.share-section-handle{width:100%;border:none;background:transparent;padding:8px 14px 10px;cursor:pointer;color:inherit}.share-section-handle-bar{display:block;width:42px;height:4px;border-radius:999px;background:rgba(74,54,0,.4);margin:0 auto}.share-section-handle:has(.share-section-peek) .share-section-handle-bar{margin-bottom:8px}.share-section-peek{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;font-size:.85rem;font-weight:700;color:#4a3600}.share-section-drawer.dark .share-section-peek{color:#4a3600}.share-section-drawer.status-error .share-section-peek{color:#dd6260}.share-section-pulse{width:10px;height:10px;border-radius:50%;background:#b8860b;animation:sharePulse 1.1s ease-in-out infinite}@keyframes sharePulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}.share-section-body{flex:1 1;min-height:0;padding:0 16px 12px;display:flex;flex-direction:column;overflow:hidden}.share-section-visual{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center}.share-section-reminder{flex:0 0 auto;text-align:center;padding:8px 4px 0;color:#4a3600}.share-section-reminder-arabic{margin:0 0 6px;font-family:"Me Quran",serif;font-size:1.25rem;line-height:1.7;direction:rtl}.share-section-reminder-english{margin:0;font-size:.92rem;line-height:1.4;font-weight:600}.share-section-reminder-source{margin:4px 0 0;font-size:.75rem;font-weight:700;opacity:.78}.share-section-share-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:100%;margin-top:12px;min-height:44px;padding:.55rem 1rem;border:0;border-radius:12px;font-family:"Quicksand",sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:#4a3600;cursor:pointer;box-shadow:0 3px 0 #2e2100}.share-section-share-btn:disabled{opacity:.7;cursor:wait}.share-section-share-btn:active:not(:disabled){transform:translateY(3px);box-shadow:none}.share-section-loading{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.share-section-poster-frame{height:100%;aspect-ratio:9/16;width:auto;max-width:100%;margin:0 auto;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#eadff8,#fcf5e5 55%,#d7b8ff);position:relative}.share-section-drawer.dark .share-section-poster-frame{background:linear-gradient(135deg,#3a2a55,#262c3c 55%,#6535a3)}.share-section-poster-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,hsla(0,0%,100%,.45) 50%,transparent 80%);animation:shareShimmer 1.6s linear infinite}@keyframes shareShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.share-section-preview{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0 auto;border-radius:12px}.share-section-actions{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;justify-content:center}.share-section-error{text-align:center;padding:4px 8px 8px}.share-infographic-capture{position:fixed;left:-12000px;top:0;z-index:-1;pointer-events:none}.share-infographic{--share-image-max:220px;width:1080px;box-sizing:border-box;background:#fcf5e5;color:#1c1410;font-family:"Quicksand",sans-serif}.share-infographic-header{display:flex;align-items:center;justify-content:space-between;grid-gap:28px;gap:28px;background:#dd6260;color:#fff;padding:24px 28px}.share-infographic-header-text{min-width:0;flex:1 1}.share-infographic img.share-infographic-logo{height:72.4px;width:auto;max-width:none;max-height:none;min-height:0;margin:0;flex-shrink:0;border-radius:10px}.share-infographic-kicker{font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.92}.share-infographic-title{margin:0 0 10px;font-size:36px;line-height:1.2;font-weight:700;font-family:Georgia,"Times New Roman",serif}.share-infographic-course{font-size:16px;line-height:1.2;opacity:.92}.share-infographic-grid{display:flex;grid-gap:16px;gap:16px;padding:24px 28px 28px;align-items:flex-start}.share-infographic-column{flex:1 1;min-width:0;display:flex;flex-direction:column;grid-gap:16px;gap:16px;background:var(--share-column-bg,#fff3d6);border-radius:16px;padding:14px 12px}.share-infographic-cell{background:hsla(0,0%,100%,.55);border-radius:14px;padding:14px 16px 16px;min-width:0}.share-infographic-step{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 0 10px;border-radius:50%;background:#fff;color:#2a2438;font-size:15px;font-weight:700;font-family:"Quicksand",sans-serif;line-height:1;box-shadow:0 0 0 4px #eadff8}.share-infographic .multiSection,.share-infographic .verticalSection{display:flex;flex-direction:column;padding:0;margin:0}.share-infographic .horizontalSection{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding:0;margin:0;grid-gap:10px;gap:10px}.share-infographic .sectionDescription,.share-infographic .sectionTitle{font-size:22px;line-height:1.45;margin:6px 0;max-width:100%}.share-infographic .sectionTitle{font-size:26px;font-weight:700;margin-bottom:10px}.share-infographic .arabicNormalSize{font-size:40px}.share-infographic .arabicLargeSize{font-size:56px}.share-infographic .arabicVeryLargeSize{font-size:76px}.share-infographic[data-columns="1"]{--share-image-max:280px}.share-infographic[data-columns="2"]{--share-image-max:180px}.share-infographic[data-columns="3"]{--share-image-max:140px}.share-infographic .sectionDescription.image,.share-infographic [class*=image]{width:100%;max-width:100%;box-sizing:border-box;padding:10px 4px}.share-infographic-photo>div,.share-infographic .sectionDescription.image>div{width:100%}.share-infographic .multiSection:has(>.share-infographic-photo--grid),.share-infographic .multiSection:has(>.share-infographic-photo--pair),.share-infographic .verticalSection:has(>.share-infographic-photo--grid),.share-infographic .verticalSection:has(>.share-infographic-photo--pair){flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;grid-gap:10px;gap:10px}.share-infographic-photo--solo{width:100%!important;max-width:100%;flex:1 1 100%}.share-infographic-photo--pair{flex:1 1 46%;width:auto!important;min-width:42%;max-width:50%;padding:6px!important}.share-infographic-photo--grid{flex:1 1 30%;width:auto!important;min-width:28%;max-width:33.33%;padding:4px!important}.share-infographic img{width:auto;max-width:100%;height:auto;max-height:var(--share-image-max);display:block;object-fit:contain;border-radius:12px;margin:0 auto}.share-infographic-photo--solo img{width:auto!important;max-width:min(100%,var(--share-image-max));max-height:var(--share-image-max)}.share-infographic-photo--pair img{width:100%;max-height:calc(var(--share-image-max)*0.72)}.share-infographic-photo--grid img{width:100%;max-height:calc(var(--share-image-max)*0.5)}.share-infographic-footer{background:#5c3d2e;color:#fcf5e5;text-align:center;padding:18px 16px;font-size:16px}.course-certificate{width:1080px;height:1520px;box-sizing:border-box;padding:44px;font-size:16px;font-family:"Quicksand",sans-serif;white-space:normal;background:radial-gradient(circle at 18% 12%,hsla(0,0%,100%,.7),transparent 36%),radial-gradient(circle at 82% 88%,rgba(135,71,212,.1),transparent 34%),repeating-linear-gradient(0deg,rgba(101,53,163,.03) 1px,transparent 1px 3px),#fcf5e5;color:#3a2460}.course-certificate-frame{position:relative;box-sizing:border-box;width:100%;height:100%;padding:56px 64px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;border:3px solid gold;overflow:hidden}.course-certificate-corner{position:absolute;width:92px;height:92px;border:4px solid gold}.course-certificate-corner--tl{top:22px;left:22px;border-right:0;border-bottom:0}.course-certificate-corner--tr{top:22px;right:22px;border-left:0;border-bottom:0}.course-certificate-org{margin:16px 0 0;font-family:"Quicksand",sans-serif;font-size:30px;font-weight:700;letter-spacing:.28em;color:#6535a3}.course-certificate-title{font-size:108px;line-height:.92;letter-spacing:.04em;color:#8747d4}.course-certificate-subtitle,.course-certificate-title{margin:12px 0 0;font-family:"Quicksand",sans-serif;font-weight:700}.course-certificate-subtitle{font-size:58px;letter-spacing:.16em;color:#b8860b}.course-certificate-kicker{margin:40px 0 0;font-family:"Quicksand",sans-serif;font-size:28px;font-weight:700;letter-spacing:.2em;color:#6535a3}.course-certificate-name{margin:20px 0 0;max-width:900px;font-family:"Great Vibes","Segoe Script",cursive;font-size:108px;font-weight:400;line-height:1.05;color:#3a2460}.course-certificate-name-line{width:min(78%,680px);height:4px;margin:10px 0 0;background:linear-gradient(90deg,gold,#fff6a8 50%,gold)}.course-certificate-body{margin:22px 0 0;max-width:860px;font-family:"Quicksand",sans-serif;font-size:32px;line-height:1.35;font-weight:700;color:#6535a3}.course-certificate-body--follow{margin-top:18px}.course-certificate-date{margin:auto 0 0;max-width:860px;font-family:"Quicksand",sans-serif;font-size:22px;line-height:1.3;font-weight:700;color:#6535a3}.course-certificate-course-row{display:flex;align-items:center;justify-content:center;grid-gap:28px;gap:28px;width:min(94%,920px);margin:18px 0 0}.course-certificate-cover{width:148px;height:210px;flex:0 0 148px;object-fit:cover;border-radius:12px;transform:rotate(-9deg);box-shadow:8px 14px 24px rgba(58,36,96,.32);background:#eadff8}.course-certificate-course{box-sizing:border-box;flex:1 1;min-width:0;margin:0;padding:18px 24px;border-radius:24px;background:linear-gradient(135deg,#8747d4,#6535a3);box-shadow:0 8px 0 #4a2478,0 12px 24px rgba(135,71,212,.28);color:#fff;font-family:"Quicksand",sans-serif;font-size:48px;font-weight:700;line-height:1.15}.course-certificate-logo{width:210px;height:210px;margin:36px 0 0;border-radius:44px;object-fit:cover;box-shadow:0 10px 28px rgba(58,36,96,.28)}.course-certificate-note{margin:20px 0 0;max-width:780px;font-family:"Quicksand",sans-serif;font-size:26px;font-style:italic;line-height:1.35;font-weight:700;color:#6535a3}.course-certificate-preview{--preview-width:min(280px,72vw);width:var(--preview-width);height:calc(var(--preview-width)*1520/1080);margin:4px auto 16px;overflow:hidden;border-radius:8px;background:#fcf5e5;box-shadow:0 8px 24px rgba(0,0,0,.28);container-type:inline-size;white-space:normal;font-size:16px;flex:none}.course-certificate-preview-scale{width:1080px;height:1520px;transform:scale(.25926);transform-origin:top left}@supports (width:1cqw){.course-certificate-preview-scale{transform:scale(calc(100cqw/1080))}}.course-certificate-preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#eadff8,#fcf5e5 55%,#d7b8ff)}.course-certificate-preview--library{--preview-width:118px;position:absolute;right:-22px;bottom:22px;margin:0;transform:rotate(-8deg);box-shadow:8px 16px 26px rgba(58,36,96,.38);border:2px solid #fff6a8;z-index:2}.course-certificate-preview--library .course-certificate-preview-scale{transform:scale(.10926);transform-origin:top left}.course-complete-confetti{position:fixed;inset:0;z-index:1400;pointer-events:none}.course-complete-confetti-burst{position:absolute;top:12%}.course-complete-confetti-burst--left{left:18%}.course-complete-confetti-burst--right{right:18%}body{margin:0;padding:0}.hamburger-btn{position:absolute;font-size:4vh;cursor:pointer;display:inline-block;top:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background-color:rgba(0,0,0,.7)}.closeBtn{position:absolute;top:0;left:0;margin-left:90%;color:#fff;font-size:100px;cursor:pointer;transform:translateY(-5px);z-index:7000}.Quizsidenav{font-family:"Quicksand",sans-serif;z-index:2;max-width:100%;overflow:hidden;width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background-color:#fff;transform-origin:left center;transform:translateX(-100%)}@media (max-width:1200px){.Quizsidenav{max-width:100%;width:100%}}.QuizsideNavContainer{position:absolute;width:100%;height:100%;overflow-y:scroll}.QuizsidenavHeader{color:#000;font-weight:700;background-color:#fcebeb;padding:10px 0 10px 30px;font-size:2vh}.sidenavContent{padding:15px 0 15px 25px;cursor:pointer;font-size:2vh}.QuizsidenavContentHeaderMainMenu{font-size:.8vh;font-weight:700;text-align:center}.QuizsidenavContentHeaderSubContainer{margin-top:5px;padding:15px 0 15px 25px;font-size:2.3vh;font-weight:700}.QuizsidenavContentHeaderSubContainer:hover{background-color:#f2b1ae}.sidenavContent:hover{background-color:#d0bad9}a,a:active,a:hover,a:link,a:visited{text-decoration:none;color:#000}hr{height:1px;border:0;color:grey;background-color:grey;margin:15px auto 10px}.QuizsidenavContentChapter,.QuizsidenavRow{display:flex;border-radius:5%;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between}.QuizsidenavRow{background-color:#b6a7d8;height:5vh;margin:80px;cursor:pointer}.QuizsidenavRow:hover{background-color:#f2b1ae}.QuizsidenavRow i{color:#8e9090}.QuizsidenavRow:hover i{color:#111}.QuizsidenavRowText{font-size:2vh}.sidenavRowDropdown{display:flex;width:100%;justify-content:start;align-items:center;padding:15px 25px;cursor:pointer}.sidenavRowDropdown:hover{background-color:#f2b1ae}.sidenavRowDropdown i{color:#8e9090;margin-left:10px}.sidenavRowDropdown:hover i{color:#111}.QuizsidenavContainer{height:0;transition:height .3s;transform-origin:center top}.QuizsidenavContainer hr{width:85%}.paddingDiv{transition:margin-bottom .3s}.Quizsub-container{position:absolute;width:100%;height:100%;overflow-y:scroll;background-color:#fff;transform:translateX(100%)}.Quizsub-header{margin-top:5px;padding:15px 0 15px 25px;font-weight:700;font-size:1.5vh}.Quizsub-header:hover{background-color:#f2b1ae;cursor:pointer}.Quizsub-header i{color:#8e9090}.QuizsidenavHeader{font-size:3vh}@keyframes moveSideBar{0%{transform:translateX(-100%);z-index:100}to{transform:translateX(0)}}@keyframes show{0%{opacity:0}to{opacity:1}}@keyframes dropDown{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes QuizmoveSubContainer{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes QuizmoveMainContainer{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.title-container{text-align:center;margin-top:50px}.fancy-title{font-family:"Quicksand",sans-serif;font-size:8vh;color:#eb3535;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.courseIconAndTitle{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease-in-out;max-width:35%;margin:1vh}.courseIconAndTitle:hover{transform:scale(1.03)}.courseHeader{display:flex;justify-content:space-around}.courseCardsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:100px}.courseImage{width:100%;height:auto;border-radius:15%;float:left}.landingPageCourseImage{width:40%;height:auto;margin:15px;border-radius:15%}h3{font-size:3vh;margin-top:0;margin-bottom:150px}.courseDescription,h3{text-align:center;font-family:"Quicksand",sans-serif;color:#eb8381}.courseDescription{font-size:2.5vh;padding:0 30px;font-weight:700;margin-bottom:10px;margin-top:10px}.courseDescriptionANDGoals{display:flex;justify-content:center;flex-direction:column}.courseFullDetails{margin-bottom:50px;margin-top:50px;background-color:#dd6260;border-radius:20px;max-width:95%;overflow:hidden;box-shadow:10px 15px 15px rgba(0,0,0,.767)}.navHeader{font-size:8vh;text-align:center;font-family:"Quicksand",sans-serif;color:#f8f6f0;font-weight:700}/ .courseGoalsHeader{text-align:center;font-size:40px;font-family:"Quicksand",sans-serif;font-weight:700;color:#fff;background-color:#8747d4;border-radius:2% 2% 2% 2%/10% 10% 10% 10%}.courseGoalItem{font-size:2vh}.courseGoalsDescription{font-size:40px;font-weight:700;color:#252525;margin:0 50px;font-family:"Quicksand",sans-serif}.courseGoalsDescription p{margin:0}.courseReference{display:flex;justify-content:center;align-items:center}.courseReferenceImage{width:40%;height:auto;margin:30px;border-radius:15%}.courseReferenceDescription{font-size:2vh;font-family:"Quicksand",sans-serif;font-weight:700;color:#fff;margin:20px;background-color:#9d55a7;border-radius:10px;padding:20px}@media only screen and (min-width:601px){.courseFullDetails{margin-bottom:50px;margin-top:50px;background-color:#dd6260;border-radius:5%;max-width:30%}.courseDescription{font-size:3vh;padding:0 20px;margin-bottom:0;color:#eb8381}.courseGoalsDescription{color:#252525;margin:0 25px}.courseGoalsDescription,.courseReferenceDescription{font-size:18px;font-weight:700;font-family:"Quicksand",sans-serif}.courseReferenceDescription{margin-right:20px;color:#fff}.courseCardsContainer{margin-top:50px}.landingPageCourseImage{width:10%;height:auto;margin:5px;border-radius:15%}}body{font-family:"Quicksand",sans-serif}.courseContent{width:85%;margin:100px auto;background:#f8f6f0;box-shadow:0 .1rem .1rem rgba(0,0,0,.2);border-radius:1rem;padding:10px}.courseContentHeader{padding:15px 0 15px 25px;font-size:3.5vh;font-weight:700;text-align:center}.sidenavContentHeaderMainMenuCC{margin-top:5px;padding:15px 0 15px 25px;font-size:2.5vh;font-weight:700}.sidenavContentCC{padding:15px 0 15px 50px;cursor:pointer;font-size:2.3vh;display:flex;justify-content:space-between}.sidenavContentCC:hover{background-color:#f2b1ae}.sidenavRowCC{display:flex;font-size:2vh;justify-content:space-between;padding:15px 15px 15px 90px;cursor:pointer;background-color:#e7e7e7}.sidenavRowCC:hover{background-color:#f2b1ae}.sidenavRowCC i{color:#8e9090}.sidenavRowCC:hover i{color:#111}.sidenavRowTextCC{font-size:2vh}.sidenavRow-submenu{display:block}.toggle-btn,.toggle-btn-down{transition:transform .5s}.toggle-btn-down{transform:rotate(180deg)}.sidenavRow-submenu-notOpen{display:none}.courseStatBanner{display:flex;justify-content:space-between;align-items:flex-start;align-content:space-around;padding:3px}.courseStat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:23%;margin:15px}.courseStatImage{max-width:100%;font-size:3vh}.courseStatNumber{font-size:3vh;font-weight:700;text-align:center}@media (max-width:1000px){.courseStatNumber{font-size:3vh}}.courseStatName{font-size:1.9vh}.courseStatDescription{text-align:center}.courseGoalsHeader{text-align:left;font-size:3vh;font-family:"Quicksand",sans-serif;font-weight:700;color:#dd6260}@media (min-width:1500px){.courseGoalsHeader{font-size:4vh}}.continue-with-google{width:80%;max-width:300px;height:50px;line-height:50px;text-align:center;border-radius:25px;background-color:#4285f4;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin:0 auto}@media only screen and (min-width:601px){.GetStartedImage{width:180px;height:auto;border-radius:25px;margin-right:20px}.LoginMessage{font-size:2.5vh;margin-bottom:200px;text-align:center;color:#8747d4}.LoginMessageHeader{font-size:5vh;font-weight:700;margin-bottom:100px;text-align:center;color:#8747d4}.GetStartedImagesContainer{display:flex;flex-direction:column;overflow:hidden;height:60%;background-color:#262c3c}.FixedScrollableSection{position:fixed;top:0;left:0;right:0;height:60%;overflow:auto}.GetStartedRow{display:flex;margin-bottom:20px;margin-top:20px}.GetStartedButton{font-size:2.5vh;border-radius:999px;width:20%;background:#8747d4;color:#fff;padding-top:5px;padding-bottom:5px;border:none}.GetStartedLoginText{margin-top:10px;font-size:2vh}.GetStartedHeader{font-size:5vh;margin-top:20px;font-weight:700;text-align:center;color:#8747d4}.MessageTopSection{height:45%;flex-direction:column;padding-top:10px}.MessageMiddleSection,.MessageTopSection{display:flex;align-items:center;justify-content:center}.MessageMiddleSection{height:10%;width:100%}.MessageBottomSection{height:45%;display:flex;flex-direction:column;align-items:center;justify-content:center}.WelcomeMessageContainer{display:flex;flex-direction:column;height:100vh}.WelcomeMessageImagesContainer{display:flex;height:60%;flex-direction:column;align-items:center;justify-content:center}.WelcomeMessageText{font-size:2.5vh;padding:50px;text-align:center;color:#8747d4}.WelcomeMessageFooter{height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media only screen and (max-width:600px){.GetStartedImage{width:150px;height:auto;border-radius:20px;margin-right:20px}.FixedScrollableSection{position:fixed;top:0;left:0;right:0;height:60%;overflow:auto}.LoginMessage{font-size:2.5vh;margin-bottom:200px;text-align:center;color:#8747d4}.LoginMessageHeader{font-size:5vh;font-weight:700;margin-bottom:100px;text-align:center;color:#8747d4}.GetStartedImagesContainer{display:flex;flex-direction:column;overflow:hidden;height:60%;background-color:#262c3c}.GetStartedRow{display:flex;margin-bottom:20px;margin-top:20px}.GetStartedButton{font-size:2.5vh;border-radius:999px;width:70%;background:#8747d4;color:#fff;padding-top:10px;padding-bottom:10px;border:none}.GetStartedLoginText{margin-top:10px;font-size:2vh}.GetStartedHeader{font-size:5vh;font-weight:700;text-align:center;color:#8747d4}.MessageTopSection{height:45%;flex-direction:column}.MessageMiddleSection,.MessageTopSection{display:flex;align-items:center;justify-content:center}.MessageMiddleSection{height:10%;width:100%}.MessageBottomSection{height:45%;display:flex;flex-direction:column;align-items:center;justify-content:center}.WelcomeMessageContainer{display:flex;flex-direction:column;height:100vh}.WelcomeMessageImagesContainer,.WelcomeMessageImagesContainerScrollable{display:flex;height:60%;flex-direction:column;align-items:center;justify-content:center}.WelcomeMessageImagesContainerScrollable{overflow-y:scroll}.WelcomeMessageText{font-size:2.5vh;padding:40px;text-align:center;color:#8747d4}.WelcomeMessageFooter{height:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}}.message-container{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;color:#000}@media (prefers-color-scheme:dark){.message-container{background-color:#333;color:#fff}}.message-container h1{font-size:48px;font-weight:700;text-align:center}@font-face{font-family:"Me Quran";src:url(/static/media/me_quran_volt_newmet.0df26bab.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.lightThemeFont{color:#000}.darkThemeFont{color:#fff}.Lesson{width:100%;height:100%}.LessonContainer{max-height:100%;max-width:100%;padding-bottom:120px}.LessonTitleContainer,.LessonTitleContainerOnSideNav{color:#dd6260;font-size:3vh;font-weight:700}.LessonTitleContainerOnSideNav{margin:20px}.LessonNumber{font-size:2vh}.LessonExampleAnswerExplanationContainer{display:flex;align-items:center;max-width:100%;justify-content:center}.LessonExampleAnswerExplanation{font-size:2vh;margin-left:25px}.LessonExampleAnswer{padding:10px}.LessonExampleNextLessonBox{margin-top:5vh}.sectionTitle{color:#fff;text-align:center;font-size:3vh;display:block;margin-bottom:50px}.sectionDescription,.sectionTitle{font-family:"Quicksand",sans-serif}.sectionDescription{font-size:2.5vh;text-align:left;border-radius:1rem;max-width:100%;margin:5px 5px 5px 10px}.forwardButton{width:100%;height:100%}.forwardButton,.forwardButtonVisibleLight{max-width:100%;position:fixed;bottom:0;z-index:1000}.forwardButtonVisibleLight{color:#8f4ae2}.forwardButtonVisibleDark,.forwardButtonVisibleLight{display:flex;justify-content:center;text-align:center;align-items:center;margin:20px;width:95%;height:75%;font-size:3vh}.forwardButtonVisibleDark{max-width:100%;color:#b08adf;position:fixed;bottom:0;z-index:1000}.arabicLargeSize{font-size:6vh}.arabicNormalSize{font-size:4vh}.arabicVeryLargeSize{font-size:8vh}.verticalSection{display:flex;flex-direction:column;padding:2vh;margin:2vh 0}.horizontalSection{display:flex;align-items:center;padding:2vh}.sectionDescription img{max-width:100%;height:auto;border-radius:10%}.nextLessonButton{display:flex;background-color:#b6a7d8;height:250px;width:90%;border-radius:2% 2% 2% 2%/10% 10% 10% 10%;align-items:flex-start;cursor:pointer;position:relative;margin:15px 15px 15px 45px}.toggle-container{position:fixed;top:15px;right:15px;z-index:999}.theme-toggle-button{padding:8px 16px;border-radius:20px;border:none;cursor:pointer;font-size:14px;background-color:#333;color:#fff;transition:background-color .3s ease}.theme-toggle-button.light{background-color:#77b5fe}@media only screen and (min-width:601px){.horizontalSection{display:flex;align-items:center;padding:.5vh}.LessonTitleContainer{margin-left:2px;margin-top:3vh}.arabicCircle{padding:10px;height:50px;width:50px}#toggle_checkbox{display:none}label{display:block;top:50%;right:0;left:0;width:60px;height:25px;margin:0 auto;background-color:#77b5fe;border-radius:56px;transform:translateY(-50%);cursor:pointer;transition:background-color .3s ease;overflow:hidden}#star,label{position:absolute}#star{top:5px;left:5px;width:15px;height:15px;background-color:#fafd0f;transform:scale(1);border-radius:50%;transition:top .3s ease,left .3s ease,transform .3s ease,background-color .3s ease;z-index:1}#star-1{position:relative}#star-2{position:absolute;transform:rotate(36deg)}.star{top:-2px;left:-2px;font-size:25px;line-height:15px;color:#fafd0f;transition:color .3s ease}#moon{bottom:-52px;right:8px;background-color:#fff;transition:bottom .3s ease}#moon,#moon:before{position:absolute;width:20px;height:20px;border-radius:50%}#moon:before{content:"";top:-1px;left:-20px;background-color:#03a9f4;transition:background-color .3s ease}#toggle_checkbox:checked+label{background-color:#000}#toggle_checkbox:checked+label #star{top:3px;left:64px;transform:scale(.3);background-color:#ff0}#toggle_checkbox:checked+label .star{color:#ff0}#toggle_checkbox:checked+label #moon{bottom:3px}#toggle_checkbox:checked+label #moon:before{background-color:#000}.toggle-container{position:fixed;top:50%;right:100px;transform:translateY(-50%);z-index:999}.LessonTitleContainerOnSideNav{margin-left:300px}.sectionDescription img{max-width:100%;height:auto}.Lesson{max-width:100%;display:flex;justify-content:center;align-items:center}.LessonContainer{width:40%}.Quiz{display:flex;justify-content:center}.QuizContainer{width:40%}.LessonExampleBox{margin-top:0}.LessonExampleNextLessonBox{margin-top:5vh}.LessonExampleAnswerBox{margin:8px;border-radius:4px}.wrongCross{color:red;display:inline;font-size:5vh;margin:0 10px}.correctCheckMark{color:green;display:inline;font-size:5vh;margin:0 10px 0 0}}@media only screen and (max-width:600px){.LessonTitleContainer{margin:20px}.arabicCircle{padding:20px;height:100px;width:100px}.LessonTitleContainerOnSideNav{margin-left:60px}.LessonExampleAnswerBox{margin:20px;border-radius:10px}.wrongCross{color:red;display:inline;font-size:4vh;margin:0 10px}.correctCheckMark{color:green;display:inline;font-size:4vh;margin:0 10px 0 0}}.lesson-feedback-card{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;padding:16px 20px;margin:16px auto;width:90%;max-width:400px;background:#f5f0fc;border-radius:16px;font-family:"Quicksand",sans-serif}.lesson-feedback-question{font-weight:700;font-size:1rem;margin:0;color:#483e5b}.lesson-feedback-buttons{display:flex;grid-gap:20px;gap:20px}.lesson-feedback-buttons button{font-size:2rem;background:none;border:none;cursor:pointer;line-height:1;padding:4px;transition:transform .15s ease}.lesson-feedback-buttons button:hover{transform:scale(1.15)}.lesson-feedback-thankyou{font-weight:700;font-size:1rem;color:#8747d4;text-align:center}.lesson-builder{display:flex;height:100vh;position:relative}.lesson-builder.is-book-importing{display:none}.lesson-builder.is-import-reviewing{margin-left:300px;width:calc(100% - 300px)}.import-workspace-tabs{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 0 12px;flex-wrap:wrap;flex-shrink:0}.import-workspace-tabs button{padding:7px 14px;border-radius:8px;border:1.5px solid #6c63ff;background:#fff;color:#6c63ff;font-weight:600;font-size:13px;cursor:pointer}.import-workspace-tabs button.active,.import-workspace-tabs button:hover{background:#6c63ff;color:#fff}.sticky-notification{position:sticky;top:0;z-index:50;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideDown .3s ease-out;font-size:15px;font-weight:500;margin-bottom:16px}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.sticky-notification.processing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.sticky-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sticky-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-content{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;max-width:1200px;margin:0 auto}.notification-content.multi{flex-direction:column;align-items:stretch;grid-gap:8px;gap:8px}.notification-group{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.notification-item{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px}.notification-spinner{width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notification-icon{font-size:20px;font-weight:700}.left-side{flex:1 1;padding:20px;overflow-y:auto}.ai-lesson-generator-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #e0e0e0}.ai-lesson-generator-section h3{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.ai-lesson-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;resize:vertical;margin-bottom:12px;min-height:150px}.ai-lesson-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.ai-lesson-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.lesson-source-text{min-height:420px;margin-bottom:0}.generate-lesson-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-lesson-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,.3)}.generate-lesson-button:active:not(:disabled){transform:translateY(0)}.generate-lesson-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.generation-error{margin-top:12px;padding:12px;background-color:#fee;color:#c33;border-radius:6px;font-size:14px;border:1px solid #fcc}.ai-image-generator-section{background:#f0f9ff;padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #bae6fd}.ai-image-generator-section h3{margin:0 0 15px;color:#0c4a6e;font-size:18px;font-weight:600}.ai-image-generator-section label{display:block;margin-bottom:8px;color:#0c4a6e;font-weight:500;font-size:14px}.ai-image-theme-input{width:100%;padding:12px;border:1px solid #7dd3fc;border-radius:6px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;resize:vertical;margin-bottom:12px;min-height:80px}.ai-image-theme-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.ai-image-theme-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.generate-images-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.generate-images-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(2,132,199,.3)}.generate-images-button:active:not(:disabled){transform:translateY(0)}.generate-images-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.generation-progress{margin-top:12px;padding:12px;background-color:#dbeafe;color:#0369a1;border-radius:6px;font-size:14px;border:1px solid #bae6fd;font-weight:500}.image-generation-note{margin-top:12px;font-size:13px;color:#64748b;font-style:italic}.regenerate-images-btn{padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:8px;box-shadow:0 2px 4px rgba(124,58,237,.2)}.regenerate-images-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 8px rgba(124,58,237,.3)}.regenerate-images-btn:active:not(:disabled){transform:translateY(0)}.regenerate-images-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;opacity:.7;box-shadow:none}.generate-quizzes-button{width:100%;padding:12px 20px;background:#e6af2e;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px}.generate-quizzes-button:hover:not(:disabled){background:#d39e1a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(230,175,46,.3)}.generate-quizzes-button:active:not(:disabled){transform:translateY(0)}.generate-quizzes-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.ai-quiz-generator-section{background:#fff7e6;padding:20px;border-radius:8px;margin-bottom:20px;border:2px solid #fde68a}.ai-quiz-generator-section h3{margin:0 0 12px;color:#92400e;font-size:18px;font-weight:600}.quiz-generation-note{margin-bottom:12px;font-size:14px;color:#92400e}.section-image-checkbox-container{margin:12px 0;padding:10px 14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:inline-flex;align-items:center;grid-gap:10px;gap:10px;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(118,75,162,.25)}.section-image-checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#fbbf24}.section-image-checkbox-container label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.image-switcher-container{background:#f8fafc;padding:15px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:15px}.image-switcher-container h5{margin:0 0 10px;color:#334155;font-size:14px;font-weight:600}.image-preview{background:#fff;padding:10px;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:12px;display:flex;justify-content:center;align-items:center;min-height:150px}.image-preview img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-switcher-controls{grid-gap:15px;gap:15px;margin-bottom:12px}.image-nav-button,.image-switcher-controls{display:flex;align-items:center;justify-content:center}.image-nav-button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;color:#475569}.image-nav-button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;transform:scale(1.05)}.image-nav-button:active:not(:disabled){transform:scale(.98)}.image-nav-button:disabled{opacity:.4;cursor:not-allowed}.image-option-indicator{font-size:13px;color:#64748b;font-weight:500;min-width:100px;text-align:center}.regenerate-image-button{width:100%;padding:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px}.regenerate-image-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(245,158,11,.3)}.regenerate-image-button:active{transform:translateY(0)}.right-side{flex:1 1;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:row;overflow:hidden}.lesson-preview{margin-top:5%;margin-bottom:5%;z-index:9999;width:50%;height:99%;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto}.lesson-selector-container{margin:20px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.lesson-selector-container h3{margin-top:0;color:#333;font-size:18px;margin-bottom:15px}.lessons-list{max-height:300px;overflow-y:auto;margin-bottom:15px}.lesson-item{padding:12px;border:1px solid #ddd;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background-color:#fff}.lesson-item:hover{border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.1)}.lesson-item.selected{border-color:#007bff;background-color:#e7f3ff;box-shadow:0 2px 4px rgba(0,123,255,.2)}.lesson-number{font-weight:700;color:#007bff;font-size:14px}.lesson-title{font-size:16px;margin:4px 0;color:#333}.lesson-info{font-size:12px;color:#666}.selected-lesson-info{padding:15px;background-color:#e8f4fd;border-radius:6px;border:1px solid #b3d9ff}.selected-lesson-info h4{margin-top:0;color:#0056b3}.selected-lesson-info div{margin:5px 0;color:#333}.loading,.no-lessons{text-align:center;padding:20px;color:#666;font-style:italic}.lesson-editor-controls{margin:20px 0;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;background-color:#f9f9f9;display:flex;grid-gap:14px;gap:14px;align-items:center;flex-wrap:wrap}.lesson-editor-controls [data-tooltip]{position:relative}.lesson-editor-controls [data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:220px;padding:6px 8px;border-radius:6px;background:#111827;color:#fff;font-size:12px;font-weight:500;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:20}.lesson-editor-controls [data-tooltip]:focus-visible:after,.lesson-editor-controls [data-tooltip]:hover:after{opacity:1}.regen-lesson-button,.reset-lesson-button,.save-lesson-button{padding:0 18px;min-width:120px;height:40px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-top:0;transition:background-color .2s ease}.save-lesson-button:hover:not(:disabled){background-color:#218838}.save-lesson-button:disabled{background-color:#6c757d}.reset-lesson-button{background-color:#dc3545;color:#fff}.reset-lesson-button:hover:not(:disabled){background-color:#c82333}.reset-lesson-button:disabled{background-color:#6c757d;cursor:not-allowed}.regen-lesson-button{background-color:#6c63ff;color:#fff}.regen-lesson-button:hover:not(:disabled){background-color:#5b54e6}.regen-lesson-button:disabled{background-color:#6c757d;cursor:not-allowed}.save-progress{margin-left:10px;padding:5px 10px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:12px}.quizzes-container{margin:20px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.quizzes-header{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-bottom:15px}.quizzes-header h3{margin:0;color:#333;font-size:18px}.quizzes-count-badge{background:#6c5ce7;color:#fff;font-size:12px;font-weight:600;padding:2px 9px;border-radius:12px}.quizzes-empty{color:#888;font-size:14px;padding:16px;text-align:center;border:1px dashed #ccc;border-radius:8px;margin-bottom:10px}.quizzes-container h3{margin-top:0;color:#333;font-size:18px;margin-bottom:15px}.quiz-item{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:6px;background-color:#fff}.template-editor-container .ql-container .ql-editor{direction:ltr!important;text-align:left!important}.ql-size-small{font-size:.75em}.ql-size-large{font-size:1.5em}.ql-size-huge{font-size:2.5em}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.ql-header-1{font-size:2em}.ql-header-2{font-size:1.5em}.ql-font-serif{font-family:serif}.ql-font-monospace{font-family:monospace}.ql-bold{font-weight:700}.ql-italic{font-style:italic}.ql-underline{text-decoration:underline}.ql-strike{text-decoration:line-through}.ql-list-ordered{list-style-type:decimal}.ql-list-bullet{list-style-type:disc}.ql-indent-1{padding-left:3em}.ql-indent-2{padding-left:6em}.ql-indent-3{padding-left:9em}.ql-indent-4{padding-left:12em}.ql-editor img{width:10%}.sketch-picker label{display:none!important}#rc-editable-input-1{width:110%!important;padding:4px 10% 3px;border:none;box-shadow:inset 0 0 0 1px #ccc;font-size:11px}.template-editor-container{display:flex;flex-direction:column;background-color:#f3e5f5;border:2px solid #ce93d8;padding:10px;margin-bottom:20px;border-radius:8px}.template-editor-content{flex:1 1;width:100%}.template-editor-handle{width:20px;display:flex;justify-content:center;align-items:center;cursor:grab}.template-editor-buttons{display:flex;justify-content:flex-end;width:100%;margin-top:10px}.template-editor-button{background-color:initial;border:none;cursor:pointer;margin-left:10px}.template-editor-button svg{fill:#ce93d8;width:24px;height:24px}.save-lesson-button{background-color:#28a745;color:#fff;border:none;padding:0 18px;min-width:120px;height:40px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.save-lesson-button:hover{background-color:#45a049}.save-lesson-button:disabled{background-color:#9e9e9e;cursor:not-allowed;opacity:.7;position:relative}.save-lesson-button:disabled:before{content:"";position:absolute;top:50%;left:10px;width:12px;height:12px;margin-top:-6px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:saveButtonSpin 1s linear infinite}@keyframes saveButtonSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-json-editor{background-color:#e6af2e;color:#fff;border:none;padding:10px 20px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.toggle-json-editor:hover{background-color:#b98610}.refresh-container{margin-right:20px;z-index:40000;display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.refresh-container .refresh-preview-button{margin-bottom:0;margin-right:0}.preview-theme-toggle{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;overflow:hidden}.preview-theme-toggle button{border:none;background:#fff;color:#334155;padding:6px 8px;font-size:11px;font-weight:700;cursor:pointer}.preview-theme-toggle button+button{border-top:1px solid #ccc}.preview-theme-toggle button.active{background:#262c3c;color:#fff}.lesson-preview.is-light{background:#fcf5e5}.lesson-preview.is-dark{background:#262c3c}.refresh-preview-button{background-color:#8f4ae2;color:#fff;border:none;padding:10px;font-size:16px;border-radius:50%;cursor:pointer;transition:background-color .3s ease;margin-bottom:20px;margin-right:auto;display:inline-flex;align-items:center;justify-content:center}.refresh-preview-button:hover{background-color:#7a3bc8}.lesson-form-input{display:block;width:80%;height:30px;font-size:16px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s ease,box-shadow .3s ease}.lesson-form-input:focus,.lesson-form-input:hover{border-color:#8f4ae2;box-shadow:0 0 8px rgba(143,74,226,.6);outline:none}.number-input{width:7%;margin-right:1%;background:none;border:none;box-shadow:none;color:#fff;font-size:20px;font-weight:700}.lesson-form-input.number-input:focus,.lesson-form-input.number-input:hover{border-color:transparent;box-shadow:none;outline:none;cursor:default}.lesson-form-input[readonly]:not(.number-input){background:none;border:none;box-shadow:none;color:#fff;cursor:default}.lesson-form-input[readonly]:not(.number-input):focus,.lesson-form-input[readonly]:not(.number-input):hover{background:none;border:none;box-shadow:none;outline:none;cursor:default}.lesson-form-input[readonly].empty{background:none}.form-row{display:flex;align-items:center;margin:5px}.form-row-image{align-items:flex-start;flex-wrap:wrap;grid-gap:8px;gap:8px}.form-image-copy{min-width:180px;max-width:240px}.form-text-wide{width:auto}.form-image-hint{margin-top:4px;font-size:12px;font-weight:400;line-height:1.35;color:hsla(0,0%,100%,.75)}.lesson-form-image{max-width:220px;max-height:160px;object-fit:contain;border-radius:8px;background:#fff}.lesson-form-image-empty{min-width:140px;min-height:80px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.7);font-size:13px}.form-text{margin-right:2px;width:70px;font-size:16px;font-weight:700;color:#fff}.lesson-form-input.empty{background-color:#c9bcbc}.lessonSelectorContainer{background-color:#8f4ae2;padding:20px;border-radius:20px;margin-bottom:50px}select{width:100%;margin:2px;height:30px;font-weight:700;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}select:focus,select:hover{border-color:#8f4ae2;box-shadow:0 0 8px rgba(143,74,226,.6);outline:none}.reactquill-input-group{padding:5px 5px 150px}.editor-toolbar{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 0 12px;flex-wrap:wrap}.toolbar-btn{padding:7px 14px;border-radius:8px;border:1.5px solid #6c63ff;background:#fff;color:#6c63ff;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.toolbar-btn:hover{background:#6c63ff;color:#fff}.chat-btn{margin-left:auto;border-color:#10b981;color:#10b981}.chat-btn:hover{background:#10b981;color:#fff}.unsaved-indicator{font-size:12px;color:#ef4444;font-weight:600}.regen-in-progress-badge{font-size:12px;color:#6c63ff;font-weight:600;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.regen-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#1e293b;color:#fff;border-radius:12px;padding:12px 20px;display:flex;align-items:center;grid-gap:12px;gap:12px;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.3);font-size:14px;max-width:90vw}.regen-toast-apply{background:#10b981;color:#fff;border:none;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer}.regen-toast-dismiss{background:transparent;color:#fff;border:none;cursor:pointer;font-size:16px;padding:0 4px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300000;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:#fff;border-radius:16px;padding:28px;max-width:520px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.25)}.modal-box-regen{max-width:880px;max-height:calc(100vh - 32px);overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin:0 0 6px}.modal-subtitle{font-size:14px;color:#64748b;margin:0 0 10px}.modal-context-hint{font-size:12px;color:#94a3b8;margin:2px 0}.modal-label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}.modal-textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px;font-size:14px;resize:vertical;font-family:inherit;box-sizing:border-box}.modal-textarea-regen{min-height:420px}.modal-note{font-size:12px;color:#94a3b8;margin:8px 0 0}.modal-actions{display:flex;justify-content:flex-end;align-items:center;grid-gap:10px;gap:10px;margin-top:20px}.modal-actions .regen-lesson-button,.modal-actions .reset-lesson-button,.modal-actions .save-lesson-button{margin-top:0;min-width:120px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.course-overview-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:900;opacity:0;transition:opacity .25s}.course-overview-backdrop.open{display:block;opacity:1}.course-overview-drawer{position:fixed;top:0;left:0;width:340px;max-width:90vw;height:100vh;background:#fff;z-index:1000;box-shadow:4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.course-overview-drawer.open{transform:translateX(0)}.course-overview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.course-overview-title{font-size:15px;font-weight:700;margin:0;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-overview-close{background:none;border:none;font-size:18px;cursor:pointer;color:#64748b;padding:4px;border-radius:6px;flex-shrink:0}.course-overview-close:hover{color:#1e293b}.course-overview-body{flex:1 1;overflow-y:auto;padding:8px 0}.course-overview-empty,.course-overview-error,.course-overview-loading{padding:20px;text-align:center;font-size:14px;color:#64748b}.course-overview-error{color:#ef4444}.course-tree-header-group{border-bottom:1px solid #f1f5f9}.course-tree-header-toggle{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.course-tree-header-toggle:hover{background:#f1f5f9}.course-tree-header-label{flex:1 1}.course-tree-chapters{padding-left:8px}.course-tree-chapter-group{border-bottom:1px solid #f8fafc}.course-tree-chapter-toggle{display:flex;align-items:center;grid-gap:6px;gap:6px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:13px;font-weight:600;color:#334155}.course-tree-chapter-toggle:hover{background:#f8fafc}.course-tree-chapter-label{flex:1 1}.course-tree-lessons{padding-left:8px}.course-tree-lesson-row{display:flex;align-items:center;grid-gap:8px;gap:8px;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;text-align:left;font-size:13px;color:#475569;border-radius:0;transition:background .12s}.course-tree-lesson-row:hover{background:#eff6ff}.course-tree-lesson-row.active{background:#eff6ff;color:#2563eb;font-weight:600}.lesson-row-number{font-size:11px;font-weight:700;color:#94a3b8;min-width:36px}.course-tree-lesson-row.active .lesson-row-number{color:#93c5fd}.lesson-row-title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row-badges{display:flex;grid-gap:4px;gap:4px;flex-shrink:0}.lesson-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px}.lesson-badge.generating{background:#fef9c3;color:#854d0e;animation:pulse 1.2s ease-in-out infinite}.lesson-badge.pending-cover{background:#ffedd5;color:#9a3412}.course-tree-chevron{font-size:10px;color:#94a3b8;flex-shrink:0}.course-overview-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.course-overview-count{font-size:12px;color:#64748b}.course-overview-refresh{background:none;border:none;cursor:pointer;font-size:12px;color:#6c63ff;font-weight:600}.course-settings-drawer{width:400px}.course-settings-section{padding:14px 20px;border-bottom:1px solid #f1f5f9}.course-settings-section-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:10px}.course-settings-label{display:block;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px}.course-settings-input{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;color:#111827;resize:vertical}.course-settings-input:focus{outline:none;border-color:#6c63ff}.course-settings-cover{display:block;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0}.course-settings-cover,.course-settings-empty-cover{width:120px;aspect-ratio:1410/2250;margin-bottom:8px}.course-settings-empty-cover{display:flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:6px;color:#94a3b8;font-size:11px;text-align:center}.course-settings-cover-grid{margin-top:10px}.course-settings-goal-row{display:flex;align-items:center;grid-gap:6px;gap:6px;margin-bottom:5px}.course-settings-goal-remove{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:4px;flex-shrink:0}.course-settings-goal-remove:hover{color:#ef4444}.course-settings-checkbox{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:13px;color:#374151;margin-top:12px;cursor:pointer}.course-settings-notice{margin:10px 20px;padding:8px 10px;border-radius:6px;background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;font-size:12px}.course-settings-release{margin-top:12px;padding:10px;border:1px solid #ddd6fe;background:#f5f3ff;border-radius:8px}.course-settings-release-note{margin:0 0 8px;font-size:12px;color:#4c1d95;line-height:1.4}.agent-chat-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:900}.agent-chat-backdrop.open{display:block}.agent-chat-drawer{position:fixed;top:0;left:0;width:400px;max-width:95vw;height:100vh;background:#fff;z-index:1000;box-shadow:4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateX(-105%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.agent-chat-drawer.open{transform:translateX(0)}.agent-chat-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#6c63ff,#5b54d9);color:#fff;flex-shrink:0}.agent-chat-header-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.agent-chat-title{font-size:16px;font-weight:700}.agent-chat-subtitle{font-size:11px;opacity:.8}.agent-chat-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.agent-chat-close:hover{background:hsla(0,0%,100%,.35)}.agent-chat-context-bar{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:8px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-wrap:wrap;flex-shrink:0}.agent-context-toggle{display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:12px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.agent-context-toggle input{cursor:pointer}.agent-undo-button{margin-left:auto;background:none;border:1.5px solid #f97316;color:#f97316;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}.agent-undo-button:hover:not(:disabled){background:#fff7ed}.agent-undo-button:disabled{opacity:.45;cursor:not-allowed}.agent-chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.agent-chat-empty{text-align:center;color:#94a3b8;padding:20px 0}.agent-chat-empty p{font-size:14px;margin-bottom:12px}.agent-chat-examples{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;justify-content:center}.agent-example-chip{background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer;color:#475569;transition:background .12s}.agent-example-chip:hover{background:#e2e8f0}.agent-message{display:flex;flex-direction:column;grid-gap:4px;gap:4px;max-width:85%}.agent-message.user{align-self:flex-end}.agent-message.assistant{align-self:flex-start}.agent-message.system{align-self:center;opacity:.6}.agent-message-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.agent-message.user .agent-message-role{text-align:right}.agent-message-content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5}.agent-message.user .agent-message-content{background:#6c63ff;color:#fff;border-radius:12px 12px 4px 12px}.agent-message.assistant .agent-message-content{background:#f1f5f9;color:#1e293b;border-radius:12px 12px 12px 4px}.agent-message.error .agent-message-content{background:#fee2e2;color:#dc2626}.agent-message.system .agent-message-content{background:#fef9c3;color:#92400e;font-size:12px;border-radius:8px;padding:6px 12px}.agent-thinking-row{display:flex;align-items:center;grid-gap:8px;gap:8px}.agent-thinking-dots{display:flex;grid-gap:4px;gap:4px;padding:10px 14px;background:#f1f5f9;border-radius:12px 12px 12px 4px}.agent-thinking-dots span{width:8px;height:8px;border-radius:50%;background:#94a3b8;animation:bounce 1.2s ease-in-out infinite}.agent-thinking-dots span:nth-child(2){animation-delay:.2s}.agent-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.1);opacity:1}}.agent-chat-input-area{display:flex;grid-gap:8px;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.agent-chat-input{flex:1 1;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 12px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .15s}.agent-chat-input:focus{border-color:#6c63ff}.agent-chat-input:read-only{background:#f1f5f9;color:#64748b;cursor:default}.agent-chat-send{background:#6c63ff;color:#fff;border:none;border-radius:12px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.agent-chat-send:hover:not(:disabled){background:#5b54d9}.agent-chat-send:disabled{opacity:.5;cursor:not-allowed}.agent-chat-stop{background:#dc2626;color:#fff;border:none;border-radius:12px;padding:0 16px;min-height:36px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.agent-thinking-row .agent-chat-stop{min-height:32px;padding:0 12px;border-radius:10px}.agent-chat-stop:hover:not(:disabled){background:#b91c1c}.agent-chat-stop:disabled{opacity:.6;cursor:wait}.agent-renumber-card{margin-top:10px;padding:10px 12px;border:1px solid #ddd6fe;background:#f5f3ff;border-radius:10px}.agent-renumber-title{font-size:12px;font-weight:700;margin-bottom:6px}.agent-renumber-list{margin:0 0 8px 16px;padding:0;font-size:12px;line-height:1.45}.agent-renumber-unsaved,.agent-renumber-warnings{font-size:12px;line-height:1.4;margin-bottom:8px}.agent-renumber-warnings{color:#92400e}.agent-renumber-unsaved{color:#9a3412}.agent-renumber-actions{display:flex;grid-gap:8px;gap:8px}.agent-renumber-cancel,.agent-renumber-confirm{border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer}.agent-renumber-confirm{background:#6c63ff;color:#fff}.agent-renumber-confirm:disabled{opacity:.5;cursor:not-allowed}.agent-renumber-cancel{background:#e2e8f0;color:#334155}.agent-renumber-status{font-size:12px;font-weight:600;color:#475569}.agent-renumber-status.done{color:#166534}.agent-renumber-status.failed{color:#b91c1c}.unsaved-dot{display:inline-block;width:6px;height:6px;background:#ef4444;border-radius:50%;margin-left:4px;vertical-align:middle}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;z-index:800;box-shadow:0 -2px 12px rgba(0,0,0,.08)}.mobile-tab-item{flex:1 1;background:none;border:none;padding:10px 4px;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:4px;gap:4px;transition:color .15s}.mobile-tab-item.active{color:#6c63ff}@media (max-width:768px){.lesson-builder{flex-direction:column;height:auto;min-height:100vh;padding-bottom:60px}.left-side{width:100%!important;padding:12px!important;overflow-y:auto}.right-side{width:100%!important;height:60vh;border-left:none!important;border-top:1px solid #e2e8f0}.mobile-hidden{display:none!important}.mobile-tab-bar{display:flex}.quiz-sidebar-template-preview,.sidebar-template-preview{display:none}.agent-chat-drawer,.course-overview-drawer{width:100vw;max-width:100vw}.lessonSelectorContainer{padding:8px!important}.lesson-editor-controls{flex-wrap:wrap;grid-gap:8px;gap:8px}.regen-lesson-button,.reset-lesson-button,.save-lesson-button{width:auto;min-width:0;flex:1 1;height:38px;font-size:13px;padding:0 12px}.regen-toast{bottom:70px}}@media (max-width:480px){.agent-chat-header{padding:12px 14px}.agent-chat-title{font-size:14px}.modal-box{padding:20px 16px}.editor-toolbar{padding:6px 0 10px}.toolbar-btn{font-size:12px;padding:6px 10px}}.ai-lesson-generator-header{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin-bottom:4px}.ai-lesson-generator-header h3{margin:0}.lesson-source-stale{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;color:#9a3412}.book-upload-error,.lesson-source-stale{margin:8px 0 0;padding:7px 10px;font-size:12px}.book-upload-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c}.book-resume-row{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;margin:8px 0 0}.book-unfinished-list{margin:10px 0 4px;display:flex;flex-direction:column;grid-gap:6px;gap:6px}.book-unfinished-heading{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#6b7280}.book-unfinished-empty{font-size:12px;color:#9ca3af}.book-unfinished-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-column-gap:10px;column-gap:10px;grid-row-gap:2px;row-gap:2px;width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;cursor:pointer}.book-unfinished-row:hover{border-color:#c7d2fe;background:#f5f3ff}.book-unfinished-title{grid-column:1;font-size:13px;font-weight:600;color:#1a1a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-unfinished-status{grid-column:2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#4338ca;background:#ede9fe;border-radius:4px;padding:2px 6px;align-self:start}.book-unfinished-status.status-failed{color:#b91c1c;background:#fee2e2}.book-unfinished-status.status-review{color:#166534;background:#dcfce7}.book-unfinished-status.status-running{color:#1e40af;background:#dbeafe}.book-unfinished-meta{grid-column:1/-1;font-size:11px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-import-trigger-btn{flex-shrink:0;padding:6px 14px;border-radius:8px;border:1.5px solid #6c63ff;background:transparent;color:#6c63ff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.bulk-import-trigger-btn:hover{background:#6c63ff;color:#fff}.bulk-drawer{position:fixed;top:0;left:0;height:100vh;width:300px;background:#fff;border-right:1px solid #e5e7eb;box-shadow:4px 0 20px rgba(0,0,0,.12);z-index:1100;display:flex;flex-direction:column;overflow:hidden}.bulk-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #e5e7eb;background:#fafafa;flex-shrink:0}.bulk-drawer-title{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:2px}.bulk-drawer-subtitle{font-size:12px;color:#6b7280}.bulk-drawer-close{background:none;border:none;font-size:16px;cursor:pointer;color:#9ca3af;line-height:1;padding:2px 6px;border-radius:4px;margin-left:8px;flex-shrink:0;transition:background .12s,color .12s}.bulk-drawer-close:hover{background:#f3f4f6;color:#111}.bulk-drawer-controls{border-bottom:1px solid #e5e7eb;flex-shrink:0}.bulk-theme-row{padding:8px 14px;border-bottom:1px solid #f0f0f0}.bulk-theme-label{display:block;font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.bulk-theme-input{width:100%;font-size:11px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;resize:vertical;box-sizing:border-box;color:#374151}.bulk-run-row{padding:8px 14px;display:flex;grid-gap:8px;gap:8px}.bulk-lesson-list{flex:1 1;overflow-y:auto}.bulk-lesson-row{border-bottom:1px solid #f3f4f6;transition:background .1s}.bulk-lesson-row:hover{background:#fafafa}.bulk-lesson-row.active{background:#ede9fe}.bulk-lesson-row-btn{width:100%;display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 14px;background:none;border:none;cursor:pointer;text-align:left}.bulk-lesson-number{font-size:10px;font-weight:700;color:#6c63ff;flex-shrink:0;min-width:30px}.bulk-lesson-title{font-size:12px;color:#1f2937;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-lesson-actions{display:flex;align-items:center;flex-wrap:wrap;grid-gap:6px;gap:6px;padding:4px 14px 8px}.bulk-track-card .bulk-lesson-actions{padding-left:0;padding-right:0}.bulk-status-badge{flex-shrink:0;font-size:10px;font-weight:600;padding:2px 6px;border-radius:20px;white-space:nowrap}.bulk-status-pending{background:#f3f4f6;color:#9ca3af}.bulk-status-generating{background:#dbeafe;color:#1d4ed8}.bulk-status-done{background:#d1fae5;color:#065f46}.bulk-status-error{background:#fee2e2;color:#b91c1c}.bulk-btn{padding:6px 12px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .12s,background .12s;white-space:nowrap}.bulk-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-btn-sm{padding:4px 10px;font-size:11px}.bulk-btn-primary{background:#6c63ff;color:#fff}.bulk-btn-primary:hover:not(:disabled){background:#5a52d5}.bulk-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.bulk-btn-secondary:hover:not(:disabled){background:#e5e7eb}.bulk-btn-copy{background:#059669;color:#fff}.bulk-btn-copy:hover:not(:disabled){background:#047857}.bulk-btn-danger{background:#ef4444;color:#fff}.bulk-btn-danger:hover:not(:disabled){background:#dc2626}.bulk-generating-badge{font-size:11px;color:#1d4ed8;font-weight:600}.bulk-error-msg{font-size:10px;color:#b91c1c;font-weight:500;white-space:normal;word-break:break-word}.bulk-quiz-pill{font-size:10px;font-weight:700;background:#d1fae5;color:#065f46;padding:2px 6px;border-radius:20px}.bulk-drawer-scroll{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.bulk-drawer-scroll .bulk-lesson-list{flex:none;overflow:visible}.bulk-text-input{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;font-family:inherit;color:#111827;margin-bottom:4px}.bulk-hint{font-size:11px;line-height:1.5;color:#6b7280;margin:8px 0}.bulk-error-banner{padding:8px 10px;border-radius:6px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;word-break:break-word}.bulk-error-banner,.bulk-resume-banner{margin:10px 14px;font-size:11px;line-height:1.5}.bulk-resume-banner{padding:10px;border-radius:6px;background:#fef3c7;border:1px solid #fde68a;color:#78350f}.bulk-resume-banner .bulk-lesson-actions{padding:8px 0 0}.bulk-success-banner{margin:10px 14px;padding:8px 10px;border-radius:6px;background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;font-size:11px;line-height:1.5}.bulk-track-card{padding:10px 14px;border-bottom:1px solid #f3f4f6}.bulk-track-card.is-active-workspace{background:#f8f7ff}.bulk-workspace-nav{border-bottom:1px solid #e2e8f0;padding:6px 0 8px}.bulk-track-nav{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left}.bulk-track-nav.active,.bulk-track-nav:hover{background:#f8f7ff}.bulk-workspace-nav .bulk-error-msg,.bulk-workspace-nav .bulk-hint{margin-left:14px;margin-right:14px}.bulk-track-head{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;margin-bottom:6px}.bulk-track-name{font-size:12px;font-weight:700;color:#1a1a2e}.bulk-draft .bulk-theme-label{margin-top:8px}.bulk-progress-track{height:6px;border-radius:3px;background:#f3f4f6;overflow:hidden}.bulk-progress-fill{height:100%;background:#6c63ff;transition:width .3s ease}.bulk-cover-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:8px}.bulk-cover-option{padding:0;border:2px solid transparent;border-radius:6px;background:#f3f4f6;cursor:pointer;overflow:hidden;line-height:0}.bulk-cover-option.selected{border-color:#6c63ff}.bulk-cover-option img{width:100%;aspect-ratio:1410/2250;object-fit:cover;display:block}.course-tree-pinned{padding:8px 0 10px;border-bottom:1px solid #e2e8f0;margin-bottom:4px}.course-tree-workspace-row .lesson-row-number{min-width:44px;text-transform:uppercase;letter-spacing:.04em}.course-cover-option-caption{display:block;padding:6px;font-size:10px;line-height:1.35;color:#475569;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}.course-workspace-controls{padding:16px}.course-workspace-heading{margin:0 0 6px;font-size:16px}.course-workspace-hint{margin:0 0 12px;font-size:13px;color:#64748b;line-height:1.45}.course-cover-confirm-notice{margin:0 0 12px;padding:8px 10px;border-radius:6px;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:13px;line-height:1.45}.course-cover-workspace-grid,.course-workspace-controls .bulk-btn-copy{margin-top:12px}.course-cover-preview{padding:24px;display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px}.course-cover-preview img{width:min(360px,100%);aspect-ratio:1410/2250;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 12px 32px rgba(15,23,42,.12)}.course-cover-preview-caption{max-width:360px;font-size:13px;color:#475569;text-align:center;line-height:1.45}.course-cover-preview-empty{width:min(280px,100%)}.left-side.is-course-chat{display:flex;flex-direction:column;overflow:hidden;min-height:0}.left-side.is-course-chat .editor-toolbar,.left-side.is-course-chat .lessonSelectorContainer{flex-shrink:0}.course-data-agent{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px 0 0}.course-data-agent-bar{padding-left:0;padding-right:0}.course-data-agent-messages{flex:1 1;min-height:0;overflow-y:auto}.course-data-agent .agent-chat-input-area{flex-shrink:0}.right-side.is-course-form{align-items:flex-start;justify-content:flex-start;overflow-y:auto;min-height:0}.right-side.is-course-form .course-data-preview{width:100%}.course-data-preview{padding:28px 32px 48px;max-width:720px}.course-data-preview-header{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:16px;gap:16px;margin-bottom:20px}.course-data-preview-actions{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;align-items:center}.course-data-preview-kicker{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.course-data-preview-title{margin:4px 0 0;font-size:28px;line-height:1.2}.course-data-preview-author{margin-top:4px;color:#475569}.course-data-preview section{margin-bottom:22px}.course-data-preview .course-settings-input{width:100%;box-sizing:border-box}.course-data-preview h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.course-data-preview li,.course-data-preview p{font-size:15px;line-height:1.55;color:#1e293b}.course-data-preview ul{margin:0;padding-left:18px}.course-data-preview-flags{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.course-data-preview-flags span{font-size:12px;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#334155}@media (max-width:700px){.bulk-drawer{width:100vw;max-width:100vw}.lesson-builder.is-import-reviewing{margin-left:0;width:100%}}.sidebar{position:fixed;top:0;right:-50%;width:50%;height:100%;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;z-index:100000;overflow-y:auto}.sidebar.open{right:0}.sidebar-toggle{position:fixed;font-weight:700;top:10px;right:10px;background-color:#8f4ae2;color:#fff;border:none;padding:10px;cursor:pointer;z-index:200100;border-radius:10px;display:flex;align-items:center;justify-content:center;width:120px}.sidebar-content{padding:20px;display:flex;flex-wrap:wrap}.template-preview{flex:1 1 40%;margin:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.template-preview-container{width:100%;height:auto;overflow:hidden;transition:box-shadow .3s ease;border-radius:10px}.template-preview-container:hover{box-shadow:0 0 15px 5px #8f4ae2}.template-name{font-weight:700;margin-bottom:5px;text-align:center}.quiz-builder{display:flex;flex-direction:column;padding:20px;background-color:#f0f0f0}.quiz-sidebar{position:fixed;top:0;right:-50%;width:50%;height:100%;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,.5);transition:right .3s ease;z-index:1000;overflow-y:auto}.quiz-sidebar.open{right:0;z-index:300000}.quiz-sidebar-toggle{position:fixed;top:70px;right:10px;background-color:#e6af2e;color:#fff;border:none;padding:10px;cursor:pointer;z-index:1001;border-radius:10px;font-weight:700;width:120px;display:flex;align-items:center;justify-content:center}.quiz-sidebar-content{padding:20px;z-index:2000000}.quiz-template-preview{flex:1 1 40%;margin:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center}.quiz-template-preview:hover{box-shadow:0 0 15px 5px #d1aa4e}.quiz-template-name{font-weight:700;margin-bottom:5px;text-align:center}.quiz-template-preview-container{width:100%;height:auto;overflow:hidden;transition:box-shadow .3s ease;border-radius:10px}.quiz-template-editor{background-color:#f7d27c;border:2px solid #e6bc5a;padding:20px;margin-bottom:20px;border-radius:8px}.quiz-question-input{margin-bottom:20px}.quiz-answer-input{margin-bottom:15px;padding:10px;background-color:#fff;border-radius:5px;border:1px solid #a58334}.quiz-answer-input label{display:flex;align-items:center;margin-top:10px}.quiz-answer-input input[type=radio]{margin-right:10px}.quiz-template-editor button{background-color:#bb8300;color:#fff;border:none;padding:10px 15px;margin:5px;border-radius:4px;cursor:pointer;transition:background-color .3s}.quiz-template-editor button:hover{background-color:#eea700}.quiz-template-editor-buttons{display:flex;justify-content:flex-end;margin-top:20px}.quiz-template-editor-button{background-color:initial!important;border:none;cursor:pointer;margin-left:10px}.quiz-template-editor-button svg{fill:#a87600;width:24px;height:24px}.quiz-template-editor-handle{display:flex;justify-content:center;cursor:grab;margin-top:10px}.quiz-preview{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px;margin-bottom:20px}.quiz-preview h3{margin-bottom:15px;color:#333}.quiz-preview ul{list-style-type:none;padding:0}.quiz-preview li{margin-bottom:10px;padding:10px;border:1px solid #e0e0e0;border-radius:3px;transition:background-color .3s}.quiz-preview li:hover{background-color:#f5f5f5}.quiz-preview li.correct{background-color:#e8f5e9;border-color:#a5d6a7}.quiz-preview .explanation{font-size:.9em;font-style:italic;color:#666;margin-top:5px}@media (max-width:768px){.quiz-sidebar{width:100%;right:-100%}.quiz-sidebar-toggle{top:130px}}.correct-answer-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;margin:5px 0;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s;font-weight:700}.correct-answer-button:not(.correct){background-color:#f0f0f0;color:#333}.correct-answer-button.correct{background-color:#4caf50;color:#fff}.correct-answer-button svg{margin-right:5px}.input-group{display:flex;flex-direction:row;align-items:center;padding:5px}.input-group h5{width:18%;font-size:2vh;font-weight:700;color:#8e24aa}.input-group input[type=text]{width:80%}.input-group input[type=number],.input-group input[type=text]{padding:8px;border:1px solid #ce93d8;border-radius:4px;font-size:14px}.input-group input[type=number]{margin-left:20px;text-align:center;width:10%}.input-group input[type=number]:focus,.input-group input[type=text]:focus{outline:none;border-color:#8e24aa;box-shadow:0 0 0 2px rgba(142,36,170,.2)}.ql-editor{width:100%}.custom-quill-editor{width:80%;margin:0 auto}.custom-quill-editor .ql-editor,.custom-quill-editor .ql-toolbar{width:100%}.lessonSelectorButtonsContainer{display:flex;justify-content:space-between;align-items:center}.json-editor{width:100%;margin-bottom:20px}.json-editor textarea{width:100%;min-height:300px;padding:15px;background-color:#fff;border:2px solid #e6bc5a;border-radius:8px;font-family:monospace;font-size:14px;line-height:1.5;color:#333;resize:vertical;transition:border-color .3s,box-shadow .3s}.json-editor textarea:focus{outline:none;border-color:#bb8300;box-shadow:0 0 0 2px rgba(187,131,0,.2)}.json-editor .error{color:#d32f2f;margin-top:10px;font-size:14px}.reactquill-input-group{display:flex;flex-direction:row;align-items:center;padding:10px 10px 150px;background-color:#decff3;border-radius:10px}.reactquill-input-group h5{width:18%;font-size:2vh;font-weight:700;color:#8e24aa}.reactquill-input-group input[type=text]{width:80%;padding:8px;border:1px solid #ce93d8;border-radius:4px;font-size:14px}:root{--background-light:#fcf5e5;--background-dark:#262c3c;--font-light:#000;--font-dark:#fff}.lightThemeFont{color:var(--font-light);transition:color .3s ease}.darkThemeFont{color:var(--font-dark);transition:color .3s ease}.lightbody{background:var(--background-light)}.darkbody,.lightbody{transition:background .5s ease}.darkbody{background:var(--background-dark)}
/*# sourceMappingURL=main.8ced707e.chunk.css.map */