@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";.lessonFigure{background:linear-gradient(145deg,#fff,#f4f9ff);border:1px solid #dbe7f4;border-radius:20px;margin:24px 0;padding:18px;overflow:hidden}.lessonFigure svg{width:100%;max-height:360px;display:block}.lessonFigure figcaption{text-align:center;color:#61718b;margin-top:8px;font-size:.9rem}.lessonFigure text{fill:#092557;letter-spacing:1px;font:700 17px Inter,Arial,sans-serif}.lessonFigure .pinText{fill:#17345c;font-size:11px}.lessonFigure .boardTitle{fill:#fff;font-size:24px}.lessonFigure .layerSub{fill:#3f5d7b;font-size:14px;font-weight:400}.lessonFigure .layerTitle{font-size:15px}@media (width<=650px){.lessonFigure{margin:16px 0;padding:8px}.unoFigure svg{min-width:620px}.unoFigure{overflow-x:auto}}.discoveryVisual{color:#fff;background:#081b3c;border-radius:20px;margin:18px 0 22px;overflow:hidden;box-shadow:0 16px 34px #09234a24}.visualCanvas{background:radial-gradient(circle at 50% 30%,#174c82,#081b3c 70%);place-items:center;min-height:260px;padding:30px;display:grid;position:relative}.visualLegend{background:#06152f;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;display:flex}.visualLegend span{color:#cfe7ff;letter-spacing:.7px;background:#ffffff16;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.flowVisual{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.flowVisual div{background:#ffffff12;border:1px solid #ffffff35;border-radius:16px;place-items:center;gap:8px;min-width:105px;padding:18px;display:grid;position:relative}.flowVisual div:not(:last-child):after{content:"→";color:#5dc1ff;font-size:22px;position:absolute;right:-20px}.flowVisual b{background:#21a0ed;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.flowVisual span{font-size:11px;font-weight:900}.spectrum{background:linear-gradient(90deg,#6c22c8,#334be2,#00a9ee,#16bf75,#f2da2f,#ff8a22,#ef3340);border-radius:14px;width:min(620px,90%);height:82px;box-shadow:0 0 40px #81caff55}.lightBeam{background:#fff;width:4px;height:65px;position:absolute;top:38px;box-shadow:0 0 24px #fff}.frequency{align-items:center;gap:18px;display:flex;position:absolute;bottom:25px}.frequency i{border:0 solid #fff;border-top-width:3px;border-radius:50%;width:25px;height:25px;display:block;transform:rotate(25deg)}.soundWave{align-items:center;gap:14px;display:flex}.soundWave i{border:0 solid #63c8ff;border-right-width:5px;border-radius:50%;width:45px;height:90px;display:block}.soundWave i:nth-child(2){height:140px}.soundWave i:nth-child(3){height:200px}.speaker,.target{color:#fff;font-size:70px}.visual-sound .visualCanvas{justify-content:center;gap:26px;display:flex}.thermometer{border:6px solid #fff;border-radius:25px;width:42px;height:170px;position:relative}.thermometer:after{content:"";background:#ff4d4d;border:6px solid #fff;border-radius:50%;width:58px;height:58px;position:absolute;bottom:-25px;left:-14px}.thermometer i{background:linear-gradient(#ffb13b,#ff3d48);border-radius:20px;height:68%;position:absolute;bottom:0;left:9px;right:9px}.particles{letter-spacing:5px;font-size:33px;position:absolute}.particles.cold{color:#55c8ff;left:8%}.particles.hot{color:#ff765e;letter-spacing:15px;right:7%}.visual-motor .visualCanvas{gap:35px;display:flex}.battery,.motorCoil{border:5px solid #fff;border-radius:18px;place-items:center;width:100px;height:125px;font-size:28px;font-weight:900;display:grid}.motorCoil{background:#167ac1;border-radius:50%}.rotation{color:#62d1ff;font-size:100px}.servo{background:#2385d3;border-radius:14px;place-items:center;width:130px;height:100px;font-weight:900;display:grid}.servoArm{transform-origin:0;background:#fff;border-radius:10px;width:180px;height:14px;position:absolute;transform:translate(85px,-42px)rotate(-40deg)}.angleArc{color:#ffd052;font-size:34px;font-weight:900;position:absolute;transform:translate(100px,55px)}@media (width<=650px){.visualCanvas{min-height:210px;padding:20px}.flowVisual div{min-width:82px;padding:12px}.flowVisual div:not(:last-child):after{display:none}.particles{font-size:20px}.speaker,.target{font-size:45px}.soundWave i{width:25px}.visualLegend{flex-wrap:nowrap;justify-content:flex-start;overflow:auto}.visualLegend span{white-space:nowrap}}.ideEditor{background:#111a2b;border:1px solid #26344f;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 12px 30px #0819341f}.ideBar{background:#202b40;border-bottom:1px solid #31405d;align-items:center;gap:7px;height:38px;padding:0 13px;display:flex}.ideBar i{background:#ff6b64;border-radius:50%;width:10px;height:10px}.ideBar i:nth-child(2){background:#f5bd4f}.ideBar i:nth-child(3){background:#61c554}.ideBar span{color:#b9c7dc;margin-left:8px;font:600 12px Inter,Arial,sans-serif}.ideBody{grid-template-columns:52px minmax(0,1fr);height:340px;display:grid}.ideBody pre{color:#71809a;text-align:right;-webkit-user-select:none;user-select:none;background:#0c1423;border-right:1px solid #27344d;margin:0;padding:17px 12px;font:14px/1.65 Consolas,Courier New,monospace;overflow:hidden}.ideBody textarea{resize:none;white-space:pre;tab-size:2;outline:0;width:100%;height:100%;min-height:0;overflow:auto;color:#e5efff!important;background:#111a2b!important;border:0!important;border-radius:0!important;padding:17px 18px!important;font:14px/1.65 Consolas,Courier New,monospace!important}.ideBody textarea:focus{box-shadow:inset 0 0 0 1px #338ee8}@media (width<=600px){.ideBody{grid-template-columns:42px;height:390px}.ideBody pre,.ideBody textarea{font-size:12px!important}.ideBody textarea{padding-left:12px!important}}.learnLayout{grid-template-columns:300px 1fr;gap:20px;display:grid}.syllabus,.lessonView{background:#fff;border:1px solid #e0e6ef;border-radius:16px;padding:20px}.moduleBlock h3{margin:12px 5px;font-size:13px}.moduleBlock button{text-align:left;color:#617089;background:0 0;border:0;border-radius:10px;gap:9px;width:100%;padding:11px 9px;display:flex}.moduleBlock button.selected{color:#197dce;background:#eaf4ff}.moduleBlock button:disabled{opacity:.42}.moduleBlock svg{width:17px}.moduleBlock span{display:grid}.moduleBlock small{align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.moduleBlock small svg{width:11px}.lessonView h2{margin:8px 0;font-size:29px}.lead{color:#69768b;font-size:17px}.theory,.challenge{background:#f5f8fc;border-radius:12px;margin:17px 0;padding:18px}.challenge{background:#fff8df;border-left:4px solid #ffca32}.challenge textarea{border:1px solid #eadca5;border-radius:8px;width:100%;min-height:80px;padding:10px}.editorHead{justify-content:space-between;margin:20px 0 8px;display:flex}.editorHead b{gap:6px;display:flex}.editorHead span{color:#8993a4;font-size:11px}.codeEditor{color:#dce8f7;resize:vertical;background:#172033;border:0;border-radius:12px;width:100%;min-height:240px;padding:18px;font:14px/1.65 Consolas,monospace}.lessonActions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.lessonActions button,.primary,.certificate button{background:#fff;border:1px solid #d9e0ea;border-radius:9px;padding:10px 15px;font-weight:700}.lessonActions .primary,.primary,.certificate button{color:#fff;background:#237ed1;border-color:#237ed1;align-items:center;gap:6px;display:flex}.notice{color:#198253;font-weight:700}.certificate{color:#fff;background:#15264e;border-radius:14px;align-items:center;gap:14px;margin-top:20px;padding:18px;display:flex}.certificate>svg{color:#ffcc35;width:38px;height:38px}.certificate h3,.certificate p{margin:2px}.certificate button{margin-left:auto}.codeOnly{max-width:950px}.codeOnly .primary{margin-top:12px}@media (width<=850px){.learnLayout{grid-template-columns:1fr}.syllabus{padding:12px}.lessonView{padding:17px}.lessonView h2{font-size:24px}.certificate{flex-wrap:wrap;align-items:flex-start}.certificate button{margin-left:52px}}.lessonMeta{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.lessonMeta>div{background:#eef6ff;border-radius:12px;padding:15px}.lessonMeta h3,.practiceSteps h3{margin:0 0 8px}.lessonMeta ul,.practiceSteps ol{color:#5f6d81;margin:0;padding-left:20px}.lessonMeta li,.practiceSteps li{margin:6px 0}.practiceSteps{border:1px solid #dfe6ef;border-radius:12px;margin:16px 0;padding:17px}.quiz{background:#eef9f3;border:1px solid #cbe9d8;border-radius:13px;margin:18px 0;padding:18px}.quiz>span{letter-spacing:1.5px;color:#198253;font-size:9px;font-weight:900}.quiz label{cursor:pointer;background:#fff;border:1px solid #dce7e1;border-radius:8px;margin:7px 0;padding:10px;display:block}.quiz label.chosen{background:#e8fff2;border-color:#22a66b}.quiz input{margin-right:8px}@media (width<=600px){.lessonMeta{grid-template-columns:1fr}}.lessonProblem,.workedExample{border-radius:14px;margin:18px 0;padding:20px}.lessonProblem{background:#fff6d9;border-left:5px solid #f4b51f}.workedExample{background:#eef7ff;border-left:5px solid #2686df}.lessonProblem>span,.workedExample>span,.theory>span,.practiceSteps>span,.challenge>span{letter-spacing:1.2px;color:#247fc8;font-size:10px;font-weight:900}.lessonProblem h3,.workedExample h3{margin:7px 0}.lessonActions button:disabled{opacity:.55;cursor:not-allowed}.codingTask{color:#d7e7fa;background:#172033;border-radius:10px 10px 0 0;margin:0;padding:13px 15px;font-size:13px}.theory p,.workedExample p,.lessonProblem p{color:#34445e;line-height:1.78}.conceptGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.conceptGrid article{background:#f4f8fd;border:1px solid #dde8f5;border-radius:16px;padding:18px}.conceptGrid b{color:#0a2b60}.conceptGrid p{color:#53627a;margin:7px 0 0;line-height:1.55}.attentionBox{background:#fff8e9;border-left:5px solid #f5a623;border-radius:12px;margin:22px 0;padding:18px 20px}.attentionBox b{color:#7a4a00}.attentionBox p{margin:6px 0 0;line-height:1.6}@media (width<=680px){.conceptGrid{grid-template-columns:1fr}}.pinoutSection,.exerciseBattery{margin:25px 0}.pinoutSection>span,.exerciseBattery>span{letter-spacing:1.3px;color:#247fc8;font-size:10px;font-weight:900}.pinoutTable{border:1px solid #d9e5f2;border-radius:14px;overflow:hidden}.pinoutTable div{border-bottom:1px solid #e4edf6;grid-template-columns:1fr 1fr 2fr;gap:12px;padding:12px 15px;display:grid}.pinoutTable div:last-child{border:0}.pinoutTable div:nth-child(odd){background:#f5f9fe}.pinoutTable em{color:#63718a;font-style:normal}.exerciseBattery{background:#f7f9fc;border:1px solid #e0e7f0;border-radius:18px;padding:22px}.exerciseBattery>p{color:#61708a}.exerciseBattery details{background:#fff;border:1px solid #dde6f0;border-radius:12px;margin:9px 0;padding:0 15px}.exerciseBattery summary{cursor:pointer;align-items:center;gap:12px;padding:14px 0;display:flex}.exerciseBattery summary em{color:#1778d4;background:#e6f2ff;border-radius:10px;place-items:center;min-width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.exerciseBattery details p{color:#46566f;line-height:1.6}.exerciseBattery details small{color:#6b5100;background:#fff6d9;border-radius:9px;margin:10px 0 14px;padding:10px 12px;display:block}@media (width<=680px){.pinoutTable div{grid-template-columns:1fr}.pinoutTable div span{color:#1778d4;font-weight:700}}.lessonPlan{color:#fff;background:#09285f;border-radius:18px;margin:20px 0;padding:20px}.lessonPlan>span,.readingChapter>span,.glossary>span{letter-spacing:1.4px;color:#67b7ff;font-size:10px;font-weight:900}.lessonPlan h3{margin:7px 0 15px}.lessonPlan>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.lessonPlan article{background:#ffffff1a;border-radius:12px;padding:14px}.lessonPlan article em{color:#f9bc38;font-style:normal;font-weight:900;display:block}.lessonPlan article b{margin-top:5px;display:block}.lessonPlan article p{color:#dce9fb;margin:5px 0 0;font-size:13px;line-height:1.5}.readingChapter{margin:30px 0}.readingChapter>article{border-bottom:1px solid #dfe7f1;grid-template-columns:48px 1fr;gap:15px;padding:24px 0;display:grid}.chapterNumber{color:#197ed8;background:#e7f3ff;border-radius:13px;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.readingChapter h3{margin:4px 0 12px}.readingChapter p{color:#3f506a;line-height:1.78}.readingChapter aside,.classQuestion{border-radius:12px;margin:15px 0;padding:15px 17px}.readingChapter aside{background:#eaf5ff;border-left:4px solid #2085df}.classQuestion{background:#fff5d8;border-left:4px solid #f0ac17}.readingChapter aside p,.classQuestion p{margin:5px 0 0}.glossary{margin:28px 0}.glossary>div{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.glossary article{border:1px solid #dae5f1;border-radius:13px;padding:15px}.glossary article b{color:#087d8c}.glossary article p{color:#526078;margin:5px 0 0;line-height:1.55}@media (width<=680px){.lessonPlan>div,.glossary>div,.readingChapter>article{grid-template-columns:1fr}.chapterNumber{width:38px;height:38px}}.lessonPhase{color:#19598f;background:#eef6ff;border-radius:10px;align-items:center;gap:10px;margin:12px 0;padding:10px 13px;display:flex}.lessonPhase b{letter-spacing:1.2px;font-size:11px}.lessonPhase span{font-size:12px}.phaseDESCOBRIR{color:#735500;background:#fff5d8}.phaseEXPERIMENTAR{color:#135b96;background:#eaf5ff}.phaseCONSTRUIR{color:#176a3e;background:#eaf8ef}.lessonPlan>div{grid-template-columns:repeat(4,1fr)}@media (width<=850px){.lessonPlan>div{grid-template-columns:1fr 1fr}}@media (width<=520px){.lessonPlan>div{grid-template-columns:1fr}}.mainMission{background:linear-gradient(135deg,#fff6d7,#fffdf4);border:2px solid #f0c447;border-radius:18px;grid-template-columns:1.5fr .8fr;gap:18px;margin:20px 0;padding:22px;display:grid}.mainMission span{letter-spacing:1.4px;color:#8a6200;font-size:10px;font-weight:900}.mainMission h3{color:#392c06;margin:7px 0;font-size:22px}.mainMission p{color:#564b2a;margin:0;line-height:1.65}.mainMission aside{background:#fff;border-radius:13px;padding:15px}.mainMission aside b{color:#1676c4}.mainMission aside p{margin:5px 0 10px;font-size:13px}.mainMission aside em{color:#198153;font-size:11px;font-style:normal;font-weight:800}@media (width<=680px){.mainMission{grid-template-columns:1fr}}.contentAdmin{margin-top:25px}.contentAdminHead{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.contentAdminHead h2{margin:5px 0}.contentAdminHead>span{color:#198253;font-weight:700}.builderGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.builderGrid form{background:#fff;border:1px solid #e0e6ee;border-radius:15px;flex-direction:column;gap:10px;padding:20px;display:flex}.builderGrid form>svg{color:#2788df}.builderGrid h3{margin:0 0 5px}.builderGrid input,.builderGrid select,.builderGrid textarea{background:#fff;border:1px solid #dce2eb;border-radius:8px;width:100%;padding:10px}.builderGrid textarea{resize:vertical;min-height:70px}.builderGrid button{color:#fff;background:#237ed1;border:0;border-radius:8px;padding:11px;font-weight:800}.lessonBuilder{grid-column:1/-1}.inline{grid-template-columns:1fr 100px;gap:10px;display:grid}.builderGrid .codeInput{color:#fff;background:#172033;min-height:150px;font-family:monospace}@media (width<=850px){.builderGrid{grid-template-columns:1fr}.lessonBuilder{grid-column:auto}.contentAdminHead{display:block}}.verifyPage{text-align:center;background:#f5f8fc;flex-direction:column;align-items:center;min-height:100vh;padding:8vh 20px;display:flex}.verifyLogo{color:#17213b;background:#ffcc35;border-radius:17px;place-items:center;width:60px;height:60px;font-size:20px;font-weight:900;display:grid}.verifyPage>span{margin-top:12px;font-weight:900}.verifyPage>small{letter-spacing:2px;color:#2785db;font-size:9px}.verifyPage h1{margin:40px 0 5px;font-size:38px}.verifyPage>p{color:#738097}.verifyPage form{width:min(540px,100%);margin:22px 0;display:flex}.verifyPage input{border:1px solid #dbe2ec;border-radius:10px 0 0 10px;flex:1;padding:14px}.verifyPage button{color:#fff;background:#237ed1;border:0;border-radius:0 10px 10px 0;align-items:center;gap:6px;padding:0 18px;font-weight:800;display:flex}.valid,.invalid{text-align:left;background:#fff;border:1px solid #dce4ed;border-radius:14px;gap:15px;width:min(540px,100%);margin:10px;padding:22px;display:flex}.valid>svg{color:#21a765;width:42px;height:42px}.invalid>svg{color:#c55}.valid h2{margin:7px 0}.valid p,.invalid p{color:#718096;margin:4px 0}.verifyPage>a{color:#247ecf;margin-top:25px}@media (width<=550px){.verifyPage form{gap:8px;display:grid}.verifyPage input,.verifyPage button{border-radius:10px}.verifyPage button{justify-content:center;padding:13px}.verifyPage h1{font-size:30px}}.part-arduino{width:274px;min-height:202px;box-shadow:none;background:0 0;border:0;padding:0}.realUno{position:absolute;inset:0}.realUno wokwi-arduino-uno{width:274px;height:202px;display:block}.realUno button,.partPin{z-index:8;color:#fff;background:#10213b;border:2px solid #ffbf00;border-radius:50%;width:15px;height:15px;padding:0;font-size:0;position:absolute;transform:translate(-50%,-50%)}.realUno button:hover,.partPin:hover{width:27px;height:27px;font-size:7px}.part-arduino>strong,.part-arduino>span{display:none}.part-breadboard{color:#6f7777;background:#f8faf9;border:1px solid #cbd1d0;border-radius:5px;width:458px;min-height:310px;padding:0;box-shadow:0 8px 20px #aab5c577}.part-breadboard>strong,.part-breadboard>span{display:none}.realBreadboard{background:linear-gradient(#f7f9f8,#eef1f0);border-radius:5px;position:absolute;inset:0}.breadGap{background:#d7dcda;border-top:1px solid #bbc1bf;border-bottom:1px solid #fff;height:16px;position:absolute;top:151px;left:13px;right:13px}.rail{background:#23292b;height:2px;position:absolute;left:24px;right:18px}.railLabel{font:800 15px Arial;position:absolute;left:8px}.topMinus{color:#111;top:13px}.topPlus{color:#e22;top:34px}.bottomMinus{color:#111;top:255px}.bottomPlus{color:#e22;top:282px}.columnLabel{color:#7c8582;font:7px Arial;position:absolute;top:60px;transform:translate(-50%)}.rowLabel{color:#7c8582;font:8px monospace;position:absolute;left:12px;transform:translateY(-50%)}.breadHole{z-index:3;cursor:default;background:#777;border:0;border-radius:1px;width:8px;height:8px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #555}.breadHole.enabled{cursor:crosshair}.breadHole.enabled:hover{background:#ffbf00;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #fff,0 0 0 5px #167896}.realComponent{place-items:center;display:grid;position:absolute;inset:0}.part-led{width:50px;min-height:62px;box-shadow:none;background:0 0;border:0;padding:0}.part-led>strong,.part-led>span,.part-resistor>strong,.part-resistor>span,.part-button>strong,.part-button>span,.part-sensor>strong,.part-sensor>span{display:none}.real-led wokwi-led{width:40px;height:58px}.part-resistor{width:118px;min-height:24px;box-shadow:none;background:0 0;border:0;padding:0}.real-resistor wokwi-resistor{width:118px}.part-button{width:70px;min-height:70px;box-shadow:none;background:0 0;border:0;padding:0}.real-button wokwi-pushbutton{width:70px;height:70px}.virtualPushbutton{cursor:pointer;background:0 0;border:0;width:70px;height:70px;padding:0;transition:transform .1s}.virtualPushbutton.pressed{filter:brightness(.78);transform:translateY(4px)}.part-led.simPowered{filter:drop-shadow(0 0 14px #ff3030)drop-shadow(0 0 24px #ff8a30)}.part-sensor{width:52px;min-height:62px;box-shadow:none;background:0 0;border:0;padding:0}.real-sensor wokwi-photoresistor-sensor{width:52px;height:62px}.circuitBoard.wiring .realUno button,.circuitBoard.wiring .partPin{display:block}.labTop{gap:8px;display:flex}.labTop input{border:1px solid #dbe1ea;border-radius:9px;padding:10px}.labTop button,.projectBar button{color:#fff;background:#237ed1;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-weight:800;display:flex}.labTop svg,.projectBar svg{width:16px}.learningSteps{gap:8px;margin:0 0 12px;display:flex;overflow:auto}.learningSteps span{white-space:nowrap;color:#1269b8;background:#eaf4ff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.projectBar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:12px;display:flex}.projectBar select{background:#fff;border:1px solid #dbe1ea;border-radius:8px;padding:9px}.projectBar span{color:#188054;font-size:12px;font-weight:700}.circuitApp{background:#fff;border:1px solid #dfe5ed;border-radius:16px;grid-template-columns:210px minmax(520px,1fr) 430px;min-height:760px;display:grid;overflow:hidden}.componentTray{color:#17213b;background:#fff;border-right:1px solid #e2e7ef;padding:18px}.componentTray h3{margin:0}.componentTray p{color:#8390a3;font-size:11px}.componentTray button{text-align:left;background:#f9fbfd;border:1px solid #e2e6ed;border-radius:9px;align-items:center;gap:7px;width:100%;padding:9px;display:flex}.componentTray button i{color:#2786db;width:23px;font-size:18px;font-style:normal}.componentTray button span{flex:1;font-size:11px}.componentTray button span small{color:#75849a;margin-top:2px;font-size:9px;display:block}.componentTray button svg{width:14px}.circuitBoard{background-color:#eef2f7;background-image:radial-gradient(#c7d0de 1px,#0000 1px);background-size:18px 18px;position:relative;overflow:hidden}.boardEmpty{text-align:center;color:#8b96a6;place-content:center;display:grid;position:absolute;inset:0}.boardEmpty svg{margin:auto}.boardEmpty p{margin:3px}.part{cursor:grab;place-items:center;width:105px;min-height:62px;display:grid;position:absolute}.part strong{font-size:20px}.part span{text-align:center;font-size:9px}.part.selected{outline:4px solid #ffcc35}.deletePart{color:#fff;background:#b84444;border:0;border-radius:8px;gap:5px;padding:8px;display:flex;position:absolute;top:12px;right:12px}.deletePart svg{width:15px}.labCode{color:#fff;background:#172033;flex-direction:column;gap:9px;min-width:0;padding:14px;display:flex}.labCode .codeTitle{align-items:center;gap:7px;display:flex}.codeTitle em{color:#afbdd0;background:#283854;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:10px;font-style:normal}.exampleSelect{color:#e8f1ff;background:#202b40;border:1px solid #34425d;border-radius:8px;width:100%;padding:9px}.simControls{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.simControls button{color:#fff;background:#52627d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:9px 7px;font-weight:800;display:flex}.simControls button svg{width:15px}.simControls .run{background:#198754}.simControls .stop{background:#b3424b}.simControls button:disabled{opacity:.45}.compilerOutput{color:#ffc1c1;background:#241820;border:1px solid #5b3742;border-radius:8px;max-height:112px;padding:9px;font:11px/1.45 Consolas,monospace;overflow:auto}.compilerOutput.success{color:#8df1b7;background:#14251e;border-color:#275f46}.compilerOutput p{margin:4px 0}.serialMonitor{background:#0b1220;border:1px solid #34425d;border-radius:8px;overflow:hidden}.serialMonitor>div{background:#202b40;align-items:center;gap:8px;padding:7px 9px;display:flex}.serialMonitor span{color:#9aabc1;font-size:9px}.serialMonitor button{color:#fff;background:#34425d;border:0;border-radius:5px;margin-left:auto;padding:4px 7px}.serialMonitor pre{color:#79efac;white-space:pre-wrap;height:92px;margin:0;padding:9px;font:11px/1.45 Consolas,monospace;overflow:auto}.labCode small{color:#8996aa}.builtinLed{z-index:12;color:#586575;background:#e5e9ef;border:1px solid #a8b2bf;border-radius:999px;padding:7px 11px;font:800 11px Inter,Arial;position:absolute;bottom:18px;left:18px}.builtinLed.on{color:#fff;background:#ff3b30;border-color:#ff918a;box-shadow:0 0 18px #ff3b30}@media (width<=1200px){.circuitApp{grid-template-columns:180px minmax(500px,1fr)}.labCode{grid-column:1/-1}.circuitBoard{min-height:560px}}@media (width<=650px){.content header{display:block}.labTop{margin-top:13px}.circuitApp{display:block}.componentTray{gap:7px;display:flex;overflow:auto}.componentTray h3,.componentTray p{display:none}.componentTray button{min-width:120px}.circuitBoard{height:420px}.projectBar span{width:100%}.labCode .ideBody{height:320px}}.wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wires line{filter:drop-shadow(0 1px 1px #fff)}.part{z-index:2}.part.wireStart{outline:5px solid #61d8ff}.terminal{background:#ffcc35;border:2px solid #513f00;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);right:-6px}.circuitBoard.wiring .part{cursor:crosshair}.projectBar .wireActive{background:#ef9e22}.wireColor{background:0 0;border:0;width:34px;height:34px;padding:0}.circuitApp{grid-template-rows:minmax(590px,65vh) auto;grid-template-columns:210px minmax(0,1fr);align-items:stretch;min-height:0;display:grid}.componentTray{grid-area:1/1;overflow-y:auto}.circuitBoard{border-bottom:1px solid #dfe5ed;grid-area:1/2;min-width:0;min-height:590px;overflow:auto}.labCode{grid-area:2/1/auto/-1;width:auto;min-width:0;padding:18px}.labCode .ideBody{height:380px}.labCode .codeTitle{font-size:16px}.compilerOutput{min-height:64px}.serialMonitor pre{height:130px}@media (width<=900px){.circuitApp{grid-template-rows:520px auto;grid-template-columns:170px minmax(0,1fr)}.circuitBoard{min-height:520px}}@media (width<=650px){.circuitApp{flex-direction:column;display:flex}.componentTray{border-bottom:1px solid #e2e7ef;border-right:0;order:1;gap:7px;padding:10px;display:flex}.circuitBoard{order:2;width:100%;min-height:430px}.labCode{box-sizing:border-box;order:3;width:100%;padding:11px}.labCode .ideBody{height:350px}}.part-breadboard{background:#f1f2f2;border:1px solid #c9cdcf;border-radius:7px;width:360px;min-height:233px;box-shadow:0 7px 18px #9ca8b555}.realBreadboard{background:linear-gradient(#f6f7f7,#e9ebeb);border-radius:8px;box-shadow:inset 0 0 0 1px #fff}.breadGap{background:#d6d9d9;border-top:1px solid #c9cccc;border-bottom:1px solid #f8f9f9;height:15px;top:119px;left:0;right:0}.rail{background:#252b2d;height:1.5px;left:24px;right:18px}.rail.plus{background:#e23232}.railTopMinus{top:10px}.railTopPlus{top:39px}.railBottomMinus{top:205px}.railBottomPlus{top:230px}.railLabel{font:800 11px Arial;left:7px}.topMinus{top:11px}.topPlus{top:27px}.bottomMinus{top:205px}.bottomPlus{top:220px}.columnLabel{color:#50575a;font:6px/1 Arial;transform:translate(-50%)}.columnTop{top:48px}.columnBottom{top:198px}.rowLabel{color:#51585b;font:7px/1.1 monospace;transform:translateY(-50%)}.rowLeft{left:11px}.rowRight{left:auto;right:7px}.breadHole{background:#3f4547;border-radius:50%;width:7px;height:7px;transition:all .12s;box-shadow:inset 0 0 0 2px #788083,0 1px 1px #fff}.breadHole.enabled{cursor:crosshair;box-shadow:inset 0 0 0 2px #596164,0 0 0 1px #fff}.breadHole.enabled:hover{z-index:10;background:#ffbd18;width:15px;height:15px;box-shadow:0 0 0 2px #fff,0 0 0 4px #167896}@media (width<=700px){.part-breadboard{transform-origin:0 0}.circuitBoard{overscroll-behavior:contain}}.circuitApp>.componentTray{z-index:3!important;color:#17213b!important;background:#fff!important;flex-direction:column!important;width:auto!important;height:auto!important;max-height:none!important;display:flex!important;position:relative!important;inset:auto!important;overflow-y:auto!important;transform:none!important}.circuitApp>.componentTray button{flex:none}.circuitApp>.labCode{z-index:1;position:relative;overflow:hidden}@media (width<=650px){.circuitApp>.componentTray{flex-direction:row!important;width:100%!important;height:auto!important;display:flex!important;position:relative!important;overflow:auto hidden!important}.circuitApp>.componentTray button{min-width:132px}}.workbenchPage{width:100%;min-width:0}.wokwiPage{background:#f5f7fb;min-height:100dvh;padding:26px 30px 38px}.wokwiHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.wokwiHeader h1{color:#071738;margin:5px 0 4px;font-size:clamp(28px,4vw,44px)}.wokwiHeader p{color:#75809c;margin:0}.wokwiActions{flex-wrap:wrap;gap:10px;display:flex}.wokwiActions button,.wokwiActions a,.workbenchSwitch button,.mobileLegacy{color:#0a2c5e;cursor:pointer;background:#fff;border:1px solid #d4dce9;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:800;text-decoration:none;display:inline-flex}.wokwiActions svg,.workbenchSwitch svg,.mobileLegacy svg{width:17px;height:17px}.workbenchSwitch{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.workbenchSwitch .active{color:#fff;background:#1976d2;border-color:#1976d2}.wokwiFrameBox{background:#111827;border:1px solid #cad5e5;border-radius:16px;width:100%;height:clamp(620px,76dvh,920px);min-height:0;overflow:hidden;box-shadow:0 12px 30px #17345d1f}.wokwiFrameBox iframe{border:0;width:100%;height:100%;display:block}.wokwiFrameBox:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.wokwiHint{color:#72809a;margin:10px 4px 0;font-size:13px}.mobileLegacy{display:none}.wokwiActions .primaryAction{color:#fff;background:#1677d2;border-color:#1677d2}.projectDelivery,.savedDeliveries{color:#071738;background:#fff;border:1px solid #dce4ef;border-radius:16px;margin-top:24px;padding:24px}.deliveryIntro h2,.savedDeliveries h2{margin:4px 0 6px}.deliveryIntro p{color:#6f7d94;margin:0 0 20px}.projectDelivery form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.projectDelivery label{gap:7px;font-size:13px;font-weight:800;display:grid}.projectDelivery input,.projectDelivery select,.projectDelivery textarea{color:#0d1c36;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cad5e4;border-radius:10px;padding:11px}.projectDelivery textarea{resize:vertical}.projectDelivery .wideField,.projectDelivery .uploadField,.deliverySubmit{grid-column:1/-1}.uploadField{color:#244b78;cursor:pointer;border:2px dashed #b9c8db;border-radius:12px;flex-direction:row;align-items:center;padding:16px;position:relative;grid-template-columns:none!important;gap:12px!important;display:flex!important}.uploadField svg{flex:none}.uploadField span{gap:3px;display:grid}.uploadField small{color:#718098;font-weight:500}.uploadField input{opacity:0;cursor:pointer;position:absolute;inset:0}.deliverySubmit{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.deliverySubmit button,.savedDeliveries button,.savedDeliveries a{color:#fff;cursor:pointer;background:#1677d2;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-weight:800;text-decoration:none;display:inline-flex}.deliverySubmit p{color:#217347;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.savedDeliveries article{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.savedDeliveries article>div:first-child{gap:4px;display:grid}.savedDeliveries article>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.savedDeliveries small{color:#748197}.savedDeliveries button{color:#194c80;background:#edf4fb}.savedDeliveries svg{width:16px;height:16px}@media (width<=720px){.wokwiPage{background:#111827;min-height:calc(100dvh - 72px);padding:8px 0 18px}.wokwiHeader{background:#f5f7fb;margin:0;padding:0 8px 8px;display:block}.wokwiHeader>div:first-child{display:none}.wokwiActions{grid-template-columns:1fr 1fr;gap:7px;margin:0;display:grid}.wokwiActions .primaryAction{grid-column:1/-1}.wokwiActions button,.wokwiActions a{border-radius:9px;min-height:44px;padding:8px 10px;font-size:14px}.workbenchSwitch{display:none}.wokwiFrameBox{height:calc(100dvh - 132px);min-height:560px;box-shadow:none;border:0;border-radius:0}.wokwiHint{text-align:center;background:#f5f7fb;margin:0;padding:9px 12px;font-size:12px}.mobileLegacy{width:calc(100% - 20px);margin:10px auto 0;font-size:12px;display:flex}.projectDelivery,.savedDeliveries{margin:12px 8px 0;padding:16px}.projectDelivery form{grid-template-columns:1fr}.projectDelivery form>*{grid-column:1!important}.savedDeliveries article{flex-direction:column;align-items:flex-start}.savedDeliveries article>div:last-child{width:100%}.savedDeliveries article>div:last-child>*{flex:1}}@media (width<=430px){.wokwiFrameBox{height:calc(100dvh - 126px);min-height:540px}}.versionBadge{z-index:99;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101d3ce8;border:1px solid #35466d;border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font:700 10px/1 DM Sans,sans-serif;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 5px 16px #17213b30}.versionBadge i{background:#ffcc35;border-radius:50%;width:6px;height:6px}.versionBadge span{color:#9fb1d1;font-weight:500}@media (width<=500px){.versionBadge{bottom:7px;right:7px}.versionBadge span{display:none}}.newClass{background:#fff;border:1px solid #e0e6ef;border-radius:13px;grid-template-columns:1.5fr 1fr 120px 120px auto;gap:8px;margin-bottom:16px;padding:15px;display:grid}.newClass h3{grid-column:1/-1;margin:0}.newClass input,.newClass select,.classToolbar select{background:#fff;border:1px solid #dae1eb;border-radius:8px;padding:9px}.newClass button,.classToolbar button,.studentRow button{color:#fff;background:#237ed1;border:0;border-radius:8px;padding:9px 12px;font-weight:800}.classToolbar{align-items:center;gap:9px;margin-bottom:14px;display:flex}.classToolbar button{align-items:center;gap:5px;display:flex}.classToolbar svg{width:15px}.classToolbar .closeSession{background:#b74444}.classToolbar span{color:#198253;font-size:12px}.roster{background:#fff;border:1px solid #e0e6ef;border-radius:15px;overflow:hidden}.rosterHead,.studentRow{border-bottom:1px solid #e9edf3;align-items:center;gap:11px;padding:14px 17px;display:flex}.rosterHead{justify-content:space-between}.rosterHead>div{gap:8px;display:flex}.rosterHead .live,.rosterHead .off{color:#178451;background:#dcf8e8;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.rosterHead .off{color:#7b8698;background:#edf0f4}.studentInitial{color:#247fd0;background:#eaf4ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.studentRow>b{min-width:180px}.studentRow>span{color:#778397;flex:1;font-size:12px}.studentRow button{align-items:center;gap:5px;display:flex}.studentRow button.present{color:#b13f3f;background:#fff0f0}.studentRow button:disabled{opacity:.4}.studentRow svg{width:15px}@media (width<=800px){.newClass{grid-template-columns:1fr 1fr}.newClass button{grid-column:1/-1}.classToolbar,.studentRow{flex-wrap:wrap}.studentRow>b{min-width:0}.studentRow>span{order:3;width:100%;margin-left:45px}.studentRow button{margin-left:auto}}.diagnosticPage{background:#f3f7fc;grid-template-columns:minmax(260px,420px) minmax(420px,760px);justify-content:center;gap:36px;min-height:100vh;padding:42px;display:grid}.diagnosticIntro{padding-top:45px}.diagnosticIcon{color:#fff;background:#147dcc;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:24px;display:grid}.diagnosticIcon svg{width:34px;height:34px}.diagnosticIntro h1{color:#0d2144;margin:12px 0;font-size:46px;line-height:1.05}.diagnosticIntro>p{color:#60708d;font-size:17px;line-height:1.6}.diagnosticProgress{margin-top:34px}.diagnosticProgress>div{background:#dce7f5;border-radius:10px;height:10px;overflow:hidden}.diagnosticProgress i{background:#1987dc;border-radius:10px;height:100%;display:block}.diagnosticProgress b{color:#36506f;margin-top:8px;display:block}.diagnosticTimer{color:#126fb5;background:#e7f3ff;border-radius:12px;align-items:center;gap:10px;width:max-content;margin-top:18px;padding:13px;display:flex}.diagnosticTimer svg{width:24px}.diagnosticTimer span{font-size:10px;display:block}.diagnosticTimer b{font-size:20px}.diagnosticTimer.ending{color:#b64a23;background:#fff0e8}.questionCard{background:#fff;border:1px solid #dfe7f1;border-radius:24px;padding:28px;box-shadow:0 18px 50px #23466b12}.questionTop{border-bottom:1px solid #e8edf4;justify-content:space-between;margin-bottom:8px;padding-bottom:18px;display:flex}.questionTop span{color:#147dcc;font-weight:800}.questionCard fieldset{border:0;border-bottom:1px solid #edf1f6;margin:0;padding:20px 0}.questionCard legend{color:#142443;font-weight:800;line-height:1.45}.questionCard legend em{color:#147dcc;background:#e8f3ff;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:10px;font-style:normal;display:inline-grid}.questionCard fieldset label{cursor:pointer;color:#4f5d74;border:1px solid #e1e7ef;border-radius:10px;align-items:center;gap:10px;margin:9px 0 0;padding:10px 12px;display:flex}.questionCard fieldset label.picked{color:#102f55;background:#eef7ff;border-color:#2387d8}.questionCard fieldset input{display:none}.questionCard fieldset label span{background:#eef2f7;border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.questionCard label.picked span{color:#fff;background:#2387d8}.diagnosticActions{justify-content:space-between;margin-top:24px;display:flex}.diagnosticActions button,.resultPage button,.exportButton{border:0;border-radius:10px;align-items:center;gap:7px;padding:12px 18px;font-weight:800;display:flex}.diagnosticActions button svg,.resultPage button svg,.exportButton svg{width:17px}.diagnosticActions .primary,.resultPage button,.exportButton{color:#fff;background:#167fd1}.diagnosticActions button:disabled{opacity:.4}.diagnosticNotice{color:#b04a3b;font-weight:700}.resultPage{text-align:center;background:#f3f7fc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.resultSeal{color:#16804c;background:#dff7e9;border-radius:50%;place-items:center;width:84px;height:84px;display:grid}.resultSeal svg{width:48px;height:48px}.resultPage h1{margin:14px;font-size:48px}.resultPage h2{color:#147dcc;font-size:30px}.resultDomains{grid-template-columns:1fr 1fr;gap:12px;width:min(560px,100%);margin:20px;display:grid}.resultDomains>div{text-align:left;background:#fff;border:1px solid #dfe7f1;border-radius:12px;padding:15px}.resultDomains b{float:right}.resultDomains i{clear:both;background:#e4edf7;border-radius:4px;height:6px;margin-top:10px;display:block}.resultDomains em{background:#2387d8;border-radius:4px;height:100%;display:block}.resultPage small{color:#6b7890;max-width:600px}.resultPage button{margin-top:22px}.metricGrid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.metricGrid article{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:18px}.metricGrid article svg{color:#167fd1;width:22px}.metricGrid span{color:#718098;font-size:12px;display:block}.metricGrid b{color:#132441;font-size:28px}.diagnosticTable{background:#fff;border:1px solid #dfe6ef;border-radius:16px;margin-top:20px;padding:20px}.tableTools{justify-content:space-between;align-items:center;display:flex}.tableTools label{border:1px solid #dce4ee;border-radius:9px;align-items:center;gap:7px;padding:8px;display:flex}.tableTools svg{width:16px}.tableTools input{border:0;outline:0}.tableScroll{overflow:auto}.diagnosticTable table{border-collapse:collapse;width:100%;margin-top:15px}.diagnosticTable th,.diagnosticTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:13px 10px}.diagnosticTable th{color:#738199;text-transform:uppercase;font-size:11px}.diagnosticTable td small{color:#8793a5;display:block}.levelTag{border-radius:12px;padding:5px 9px;font-size:11px;font-weight:800}.levelTag.infantil{color:#8a6500;background:#fff1c9}.levelTag.iniciante{color:#146dae;background:#e4f2ff}.levelTag.avancado{color:#6343ae;background:#e8e1ff}.noResults{text-align:center;color:#718098;padding:35px}@media (width<=850px){.diagnosticPage{padding:20px;display:block}.diagnosticIntro{padding:10px 0 22px}.diagnosticIntro h1{font-size:34px}.metricGrid{grid-template-columns:1fr 1fr}.questionCard{padding:18px}.resultDomains{grid-template-columns:1fr}}.studentMetrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.studentMetrics article{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:18px}.studentMetrics svg{color:#2586dc;width:22px}.studentMetrics span{color:#748197;font-size:12px;display:block}.studentMetrics b{font-size:28px}.studentPanel{background:#fff;border:1px solid #e0e7ef;border-radius:16px;margin-top:20px;padding:20px}.studentFilters{justify-content:space-between;gap:10px;display:flex}.studentFilters label{border:1px solid #dce4ee;border-radius:9px;align-items:center;gap:7px;padding:9px;display:flex}.studentFilters svg{width:16px}.studentFilters input{border:0;outline:0}.studentFilters select,.studentList select{background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:9px}.studentList article{border-bottom:1px solid #edf1f5;grid-template-columns:42px 1.4fr 1.2fr 1.1fr 1.1fr 1.3fr;align-items:center;gap:12px;padding:14px 0;display:grid}.studentAccessActions{flex-wrap:wrap;grid-column:2/-1;align-items:center;gap:10px;display:flex}.studentAccessActions>button,.temporaryPassword button{color:#14558f;cursor:pointer;background:#edf4fb;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-weight:800;display:inline-flex}.studentAccessActions svg{width:16px;height:16px}.temporaryPassword{background:#edf9f2;border:1px solid #b9ddca;border-radius:9px;align-items:center;gap:9px;padding:7px 9px;display:flex}.temporaryPassword span{font-size:10px}.temporaryPassword b{font-family:ui-monospace,monospace;font-size:14px}.temporaryPassword button{background:#fff;padding:5px}.studentLogin{font-weight:700;color:#226ba8!important}.studentAvatar{color:#1778c4;background:#e6f3ff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.studentList span,.studentList small{color:#7c899c;font-size:10px;display:block}.studentList b{font-size:12px}.managerNotice{color:#187544;background:#e9f7ef;border-radius:8px;padding:10px}@media (width<=950px){.studentList article{grid-template-columns:42px 1fr}.studentList article>div:not(.studentAvatar),.studentList select{grid-column:2}.studentMetrics{grid-template-columns:1fr}.studentFilters{display:block}.studentFilters>*{width:100%;margin-top:8px}}*{box-sizing:border-box}body{color:#17213b;background:#f6f8fc;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}.login{color:#fff;background:radial-gradient(circle at 20% 20%,#243b72,#0b1530 55%);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.brand{align-items:flex-start;gap:12px;padding:42px;display:flex}.brand b,.sideTop b{font-size:19px}.brand small,.sideTop small{letter-spacing:2px;color:#7fd6ff;font-size:9px;display:block}.logo{color:#152140;background:#ffcc35;border-radius:13px;place-items:center;width:45px;height:45px;font-weight:900;display:grid}.loginCard{color:#17213b;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;margin:28px;padding:8vw;display:flex}.eyebrow{letter-spacing:1.7px;color:#2686df;font-size:11px;font-weight:800}.loginCard h1{margin:14px 0;font-size:42px;line-height:1.08}.loginCard p{color:#748099}.loginCard label{margin-top:18px;font-size:13px;font-weight:700}.loginCard input:not([type=checkbox]){border:1px solid #dfe5ef;border-radius:10px;width:100%;margin-top:7px;padding:14px;display:block}.row{justify-content:space-between;align-items:center;margin:18px 0;font-size:12px;display:flex}.remember{margin:0!important;font-weight:500!important}.row a{color:#2686df}.loginCard>button,.continue button{color:#fff;background:#237ed1;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-weight:800;display:flex}.safe{text-align:center;color:#9aa4b7;margin-top:20px}aside{color:#fff;z-index:5;background:#111d3b;flex-direction:column;width:245px;height:100vh;padding:25px 16px;display:flex;position:fixed}.sideTop{align-items:center;gap:10px;margin-bottom:42px;display:flex}.sideTop .logo{width:40px;height:40px}.close{margin-left:auto;display:none}nav{gap:7px;display:grid}nav button{color:#9faaca;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}nav button.active{color:#fff;background:#23365f}.profile{border-top:1px solid #2c3853;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:flex}.profile small{color:#8d98b3;font-size:9px;display:block}.avatar{color:#152140;background:#ffcc35;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.profile>svg{margin-left:auto}.content{margin-left:245px;padding:42px 5vw}.content header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.content h1{margin:5px 0;font-size:34px}.content header p,.sectionTitle p{color:#7a849a;margin:0}.streak{background:#fff;border:1px solid #e6eaf1;border-radius:12px;grid-template-columns:auto auto;gap:0 8px;padding:12px 18px;display:grid}.streak small{color:#8490a5;grid-column:2}.continue{color:#fff;background:linear-gradient(120deg,#142650,#1f5292);border-radius:20px;justify-content:space-between;align-items:center;padding:30px 35px;display:flex;overflow:hidden}.continue>svg{color:#3975b6;transform:rotate(-12deg)}.tag{color:#ffdc69;font-size:10px;font-weight:800}.continue h2{margin:9px 0 3px;font-size:28px}.continue p{color:#b8c5da}.progress{background:#48658a;border-radius:5px;width:300px;height:5px;margin:20px 0;position:relative}.progress i{background:#ffcd38;width:25%;height:100%;display:block}.progress span{white-space:nowrap;font-size:11px;position:absolute;top:-7px;left:310px}.continue button{color:#17213b;background:#ffcc35;padding:12px 18px}.sectionTitle{justify-content:space-between;align-items:end;margin:34px 0 18px;display:flex}.sectionTitle h2{margin:0}.sectionTitle a{color:#267fd1}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.course{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:20px}.courseIcon{color:#2889e7;background:#e8f3ff;border-radius:12px;place-items:center;height:90px;margin-bottom:18px;display:grid}.course.yellow .courseIcon{color:#df9d00;background:#fff5d4}.course.purple .courseIcon{color:#745cd5;background:#eeeaff}.course>span,.module>span{color:#2086df;letter-spacing:1.4px;font-size:9px;font-weight:800}.course h3{margin:7px 0}.course p{color:#7e899d;min-height:38px;font-size:13px}.mini{background:#e9edf3;border-radius:5px;height:5px;margin:18px 0 7px}.mini i{background:#298ce7;height:100%;display:block}.course small{color:#929bad}.lessonLayout{grid-template-columns:1fr 270px;gap:25px;display:grid}.module{background:#eaf4ff;border-radius:15px;margin-bottom:14px;padding:22px}.module h2{margin:5px 0}.module p{color:#708099}.lesson{background:#fff;border:1px solid #e3e8ef;border-radius:13px;align-items:center;gap:14px;margin:10px 0;padding:14px;display:flex}.num{color:#2788e2;background:#eaf4ff;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.lesson small{color:#8e98aa;align-items:center;gap:4px;margin-top:4px;display:flex}.lesson button{color:#197acb;background:#e9f4ff;border:0;border-radius:8px;margin-left:auto;padding:8px 12px}.lesson.locked{opacity:.6}.courseSide{color:#17213b;text-align:center;background:#fff;border:1px solid #e3e8ef;border-radius:15px;align-items:center;width:auto;height:max-content;position:static}.ring{border:10px solid #e1eafa;border-top-color:#2889e7;border-radius:50%;place-items:center;width:105px;height:105px;font-size:22px;font-weight:800;display:grid}.courseSide p{color:#7e899c;font-size:12px}.courseSide hr{border:0;border-top:1px solid #eee;width:100%}.lab{background:#fff;border:1px solid #e0e5ee;border-radius:16px;grid-template-columns:190px 1fr 360px;height:570px;display:grid;overflow:hidden}.parts{flex-direction:column;gap:8px;padding:18px;display:flex}.parts button{text-align:left;background:#fff;border:1px solid #e1e6ee;border-radius:8px;padding:10px}.canvas{background-color:#edf1f7;background-image:radial-gradient(#cbd3e1 1px,#0000 1px);background-size:20px 20px;place-items:center;display:grid;position:relative}.canvas p{color:#8d97a8;position:absolute;bottom:20px}.uno{color:#fff;background:#147b99;border:7px solid #10667e;border-radius:7px;place-items:center;width:170px;height:115px;display:grid;box-shadow:0 10px 25px #9eabba}.uno small{margin-top:-35px}.lab pre{color:#d4e2f5;background:#172033;margin:0;padding:22px;line-height:1.6;overflow:auto}.lab pre span{color:#70b989}.hamb{display:none}.empty{text-align:center;color:#7d889b;padding:15vh 0}.empty svg{width:70px;height:70px}.empty h1{color:#17213b}@media (width<=850px){.login{background:#fff;display:block}.brand{background:#101d3c;padding:20px}.loginCard{margin:0;padding:45px 24px}.loginCard h1{font-size:34px}aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:none}.close{display:block}.content{margin:0;padding:25px 18px}.hamb{background:0 0;border:0;margin-bottom:20px;display:block}.content header{align-items:flex-start}.content h1{font-size:27px}.streak{display:none}.continue{padding:24px}.continue>svg{display:none}.progress{width:70%}.progress span{left:calc(100% + 8px)}.cards{grid-template-columns:1fr}.lessonLayout{display:block}.courseSide{margin-top:20px}.lab{grid-template-columns:1fr;height:auto}.parts{display:none}.canvas{height:370px}.lab pre{min-height:340px}.row{gap:10px}.content header p{font-size:13px}}.authMsg{color:#7b5911;background:#fff3d7;border-radius:8px;margin-bottom:12px;padding:10px;font-size:13px}.boot{color:#fff;background:#111d3b;place-items:center;min-height:100vh;font-weight:700;display:grid}.noAccess{text-align:center;background:#fff;border:1px solid #e2e7ef;border-radius:22px;max-width:620px;margin:12vh auto;padding:55px 35px}.noAccess svg{color:#2889e7;width:75px;height:75px}.noAccess p{color:#7c879a}.noAccess a,.adminForm button{color:#fff;background:#20a75a;border:0;border-radius:10px;padding:13px 20px;font-weight:800;text-decoration:none;display:inline-block}.adminGrid{grid-template-columns:360px 1fr;gap:20px;display:grid}.adminForm,.adminList{background:#fff;border:1px solid #e1e6ee;border-radius:15px;padding:22px}.adminForm{flex-direction:column;gap:14px;display:flex}.adminForm label{font-size:12px;font-weight:700}.adminForm select,.adminForm input{background:#fff;border:1px solid #dce2eb;border-radius:8px;width:100%;margin-top:6px;padding:11px;display:block}.adminList>div{border-top:1px solid #e7eaf0;grid-template-columns:1fr 1fr auto;gap:8px;padding:13px 0;display:grid}.adminList span,.adminList small{color:#778297;font-size:12px}@media (width<=850px){.adminGrid,.adminList>div{grid-template-columns:1fr}.noAccess{margin:5vh auto;padding:35px 20px}}.adminActions{gap:6px;display:flex}.adminActions button{color:#34425f;background:#fff;border:1px solid #d7deea;border-radius:7px;padding:6px 9px;font-size:11px}.adminActions button:last-child{color:#b44848}.adminForm button:disabled{opacity:.6}.loginCard .authSwitch{color:#167fd1;background:0 0;border:1px solid #bcd8ee;margin-top:9px}.brand em{color:#aebbd4;margin-top:8px;font-size:12px;font-style:normal;display:block}.sideSignature{color:#647290;margin-top:auto;padding:0 12px 18px;font-size:11px;font-weight:600;line-height:1.4}.sideSignature+.profile{margin-top:0}.adminPreviewBar{background:#fff5ce;border:1px solid #f0d77b;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 14px;display:flex}.adminPreviewBar b{color:#745900}.adminPreviewBar select{background:#fff;border:1px solid #dbc66f;border-radius:7px;padding:8px}@media (width<=600px){.adminPreviewBar{gap:8px;display:grid}}html,body,#root{min-height:100%;overflow-x:hidden}body{overflow-y:auto}.app{min-height:100dvh}.app>aside{overscroll-behavior:contain;height:100dvh;max-height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom));overflow-y:auto}.app>aside .sideTop,.app>aside nav{flex:none}.app>aside .sideSignature{margin-top:auto}.app>aside .profile{flex:none;margin-top:18px;position:relative;bottom:auto}.app>aside .profile>svg{cursor:pointer;min-width:20px;min-height:20px}.content{min-width:0;padding-bottom:max(55px,env(safe-area-inset-bottom));overflow:visible}@media (height<=720px) and (width>=851px){.app>aside{padding-top:14px}.app>aside .sideTop{margin-bottom:14px}.app>aside nav{gap:2px}.app>aside nav button{padding:8px 10px}.app>aside .sideSignature{display:none}.app>aside .profile{margin-top:auto;padding-top:10px}}@media (width<=850px){.app>aside{width:min(290px,88vw);padding-bottom:max(22px,env(safe-area-inset-bottom));z-index:100}.content{width:100%;padding:20px 14px 60px}.hamb{z-index:20;background:#fff;border:1px solid #dfe5ed;border-radius:9px;padding:8px;position:sticky;top:8px;box-shadow:0 4px 14px #17213b18}.content header{flex-wrap:wrap;gap:14px}.labTop{flex-wrap:wrap;width:100%}.labTop input{flex:1;min-width:0}.projectBar>*{max-width:100%}.projectBar select{min-width:0}.projectBar span{width:100%}}@media (width<=480px){.content{padding-left:9px;padding-right:9px}.content h1{font-size:25px}.learningSteps{padding-bottom:3px}.projectBar button{padding:9px 10px;font-size:13px}.wireColor{width:38px!important;height:38px!important}.versionBadge{pointer-events:none}}