.course-entry,.course-dashboard{position:relative;z-index:2;max-width:1320px;margin:0 auto 110px;padding:48px;border:1px solid rgba(124,209,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(10,23,42,.97),rgba(7,12,25,.97));box-shadow:0 38px 100px #0006;overflow:hidden}.course-entry>div:first-child{max-width:760px}.course-entry>div:first-child>span,.activity-drawer>span{font:700 9px var(--mono);letter-spacing:.2em;color:var(--lab-cyan)}.course-entry h2,.course-dashboard h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.055em;margin:13px 0}.course-entry p,.course-dashboard>header p{color:#8fa8b8;line-height:1.65}.class-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:38px}.class-picker button{min-height:146px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:18px;border:1px solid #7cd1ff21;border-radius:16px;background:#ffffff06;color:#edf9ff;cursor:pointer;transition:.25s}.class-picker button:hover{transform:translateY(-4px);border-color:var(--lab-cyan);background:#53e7ff12}.class-picker small{font:650 7px var(--mono);color:#6f899a}.class-picker b{font:650 43px/1 var(--font);margin:13px 0 4px}.class-picker span{font:650 9px var(--mono);color:#9fb6c3}.curriculum-note{font-size:10px}
.course-dashboard>header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.course-dashboard>header>div:first-child>span{margin-left:10px;color:#7591a2;font-size:10px}.class-switch{height:34px;padding:0 12px;border:1px solid var(--lab-cyan);border-radius:8px;background:#53e7ff14;color:var(--lab-cyan);font:700 8px var(--mono);cursor:pointer}.course-progress{min-width:220px}.course-progress b{font:650 35px var(--mono);color:var(--lab-cyan)}.course-progress b small{font-size:14px;color:#5e7788}.course-progress>span{display:block;font-size:9px;color:#7d96a5;margin:4px 0 12px}.course-progress>i,.subject-meter{display:block;height:4px;border-radius:5px;background:#ffffff12;overflow:hidden}.course-progress em,.subject-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--lab-cyan),var(--lab-green));transition:.35s}.compact-class-picker{display:none;grid-template-columns:repeat(12,1fr);gap:5px;margin:24px 0}.compact-class-picker.open{display:grid}.compact-class-picker button{height:36px;border:1px solid #7cd1ff24;border-radius:7px;background:#091827;color:#8fa8b7;font:700 9px var(--mono)}.compact-class-picker button.active{border-color:var(--lab-cyan);color:var(--lab-cyan)}
.pathway-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.pathway-tabs button{text-align:left;padding:17px;border:1px solid #7cd1ff24;border-radius:12px;background:#ffffff06;color:white;cursor:pointer}.pathway-tabs button.active{border-color:var(--lab-cyan);background:#53e7ff12}.pathway-tabs b,.pathway-tabs span{display:block}.pathway-tabs span{margin-top:6px;font-size:9px;line-height:1.45;color:#829baa}.course-search{height:48px;max-width:530px;margin:30px 0 20px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #7cd1ff24;border-radius:12px;background:#071422}.course-search span{color:var(--lab-cyan);font-size:18px}.course-search input{width:100%;border:0;outline:0;background:transparent;color:white;font:500 13px var(--font)}
.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subject-grid>article{min-height:290px;padding:22px;border:1px solid color-mix(in srgb,var(--subject) 25%,transparent);border-radius:17px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--subject) 11%,transparent),transparent 42%),#060f1dc7;display:flex;flex-direction:column}.subject-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--subject) 48%,transparent);border-radius:14px;color:var(--subject);font:750 18px var(--font)}.subject-grid article>small{margin-top:22px;color:#6f8a9b;font:650 7px var(--mono)}.subject-grid h3{font-size:24px;margin:9px 0}.subject-grid p{font-size:10px;line-height:1.55;color:#8fa7b5}.subject-meter{margin-top:auto}.subject-grid article>button{height:39px;margin-top:16px;border:1px solid color-mix(in srgb,var(--subject) 38%,transparent);border-radius:9px;background:color-mix(in srgb,var(--subject) 8%,transparent);font:700 8px var(--mono);cursor:pointer}.subject-grid article>button span{float:right}
.activity-drawer{position:fixed;z-index:160;right:0;top:0;width:min(520px,100%);height:100dvh;padding:42px;background:#040a15fc;border-left:1px solid #53e7ff3d;box-shadow:-35px 0 100px #0009;overflow:auto}.drawer-close{float:right;width:40px;height:40px;border:1px solid #7cd1ff2b;border-radius:50%;background:transparent;color:white;font-size:22px}.activity-drawer h3{font-size:42px;margin:15px 0 8px}.activity-drawer>p{color:#8da6b5;font-size:11px}.activity-drawer>div{display:grid;gap:10px;margin-top:30px}.activity-choice{min-height:105px;display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #7cd1ff24;border-radius:14px;background:#ffffff06;color:white;text-align:left}.activity-choice>i{flex:0 0 44px;height:44px;display:grid;place-items:center;border:1px solid #53e7ff40;border-radius:12px;color:var(--lab-cyan);font-style:normal}.activity-choice>span{display:grid;gap:4px}.activity-choice small{font:650 7px var(--mono);color:#6f8a9b}.activity-choice em{font-style:normal;font-size:10px;color:#8ea5b3}.activity-choice strong{margin-left:auto;color:var(--lab-cyan)}
.course-workspace{position:fixed;inset:0;z-index:180;background:#030711;color:#edf9ff;overflow:auto;font-family:var(--font)}.course-workspace>header{height:76px;padding:0 3vw;position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;border-bottom:1px solid #7cd1ff24;background:#030711eb}.course-workspace>header button{height:38px;padding:0 13px;border:1px solid #7cd1ff2b;border-radius:8px;background:transparent;color:#bad0da;font:700 8px var(--mono)}.course-workspace>header>div{flex:1}.course-workspace>header small,.course-workspace>header b{display:block}.course-workspace>header small{font:650 7px var(--mono);color:#6d8898}.course-workspace>main{max-width:1280px;margin:auto;padding:50px 3vw;display:grid;grid-template-columns:330px 1fr;gap:20px}.course-workspace aside,.lesson-stage{border:1px solid #7cd1ff24;border-radius:18px;background:#07111f}.course-workspace aside{padding:25px}.course-workspace aside>span{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;color:#04101b;font-weight:800}.course-workspace aside>small{display:block;margin-top:28px;color:var(--lab-cyan)}.course-workspace aside h2{font-size:29px;margin:10px 0}.course-workspace aside>p,.lesson-stage>p{font-size:11px;line-height:1.65;color:#8fa6b3}.course-workspace aside nav{display:grid;gap:7px;margin-top:26px}.course-workspace aside nav button{min-height:48px;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:8px;background:transparent;color:#718c9c}.course-workspace aside nav button.active{background:#53e7ff12;color:#dff9ff}.course-workspace aside nav button.done{color:var(--lab-green)}.course-workspace aside nav i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #7cd1ff24;border-radius:50%;font-style:normal}.lesson-stage{min-height:650px;padding:clamp(28px,5vw,70px);display:flex;flex-direction:column}.lesson-stage>div:first-child{font:700 8px var(--mono);color:var(--lab-cyan)}.lesson-stage>h3{font-size:clamp(30px,4vw,54px);margin:14px 0 24px}.lesson-stage>article{margin-top:30px;padding:25px;border:1px solid #53e7ff2e;border-radius:14px;background:#53e7ff0a}.lesson-stage article b{font:700 8px var(--mono);color:var(--lab-cyan)}.concept-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:35px}.concept-map span{min-height:130px;padding:20px;border:1px solid #7cd1ff24;border-radius:13px;color:#648193}.concept-map b{display:block;margin-top:35px;color:#dff8ff}.workspace-options{display:grid;gap:10px;margin-top:25px}.workspace-options button{min-height:65px;padding:14px;border:1px solid #7cd1ff24;border-radius:11px;background:#ffffff05;color:#d7e7ee;text-align:left}.workspace-options button span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:13px;background:#53e7ff14}.workspace-options button.correct{border-color:var(--lab-green)}.workspace-options button.wrong{border-color:#ff6b84}.lesson-stage>footer{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between}.lesson-stage>footer button{height:43px;padding:0 20px;border:1px solid var(--lab-cyan);border-radius:9px;background:#53e7ff14;font:700 8px var(--mono)}.lesson-stage>footer button:disabled{opacity:.3}.lesson-stage>footer button.completed{border-color:var(--lab-green);color:var(--lab-green)}
@media(max-width:1000px){.class-picker{grid-template-columns:repeat(4,1fr)}.subject-grid{grid-template-columns:repeat(2,1fr)}.course-workspace>main{grid-template-columns:270px 1fr}.concept-map{grid-template-columns:1fr}}
@media(max-width:700px){.course-entry,.course-dashboard{margin-bottom:70px;padding:28px 16px;border-radius:20px}.class-picker{grid-template-columns:repeat(3,1fr)}.class-picker button{min-height:112px}.course-dashboard>header{align-items:flex-start;flex-direction:column}.course-progress{width:100%}.compact-class-picker,.compact-class-picker.open{grid-template-columns:repeat(6,1fr)}.pathway-tabs,.subject-grid{grid-template-columns:1fr}.activity-drawer{padding:27px 17px}.course-workspace>header{height:auto;min-height:70px;padding:10px;gap:7px}.course-workspace>main{grid-template-columns:1fr;padding:18px 12px 50px}.course-workspace aside nav{grid-template-columns:repeat(3,1fr)}.course-workspace aside nav button{font-size:0;justify-content:center}.course-workspace aside nav i{font-size:8px}.lesson-stage{min-height:570px;padding:28px 18px}}
@media(max-width:400px){.class-picker{grid-template-columns:repeat(2,1fr)}.course-workspace>header small{display:none}}
.curriculum-camera{margin:34px 0;padding:20px;border:1px solid #53e7ff38;border-radius:18px;background:linear-gradient(145deg,#071928,#050d18);box-shadow:0 18px 55px #0004}.curriculum-camera>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.curriculum-camera>header small{display:block;color:var(--lab-cyan);font:700 7px var(--mono);letter-spacing:.14em}.curriculum-camera h4{margin:7px 0 0;font-size:20px}.curriculum-camera>header>span{padding:7px 9px;border:1px solid #61e6a84a;border-radius:7px;background:#61e6a80d;color:var(--lab-green);font:700 7px var(--mono)}.curriculum-camera>p{margin:14px 0 18px;color:#b9ced8;font-size:11px;line-height:1.65}.curriculum-camera-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:13px}.course-camera-feed{position:relative;aspect-ratio:4/3;min-width:0;overflow:hidden;border:1px solid #7cd1ff30;border-radius:14px;background:radial-gradient(circle at 50% 40%,#10283b,#030711 72%)}.course-camera-feed video,.course-camera-feed>img{width:100%;height:100%;display:block;object-fit:cover}.course-camera-feed video{transform:scaleX(-1)}.course-camera-feed>canvas{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.camera-focus{position:absolute;inset:13%;display:flex;align-items:flex-end;justify-content:center;border:1px solid #71efff8a;border-radius:13px;pointer-events:none;box-shadow:inset 0 0 35px #53e7ff0b}.camera-focus:before,.camera-focus:after,.camera-focus i:before,.camera-focus i:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--lab-cyan);border-style:solid}.camera-focus:before{left:-2px;top:-2px;border-width:3px 0 0 3px}.camera-focus:after{right:-2px;top:-2px;border-width:3px 3px 0 0}.camera-focus i:before{left:-2px;bottom:-2px;border-width:0 0 3px 3px}.camera-focus i:after{right:-2px;bottom:-2px;border-width:0 3px 3px 0}.camera-focus span{max-width:90%;margin-bottom:10px;padding:7px 9px;border-radius:6px;background:#020711d9;color:#dffaff;text-align:center;font-size:8px;line-height:1.4}.course-camera-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#030711e6;text-align:center}.course-camera-cover b{font:750 10px var(--mono);color:#e7faff}.course-camera-cover small{max-width:360px;margin:9px 0 15px;color:#86a1b0;font-size:9px;line-height:1.5}.course-camera-cover button,.course-camera-actions button{min-height:39px;padding:0 13px;border:1px solid var(--lab-cyan);border-radius:8px;background:#53e7ff15;color:#dffaff;font:700 7px var(--mono);cursor:pointer}.course-camera-cover button:disabled{opacity:.55}.curriculum-camera-grid>aside{padding:15px;border:1px solid #7cd1ff20;border-radius:13px;background:#ffffff05}.curriculum-camera-grid>aside>div:first-child>small{display:block;margin-bottom:9px;color:#688899;font:700 7px var(--mono)}.curriculum-camera-grid>aside span{display:flex;align-items:baseline;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff0d;color:#76909f;font:700 7px var(--mono)}.curriculum-camera-grid>aside span b{color:#e8faff;font-size:17px}.curriculum-camera-grid>aside>p{min-height:48px;color:#9cb2bd;font-size:9px;line-height:1.55}.course-camera-actions{display:flex;flex-wrap:wrap;gap:7px}.course-camera-actions button:first-child{background:var(--lab-cyan);color:#03101a}.curriculum-camera>footer{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding-top:13px;border-top:1px solid #ffffff0c}.curriculum-camera>footer b{flex:0 0 auto;color:var(--lab-green);font:700 7px var(--mono)}.curriculum-camera>footer span{color:#78929f;font-size:8px;line-height:1.5}
@media(max-width:700px){.curriculum-camera{padding:13px}.curriculum-camera-grid{grid-template-columns:1fr}.course-camera-feed{aspect-ratio:4/3}.curriculum-camera-grid>aside>p{min-height:0}.curriculum-camera>footer{display:grid}}