@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}:root{--bodyBackground:#f9f9f9;--boxBackground:#fff;--inputBackground:#0000000f;--transparentBackground:#fff6;--text:#000c;--lightText:#0009;--lightBorder:#0000001a;--darkBorder:#0003;--shadow:#00000014;--shadowHover:#00000029;--orange:#f60;--orangeBackground:#ff66001a;--orangeBorder:#f606;--defaultPadding:24px;--negDefaultPadding:-24px;--defaultGap:16px;--negDefaultGap:-16px;--inactiveBox:#fff9;--tabContainerBackground:#eee}.dark{--bodyBackground:#121212;--boxBackground:#1e1e1e;--transparentBackground:#0006;--inputBackground:#ffffff0f;--text:#fffc;--lightText:#fff9;--lightBorder:#ffffff26;--darkBorder:#ffffff40;--shadow:#0000003d;--shadowHover:#0000005c;--orange:#ff8533;--orangeBackground:#ff85331a;--orangeBorder:#ff853366;--inactiveBox:#1e1e1e99;--tabContainerBackground:#070707}a{color:inherit;text-decoration:none}input{color:inherit}input::placeholder{color:var(--lightText)}.layout{color:var(--text);background-color:var(--bodyBackground);min-height:100dvh;max-height:100dvh;font-family:Montserrat,sans-serif;display:flex}.sidebar{background-color:var(--boxBackground);border-right:1px solid var(--lightBorder);flex-direction:column;justify-content:space-around;width:25%;max-width:264px;transition:all .2s;display:flex;position:relative}.sidebar .toggleButton{border:1px solid var(--darkBorder);z-index:1004;background-color:var(--boxBackground);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .6s;display:flex;position:absolute;top:120px;right:-12px;transform:rotate(0)}.sidebar .toggleButton:hover{box-shadow:2px 2px 4px var(--shadow);transform:scale(1.1)}.sidebar .logoArea{flex-direction:column;justify-content:center;align-items:center;display:flex}.sidebar .logoArea .logoCollapsed{transition:all .2s;display:none}.sidebar .logoArea .logoTop{color:var(--orange);opacity:1;font-size:78px;font-weight:900;line-height:100%;transition:all .2s}.sidebar .logoArea .logoMiddle{color:var(--lightText);opacity:1;font-size:26px;font-weight:900;line-height:100%;transition:all .2s}.sidebar .logoArea .logoBottom{background-color:var(--lightText);color:var(--boxBackground);text-align:center;opacity:1;border-radius:40px;margin-top:6px;padding:8px 30px;font-size:30px;font-weight:800;line-height:100%;transition:all .2s}.sidebar .menu{flex-direction:column;gap:6px;padding:20px;display:flex}.sidebar .menu .item{border-radius:10px;outline:1px solid #0000;align-items:center;gap:10px;height:40px;padding:0 12px;font-size:14px;transition:all .2s;display:flex;position:relative}.sidebar .menu .item:hover{background-color:var(--inputBackground)}.sidebar .menu .item.active{background-color:var(--orangeBackground);outline:solid 1px var(--orangeBorder);color:var(--orange);font-weight:600}.sidebar .menu .item .icon{justify-content:center;align-items:center;width:24px;display:flex}.sidebar .menu .item .activeBar{background-color:var(--orange);border-radius:0 5px 5px 0;width:5px;height:32px;transition:all .2s;position:absolute;left:-20px}.sidebar .footer{color:var(--lightText);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0 30px;font-size:13px;line-height:100%;display:flex}.sidebar .footer .divider{background-color:var(--lightText);border-radius:4px;width:4px;height:4px}.sidebar .footer .item{cursor:pointer;transition:all .2s}.sidebar .footer .item:hover{color:var(--orange);font-weight:550}.sidebar.collapsed{width:86px}.sidebar.collapsed .menu{padding:20px 18px}.sidebar.collapsed .menu .item .activeBar{left:-18px}.sidebar.collapsed .footer .item,.sidebar.collapsed .footer .divider{display:none}.sidebar.collapsed .menu .item{justify-content:center}.sidebar.collapsed .menu .item .label{display:none}.sidebar.collapsed .logoArea .logoTop,.sidebar.collapsed .logoArea .logoMiddle,.sidebar.collapsed .logoArea .logoBottom{opacity:0;display:none}@starting-style{.sidebar.collapsed .logoArea .logoTop,.sidebar.collapsed .logoArea .logoMiddle,.sidebar.collapsed .logoArea .logoBottom,.sidebar.collapsed .logoArea .logoCollapsed{opacity:0}}.sidebar.collapsed .logoArea .logoCollapsed{color:var(--orange);font-size:42px;font-weight:900;display:block}.sidebar.collapsed .toggleButton{transform:rotate(180deg)}.bottomNavigation{display:none}.mainContent{scrollbar-width:thin;flex-direction:column;flex:1;max-height:100dvh;display:flex;overflow:auto}.courseContainer{flex-direction:column;flex:1;justify-content:center;transition:all .2s;display:flex}.topbar{padding:var(--defaultPadding);background-color:var(--bodyBackground);z-index:1003;justify-content:space-between;align-items:center;gap:10px;min-height:44px;max-height:44px;padding-bottom:0;display:flex;position:sticky;top:0}.topbar:before{content:"";background-image:linear-gradient(var(--bodyBackground) 20%, transparent 100%);bottom:var(--negDefaultPadding);width:100%;height:var(--defaultPadding);position:absolute;left:0}.topbar .leftContainer{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar .titleContainer{flex-direction:column;gap:3px;display:flex}.topbar .titleContainer .title{font-size:26px;font-weight:600}.topbar .titleContainer .titleSmall{font-size:18px;font-weight:600}.topbar .titleContainer .semiTitle{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.topbar .buttonContainer{gap:8px;display:flex}.topbar .button{border:1px solid var(--darkBorder);background-color:var(--boxBackground);cursor:pointer;width:40px;min-width:40px;height:40px;color:var(--text);border-radius:20px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.topbar .button:hover{box-shadow:2px 2px 4px var(--shadow);transform:scale(1.1)}.courseBoxContainer{gap:var(--defaultGap);padding:var(--defaultPadding);flex:1;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));display:grid}.courseBoxContainer .courseBox{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);height:115px;box-shadow:4px 4px 12px var(--shadow);border-radius:12px;flex-direction:column;justify-content:center;gap:8px;padding:28px;transition:all .2s;display:flex;position:relative}.courseBoxContainer .courseBox:hover{box-shadow:4px 4px 12px var(--shadowHover);transform:scale(1.01)translateY(-3px)}.courseBoxContainer .courseBox .code{font-size:14px;font-weight:650}.courseBoxContainer .courseBox .title{font-size:17px;font-weight:550}.courseBoxContainer .courseBox .solved{bottom:var(--defaultGap);right:var(--defaultGap);color:#0faf0f;background-color:#0faf0f26;border:1px solid #0faf0f;border-radius:6px;align-items:center;gap:6px;padding:5px 8px 5px 7px;font-size:12px;font-weight:500;display:flex;position:absolute}.dark .courseBoxContainer .courseBox .solved{color:#3ef43e;background-color:#3ef43e33;border:1px solid #3ef43e}.courseBoxContainer .courseBox .divider{background-color:var(--lightBorder);width:30%;height:2px;margin:6px 0}.courseBoxContainer .courseBox .details{color:var(--lightText);font-size:13px}.courseBoxContainer .courseBox .details b{font-weight:500}.courseBoxContainer .courseBox .deleteButton{background-color:var(--boxBackground);border:none;border:1px solid var(--darkBorder);width:42px;height:42px;color:var(--text);box-shadow:2px 2px 4px var(--shadow);cursor:pointer;border-radius:8px;transition:all .2s;position:absolute;bottom:14px;right:14px}.courseBoxContainer .courseBox .deleteButton:hover{box-shadow:2px 2px 4px var(--shadowHover);transform:scale(1.1)}.editCourses .courseBox:hover{box-shadow:4px 4px 12px var(--shadow);transform:none}.filterContainer{padding:2px var(--defaultPadding);background-color:var(--bodyBackground);z-index:1002;justify-content:space-between;align-items:center;display:flex;position:sticky;top:92px}.filterContainer.transparent{background-color:#0000}.filterContainer.transparent:before,.filterContainer.transparent:after{display:none}.filterContainer .addButton{background-color:var(--boxBackground);border:1px solid var(--darkBorder);cursor:pointer;box-shadow:2px 2px 4px 0 var(--shadow);border-radius:10px;outline:0 solid #0000;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:14px;font-weight:450;transition:all .2s;display:flex}.filterContainer .addButton:hover{box-shadow:2px 2px 4px 0 var(--shadowHover);transform:scale(1.01)}.filterContainer .seeAllButton{color:var(--orange);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:4px 2px 4px 8px;transition:all .2s;display:flex}.filterContainer .seeAllButton:hover{background-color:var(--inputBackground)}.filterContainer .seeAllButton .text{font-size:14px;font-weight:600}.filterContainer .sectionTitle{justify-content:center;align-items:center;gap:12px;display:flex}.filterContainer .sectionTitle .shape{background-color:var(--orange);border-radius:6px;width:12px;height:12px}.filterContainer .sectionTitle .text{font-size:18px;font-weight:550}.filterContainer:before{content:"";background-image:linear-gradient(var(--bodyBackground), transparent);bottom:var(--negDefaultPadding);width:100%;height:var(--defaultPadding);position:absolute;left:0}.filterContainer:after{content:"";background-image:linear-gradient(transparent 0%, var(--bodyBackground) 40%);top:var(--negDefaultPadding);width:100%;height:var(--defaultPadding);position:absolute;left:0}.filterContainer .searchBox{background-color:var(--inputBackground);border:1px solid var(--darkBorder);border-radius:10px;outline:0 solid #0000;align-items:center;gap:10px;width:240px;padding:10px;transition:all .2s;display:flex;position:relative}.filterContainer .searchBox .icon{min-width:18px}.filterContainer .searchBox input{background:0 0;border:0;outline:0;flex:1;font-family:Montserrat,sans-serif;font-size:13px}.filterContainer .searchBox .clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.filterContainer .searchBox:hover{box-shadow:2px 2px 4px 0 var(--shadow)}.filterContainer .searchBox:focus-within{background-color:var(--boxBackground);box-shadow:2px 2px 4px 0 var(--shadowHover);outline:1px solid #f97316}.filterContainer .searchBox .clear:hover{background-color:var(--lightBorder)}.gap{min-height:var(--defaultPadding)}.smallGap{min-height:var(--defaultGap)}.dropdown{background-color:var(--boxBackground);border:1px solid var(--darkBorder);cursor:pointer;border-radius:10px;outline:0 solid #0000;align-items:center;gap:10px;width:134px;padding:10px;transition:all .2s;display:flex;position:relative}.dropdown .content{cursor:pointer;color:var(--text);background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;font-family:Montserrat,sans-serif;font-size:13px;display:flex}.dropdown:hover{box-shadow:2px 2px 4px 0 var(--shadow)}.dropdown:focus-within{outline:1px solid var(--orange);box-shadow:2px 2px 4px 0 var(--shadowHover)}.dropdownArrow{transition:all .2s}.dropdownArrow.open{transform:rotate(180deg)}.dropdown .menu{background-color:var(--boxBackground);box-shadow:4px 4px 12px var(--shadow);z-index:1000;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:2px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden}.dropdown .menu .item{cursor:pointer;color:var(--text);background-color:#0000;border:none;border-radius:6px;outline:none;align-items:center;gap:6px;margin:0;padding:6px;font-family:Montserrat,sans-serif;display:flex}.dropdown .menu .item:hover{background-color:var(--lightBorder)}.dropdown .menu .item .icon{justify-content:center;align-items:center;width:16px;display:flex}.dropdown .menu .item.active{color:var(--orange);font-weight:600}.welcomeBox{background-color:var(--boxBackground);border-left:6px solid var(--orange);outline:1px solid var(--darkBorder);margin:var(--defaultPadding);box-shadow:0px 4px 12px var(--shadow);justify-content:center;align-items:start;gap:var(--defaultGap);background-position:50%;background-size:cover;border-radius:16px;flex-direction:column;padding:32px;transition:all .2s;display:flex}.welcomeBox .text{flex-direction:column;gap:6px;padding:6px 0;display:flex}.welcomeBox .title{font-size:22px;font-weight:650}.welcomeBox .semiTitle{font-size:16px;font-weight:450}.welcomeBox .searchBox{background-color:var(--transparentBackground);border:1px solid var(--darkBorder);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;outline:0 solid #0000;align-items:center;gap:10px;width:40%;padding:10px;transition:all .2s;display:flex;position:relative}.welcomeBox .searchBox .icon{min-width:18px}.welcomeBox .searchBox input{background:0 0;border:0;outline:0;flex:1;font-family:Montserrat,sans-serif;font-size:13px}.welcomeBox .searchBox .clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:8px}.welcomeBox .searchBox .clear:hover{background-color:var(--lightBorder)}.welcomeBox .searchBox:hover{box-shadow:2px 2px 4px 0 var(--shadow)}.welcomeBox .searchBox:focus-within{background-color:var(--boxBackground);box-shadow:2px 2px 4px 0 var(--shadowHover);outline:1px solid #f97316}.welcomeBox.searchActive{box-shadow:none;background-color:#0000;border:none;outline:none;padding:0;background-image:none!important}.welcomeBox.searchActive .text{display:none}.welcomeBox.searchActive .searchBox{background-color:var(--inputBackground);align-self:stretch;width:auto}.welcomeBox.searchActive .searchBox:focus-within{background-color:var(--boxBackground)}.courseHeader{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);min-height:72px;max-height:72px;margin:2px var(--defaultPadding);box-shadow:0px 4px 12px var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;gap:10px;padding:38px;display:flex}.courseHeader .code{font-size:16px;font-weight:650}.courseHeader .title{font-size:24px;font-weight:600}.questionSetContainer{justify-content:center;align-items:center;gap:var(--defaultGap);padding:var(--defaultPadding);display:flex}.questionSetContainer .questionSetBox{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);box-shadow:4px 4px 12px var(--shadow);border-radius:18px;flex-direction:column;flex:1;justify-content:center;gap:14px;padding:14px;transition:all .2s;display:flex}.questionSetContainer .questionSetBox.inactive{pointer-events:none;opacity:.6}.questionSetContainer .questionSetBox .iconContainer{padding:var(--defaultPadding);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.questionSetContainer .questionSetBox .iconContainer .icon{width:140px;height:140px}.questionSetContainer .questionSetBox .texts{flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px;display:flex}.questionSetContainer .questionSetBox .texts .title{font-size:16px;font-weight:600}.questionSetContainer .questionSetBox .texts .semiTitle{font-size:14px;font-weight:400}.questionSetContainer .questionSetBox .iconContainer .label{color:var(--boxBackground);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.questionSetContainer .questionSetBox .iconContainer .subIcon{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;bottom:24%;left:calc(50% - 70px)}.questionSetContainer .questionSetBox .iconContainer .subIcon .icons{width:50px;height:50px}.questionSetContainer .questionSetBox:hover{box-shadow:4px 4px 12px var(--shadowHover);transform:scale(1.01)translateY(-3px)}.questionBoxContainer{gap:var(--defaultGap);padding:var(--defaultPadding);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.questionBoxContainer .questionBox{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);padding:var(--defaultPadding);box-shadow:4px 4px 12px var(--shadow);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:all .2s;display:flex}.questionBoxContainer .questionBox:hover{box-shadow:4px 4px 12px var(--shadowHover);transform:scale(1.01)translateY(-3px)}.questionBoxContainer .questionBox .code{border-radius:30px;padding:10px 20px;font-size:20px;font-weight:700}.questionBoxContainer .questionBox .name{font-size:15px;font-weight:500}.reader{flex-direction:column;flex:1;height:100dvh;display:flex;overflow:hidden}.reader .tabContainer{background-color:var(--tabContainerBackground);border-bottom:1px solid var(--darkBorder);gap:6px;min-height:44px;padding:6px 48px 6px 6px;display:flex;position:relative;overflow:auto}.reader .tabContainer .newTabContainer{background:linear-gradient(90deg, transparent, var(--tabContainerBackground) 20%);justify-content:center;align-items:center;height:56px;padding:0 8px;display:flex;position:fixed;top:0;right:0}.reader .tabContainer .newTab{background-color:var(--boxBackground);border:1px solid var(--darkBorder);cursor:pointer;border-radius:100%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;transition:all .2s;display:flex}.reader .tabContainer .newTab:hover{box-shadow:4px 4px 12px var(--shadowHover);transform:scale(1.1)}.reader .tabContainer::-webkit-scrollbar{height:4px}.reader .tabContainer::-webkit-scrollbar-thumb{background-color:var(--darkBorder);border-radius:10px}.reader .tabContainer::-webkit-scrollbar-track{background:0 0}.reader .tabContainer .tab{border:1px solid var(--darkBorder);cursor:pointer;opacity:.8;border-radius:10px;align-items:center;gap:10px;padding:4px 6px 4px 8px;transition:all .2s;display:flex;position:relative}.reader .tabContainer .tab:hover{opacity:1}.reader .tabContainer .tab.active{background-color:var(--boxBackground);outline:1px solid var(--orange);box-shadow:2px 2px 4px var(--shadow);opacity:1}.reader .tabContainer .tab .details{text-align:left;flex-direction:column;gap:2px;display:flex;overflow:hidden}.reader .tabContainer .tab .details .title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:12px;font-weight:600;display:-webkit-box;overflow:hidden}.reader .tabContainer .tab .details .semiTitle{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.reader .tabContainer .tab .close{color:var(--lightText);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:2px;transition:all .2s;display:flex}.reader .tabContainer .tab .close:hover{background:var(--lightBorder)}.viewerContainer{height:calc(100dvh - 56px);display:block}.notFoundContainer{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;min-height:320px;display:flex}.notFoundContainer .text{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.notFoundContainer .text .title{font-size:18px;font-weight:600}.notFoundContainer .text .subTitle{text-align:center;margin:0 40px;font-size:14px}.notFoundContainer .clearButton{background-color:var(--boxBackground);border:1px solid var(--darkBorder);color:var(--text);cursor:pointer;box-shadow:3px 3px 9px var(--shadow);border-radius:8px;padding:10px 14px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:550;transition:all .2s}.notFoundContainer .clearButton:hover{box-shadow:4px 4px 12px var(--shadowHover);transform:scale(1.01)translateY(-3px)}.homeContainer{flex-direction:column;flex:1;margin-right:300px;display:flex}.homeContainer .courseBoxContainer{padding:var(--defaultPadding);padding-top:var(--defaultGap);flex:1;grid-template-columns:repeat(1,1fr)}.autoFit{flex-direction:column;flex:1;display:flex}.homeContainer .filterContainer:before{height:var(--defaultGap);bottom:var(--negDefaultGap)}.homeContainer .rightSidebar{z-index:998;flex-direction:column;justify-content:start;width:324px;height:calc(100dvh - 90px);display:flex;position:absolute;top:90px;right:0}.editCourseButtonContainer{padding:var(--defaultPadding);z-index:1001;justify-content:end;padding-top:0;display:flex;position:sticky;bottom:0;container-type:scroll-state}.editCourseButton{background-color:var(--orange);border:1px solid var(--darkBorder);border-bottom:4px solid var(--darkBorder);color:var(--boxBackground);box-shadow:4px 4px 16px var(--shadow);backface-visibility:hidden;border-radius:10px;flex:1 0 auto;justify-content:center;align-items:center;gap:14px;margin:0;padding:14px 18px;transition:flex-grow .2s,transform .2s,box-shadow .2s,margin .2s;display:flex;transform:translateZ(0)}.editCourseButton .text{font-size:15px;font-weight:550}.editCourseButton:hover{box-shadow:2px 2px 4px var(--shadowHover);transform:scale(1.02)}@container scroll-state(stuck:bottom){.editCourseButton{flex-grow:0;margin:0 6px}}.loadingContainer{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex}.loader{border:5px solid var(--orange);border-bottom-color:#0000;border-radius:50%;width:64px;height:64px;animation:1s linear infinite rotation}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.homeContainer .rightSidebar.hasScrollbar{right:10px}}.homeContainer .messageBox{background-color:var(--orangeBackground);border:1px solid var(--orangeBorder);border-bottom:5px solid var(--orange);margin:0px var(--defaultPadding);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px 18px;display:flex}.homeContainer .messageBox .message{text-wrap:balance;color:var(--lightText);flex-direction:column;gap:12px;padding:0 4px;font-size:14px;font-style:italic;font-weight:500;display:flex}.homeContainer .messageBox .message .quote{color:var(--orange);width:fit-content;transform:rotate(180deg)}.homeContainer .messageBox .message .quote .icon{fill:var(--orange)}.homeContainer .messageBox .ayatInfo{color:var(--orange);border-radius:20px;align-self:end;align-items:center;gap:4px;display:flex}.homeContainer .messageBox .ayatInfo .name{font-size:13px;font-weight:600}.homeContainer .messageBox .ayatInfo .ayat{font-size:12px;font-style:italic;font-weight:400}.homeContainer .countdownBox{background-color:var(--orangeBackground);border:1px solid var(--orangeBorder);border-bottom:5px solid var(--orange);margin:0px var(--defaultPadding);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 0;display:flex}.homeContainer .countdownBox .message{background-color:var(--orangeBackground);border:1px solid var(--orangeBorder);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:550}.homeContainer .countdownBox .countdown{color:var(--orange);font-size:26px;font-weight:700}.homeContainer .noticeList{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);box-shadow:4px 4px 12px var(--shadow);margin:var(--defaultPadding);scrollbar-width:thin;scrollbar-color:var(--lightBorder) transparent;border-left:5px solid var(--orange);border-radius:12px;flex-direction:column;flex:1;margin-top:12px;display:flex;overflow:auto}.homeContainer .noticeList .notice{border-bottom:1px solid var(--darkBorder);align-items:center;gap:14px;padding:12px;transition:all .2s;display:flex}.homeContainer .noticeList .notice:last-child{border-bottom:none}.homeContainer .noticeList .notice .date{white-space:pre-line;background-color:var(--orangeBackground);color:var(--orange);text-align:center;border-radius:10px;min-width:48px;padding:8px;font-size:12px;font-weight:600}.homeContainer .noticeList .notice .title{font-size:13px;font-weight:500}.homeContainer .noticeList .notice:hover{background-color:var(--inputBackground)}.tGap{display:none}.contributeBox{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);box-shadow:4px 4px 12px var(--shadow);margin:var(--defaultPadding);border-radius:16px;flex-direction:column;flex:1;gap:8px;padding:20px;transition:all .2s;display:flex}.contributeBox .iconContainer{background-color:var(--orangeBackground);border:1px solid var(--orangeBorder);color:var(--orange);border-radius:10px;justify-content:center;align-items:center;padding:32px;display:flex}.contributeBox .texts{justify-content:center;align-items:center;gap:var(--defaultGap);flex-direction:column;display:flex}.contributeBox .detailsContainer{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.contributeBox .texts .title{font-size:20px;font-weight:600}.contributeBox .texts .details{text-align:center;max-width:60%;font-size:14px;line-height:130%}.contributeBox .googleFormBox{color:var(--lightText);border:1px solid var(--darkBorder);box-shadow:2px 2px 4px var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:10px 16px;transition:all .2s;display:flex}.contributeBox .googleFormBox:hover{box-shadow:2px 2px 4px var(--shadowHover);transform:scale(1.01)}.contributeBox .googleFormBox .text{flex-direction:column;gap:2px;display:flex}.contributeBox .googleFormBox .text .label{font-size:13px;font-weight:500}.contributeBox .googleFormBox .text .name{font-size:16px;font-weight:600}.toolsContainer{padding:var(--defaultPadding);justify-content:center;align-items:center;gap:var(--defaultPadding);flex-direction:column;flex:1;display:flex}.toolsContainer .textContainer{justify-content:center;align-items:center;gap:var(--defaultGap);flex-direction:column;display:flex}.toolsContainer .textContainer .title{font-size:20px;font-weight:600}.toolsContainer .textContainer .description{text-align:center;font-size:14px}.toolsContainer .textContainer .description .divider{height:8px}.modalOverlay{z-index:1010;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalOverlay .modalDialog{background-color:var(--boxBackground);outline:1px solid var(--darkBorder);width:90%;max-width:500px;box-shadow:4px 4px 16px var(--shadowHover);scrollbar-width:thin;scrollbar-color:var(--lightBorder) transparent;scrollbar-gutter:stable both-edges;border-radius:16px;flex-direction:column;max-width:700px;height:90dvh;display:flex;position:relative;overflow-y:auto}.modalOverlay .dialogBox{background-color:var(--boxBackground);outline:1px solid var(--darkBorder);border-left:6px solid var(--orange);max-width:500px;margin:var(--defaultPadding);box-shadow:4px 4px 16px var(--shadowHover);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.modalOverlay .dialogBox .title{font-size:20px;font-weight:600}.modalOverlay .dialogBox .message{font-size:15px;line-height:140%}.modalOverlay .dialogBox .message a{color:var(--orange);font-weight:500}.modalOverlay .dialogBox .modalActions{margin-top:var(--defaultGap);justify-content:end;gap:10px;display:flex}.modalOverlay .dialogBox .button{background-color:var(--boxBackground);border:1px solid var(--darkBorder);cursor:pointer;box-shadow:2px 2px 4px 0 var(--shadow);color:var(--text);border-radius:10px;outline:0 solid #0000;align-items:center;gap:10px;padding:10px 16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:450;transition:all .2s;display:flex}.modalOverlay .dialogBox .button.red{color:#fff;background-color:#c82333cc}.modalOverlay .dialogBox .button:hover{box-shadow:2px 2px 4px 0 var(--shadowHover);transform:scale(1.01)}.modalDialog .header{z-index:1011;height:30px;padding:var(--defaultPadding);background-color:var(--boxBackground);justify-content:space-between;align-items:center;font-size:22px;font-weight:600;display:flex;position:sticky;top:0}.modalDialog .header .closeButton{width:30px;height:30px;color:var(--lightText);cursor:pointer;background-color:#0000;border:none;border-radius:100%;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modalDialog .header .closeButton:hover{background-color:var(--lightBorder);transform:scale(1.1)}.modalDialog .filterContainer{background-color:var(--boxBackground);top:78px}.modalDialog .filterContainer:after{display:none}.modalDialog .filterContainer:before{background-image:linear-gradient(var(--boxBackground), transparent)}.smallCourseBoxContainer{padding:var(--defaultPadding);gap:var(--defaultGap);flex-direction:column;display:flex}.smallCourseBox{background-color:var(--boxBackground);outline:1px solid var(--lightBorder);box-shadow:4px 4px 12px var(--shadow);justify-content:space-between;align-items:center;gap:var(--defaultPadding);border-radius:12px;padding:28px;transition:all .2s;display:flex;position:relative}.smallCourseBox .text{flex-direction:column;gap:8px;display:flex}.smallCourseBox .text .code{font-size:14px;font-weight:650}.smallCourseBox .text .title{font-size:17px;font-weight:550}.smallCourseBox .addButton{background-color:var(--orange);border:1px solid var(--darkBorder);border-bottom:4px solid var(--darkBorder);width:fit-content;color:var(--boxBackground);box-shadow:3px 3px 9px var(--shadow);border-radius:10px;gap:10px;padding:12px 16px 12px 12px;transition:all .2s;display:flex}.smallCourseBox .addButton .text{font-size:15px;font-weight:550}.smallCourseBox .addButton:hover{box-shadow:2px 2px 4px var(--shadowHover);transform:scale(1.02)}@media (width>=1450px){.courseBoxContainer{grid-template-columns:repeat(auto-fit,minmax(550px,1fr))}}@media (width<=1260px){.questionSetContainer{justify-content:initial;flex:none;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}}@media (width<=1023px){.viewerContainer{height:calc(100dvh - 121px);display:block}.homeContainer .rightSidebar.hasScrollbar{right:auto}.homeContainer .rightSidebar{width:auto;height:auto;position:relative;top:auto;right:auto}.filterContainer.transparent{background-color:var(--bodyBackground)}.filterContainer.transparent:after,.filterContainer.transparent:before{display:block}.homeContainer{margin-right:0}.homeContainer .countdownBox{margin:0 var(--defaultPadding);margin-top:var(--defaultGap)}.tGap{min-height:6px;display:block}}@media (width<=950px){.questionSetContainer{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=770px){.questionSetContainer{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=830px){.questionBoxContainer{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=700px){:root{--defaultPadding:16px;--negDefaultPadding:-16px;--defaultGap:12px;--negDefaultGap:-12px}.editCourseButton .text{font-size:14px}.modalOverlay .modalDialog{box-sizing:border-box;padding:0 6px 6px}.modalDialog .header{padding:20px var(--defaultPadding);font-size:20px}.modalDialog .filterContainer{top:70px}.mobileNone{display:none}.dropdown{width:110px}.layout{flex-direction:column}.filterContainer{gap:10px;top:76px}.questionSetContainer{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filterContainer .searchBox{flex:1;width:50%}.topbar .leftContainer{gap:14px}.sidebar{display:none}.questionSetContainer .questionSetBox .iconContainer .icon{width:98px;height:98px}.questionSetContainer .questionSetBox .iconContainer .subIcon{left:calc(50% - 48px)}.questionSetContainer .questionSetBox .iconContainer .subIcon .icons{width:34px;height:34px}.courseBoxContainer{flex-direction:column;display:flex}.courseBoxContainer .courseBox{padding:26px}.courseBoxContainer .courseBox .code{font-size:14px}.smallCourseBox .text .code{font-size:13px}.courseBoxContainer .courseBox .title,.smallCourseBox .text .title{font-size:16px}.smallCourseBox{padding:26px 20px 26px 24px}.smallCourseBox .addButton{gap:8px;padding:10px 14px 10px 10px}.smallCourseBox .addButton .text{font-size:14px}.topbar .titleContainer .title{font-size:24px}.topbar .titleContainer .titleSmall{font-size:17px}.topbar .titleContainer .semiTitle{font-size:14px}.questionSetContainer .questionSetBox{gap:10px;padding:10px}.questionSetContainer .questionSetBox .texts .title{font-size:15px}.questionSetContainer .questionSetBox .texts .semiTitle{font-size:13px}.questionSetContainer .questionSetBox .iconContainer .label{font-size:11px}.bottomNavigation{background-color:var(--boxBackground);z-index:1000;padding:8px 8px 10px;display:flex;position:relative}.bottomNavigation:before{content:"";background-image:linear-gradient(transparent, var(--bodyBackground));top:var(--negDefaultPadding);width:100%;height:var(--defaultPadding);border-bottom:1px solid var(--lightBorder);position:absolute;left:0}.bottomNavigation .menu{flex:1;justify-content:space-around;align-items:center;display:flex}.bottomNavigation .menu .item{border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6px 4px 4px;display:flex;position:relative}.bottomNavigation .menu .item .label{font-size:11px}.bottomNavigation .menu .item.active{background-color:var(--orangeBackground);outline:solid 1px var(--orangeBorder);color:var(--orange);font-weight:600}.bottomNavigation .menu .item .activeBar{background-color:var(--orange);border-radius:5px 5px 0 0;width:48px;height:4px;transition:all .2s;position:absolute;bottom:-10px}.courseHeader{min-height:auto;max-height:auto;gap:10px;padding:38px 30px}.courseHeader .code{font-size:15px;font-weight:650}.courseHeader .title{font-size:21px;font-weight:600}.questionSetContainer .questionSetBox .iconContainer{padding:16px}.filterContainer .sectionTitle .text{font-size:16px}.questionBoxContainer .questionBox .code{font-size:18px}.questionBoxContainer .questionBox .name{font-size:14px}.welcomeBox{padding:26px}.welcomeBox .searchBox{width:60%}.welcomeBox .title{font-size:21px}.welcomeBox .semiTitle{font-size:15px}.contributeBox{padding:16px}.contributeBox .texts .details{max-width:80%}.toolsContainer .textContainer .description{max-width:90%}.modalOverlay .dialogBox{padding:24px}.modalOverlay .dialogBox .message{font-size:14px}.contributeBox .googleFormBox .text .label{font-size:12px}.contributeBox .googleFormBox .text .name{font-size:16px}}@media (width<=500px){.questionSetContainer{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}