:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}html,body{margin:0;padding:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body,html{margin:0;padding:0}.dashboard-page{flex-direction:column;align-items:center;width:100%;height:100vh;margin-top:25px;display:flex}.dashboard-content{align-items:flex-start;width:100%;height:70%;display:flex}.dashboard-left{flex:.5;max-width:33.33%;margin:0 20px}.pretest-link{background-color:var(--primary);cursor:pointer;border-radius:4px;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-block}.pretest-link:hover{text-decoration:underline}.dashboard-right{flex-direction:column;flex:2;justify-content:space-between;max-width:66.67%;margin:0 20px;display:flex}.module1,.module2,.module3{background-color:var(--card-bg);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:100px;padding:20px;display:flex}.module1 h3:hover,.module2 h3:hover,.module3 h3:hover{cursor:pointer;text-decoration:underline}.pretest-page{flex-direction:column;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.pretest-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:10px}.rating-system{align-items:center;gap:10px;margin-top:20px;display:inline-flex}.fill-in-blank{text-align:center;border:1px solid #ccc;border-radius:4px;width:110px;margin:0 5px;padding:2px}.ordering{text-align:center;border:1px solid #ccc;border-radius:4px;width:310px;margin:0 5px;padding:2px}.code-bank{text-align:center;border:1px solid #ccc;border-radius:4px;width:475px;margin-top:10px;margin-bottom:10px;padding:10px}.code-option{padding:5px}.student-ordering{margin-bottom:10px}.m1-container{flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:20px;display:flex}.module-header{justify-content:center;align-items:center;display:flex;position:relative}.module-header h1{text-align:center}.module-content{text-align:center;justify-content:center;align-items:center;display:flex}.module-left,.module-right{box-sizing:border-box;flex:.35;max-width:50%;padding:20px}.m1-topic-link:hover{cursor:pointer;text-decoration:underline}.end-button{background-color:var(--primary);cursor:pointer;border-radius:4px;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-block;bottom:20px}.topic-container{flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:20px;display:flex}.topic-header{justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.t1-container,.t2-container,.t3-container{box-sizing:border-box;grid-template-rows:auto 1fr;grid-template-columns:180px 1fr;width:100%;min-height:100vh;display:grid}.topic-header{grid-column:1/3;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;position:relative}.topic-title{font-size:24px;font-weight:600}.back-button{background-color:var(--primary);cursor:pointer;border-radius:4px;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-block;position:absolute;top:0;left:0}.question-list{border:1px solid #7c7979;border-radius:4px;flex-direction:column;grid-area:2/1;align-items:flex-start;width:100px;height:fit-content;font-size:small;display:flex}.question-link{cursor:pointer;text-align:center;padding:5px}.question-link.active{text-decoration:underline}.topic-content{text-align:center;flex-direction:column;grid-area:2/2;align-items:center;width:100%;display:flex;transform:translate(-80px)}.question{border:1px solid #7c7979;border-radius:4px;width:100%;max-width:600px;margin-bottom:20px;padding:10px}.answer{flex-direction:column;align-items:center;width:100%;max-width:700px;display:flex}.answer-option{text-align:left;border:1px solid #7c7979;border-radius:4px;width:100%;max-width:500px;margin:5px 0;padding:10px}.correct-option{background-color:#00800014;border-color:green}.incorrect-option{background-color:#ff000014;border-color:red}.feedback{margin-top:8px;font-weight:550}.code-feedback{max-width:500px;margin-bottom:10px}.code-feedback.correct-code-feedback{color:green;border:1px solid green;border-radius:4px;padding:10px}.code-feedback.incorrect-code-feedback{color:red;border:1px solid red;border-radius:4px;padding:10px}.code-options-container{grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:90%;margin-left:50px;display:grid}.code-answer-option{border:1px solid #7c7979;border-radius:4px;align-items:center;gap:5px;margin:5px;padding:10px;display:flex}.submit-button,.next-button,.try-again-button{background-color:var(--primary);cursor:pointer;border-radius:4px;margin-top:20px;padding:10px 20px;font-weight:500;text-decoration:none;display:inline-block}.m2-container{flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:20px;display:flex}.m2-topic-link:hover{cursor:pointer;text-decoration:underline}.m3-container{flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:20px;display:flex}.m3-topic-link:hover{cursor:pointer;text-decoration:underline}