:root{font-family:Inter,Arial,sans-serif;color:#183a37;background:#f7f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid #dae4dc;background:white}.brand{font-size:22px;font-weight:800;color:#176d60;text-decoration:none;display:flex;gap:12px}.light{font-weight:400;color:#39534f}main{max-width:1320px;margin:auto;padding:40px 5%}h1{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;line-height:1.13;margin:18px 0}h2{font-size:25px;letter-spacing:-.7px}p{color:#60736d;line-height:1.6}.eyebrow,small{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#518578}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding:45px 0 70px}.intro{font-size:19px;max-width:450px}.feature{display:flex;gap:20px;padding:17px 0;align-items:center}.feature b{border-radius:50%;background:#e2ece4;padding:12px;font-size:12px;color:#317364}.panel{background:white;padding:38px;border:1px solid #dce5dd;border-radius:20px;box-shadow:0 16px 50px #294e3a08}label{display:block;font-size:13px;font-weight:600;margin:18px 0;color:#35544c}input,select,textarea{width:100%;padding:13px;border:1px solid #cfdbd3;background:white;border-radius:8px;font:inherit;margin-top:8px;color:#183a37}input:focus,select:focus,textarea:focus{outline:2px solid #a9d2b8;outline-offset:1px}button,.outline{font:inherit;font-size:13px;font-weight:600;padding:12px 18px;border-radius:8px;border:1px solid #176d60;background:#176d60;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.outline{background:transparent;color:#29584c;border-color:#cddbd2}.small{font-size:12px}.heading,.sectionHeading{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading h1{font-size:38px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 35px}.stats article{background:white;border:1px solid #dbe5dc;padding:24px;border-radius:13px}.stats strong{display:block;font-size:34px;margin:13px 0}.stats span{font-size:13px;color:#64796f}.stats .accent{background:#e7eed6}.workspace{display:grid;grid-template-columns:240px 1fr;gap:32px}aside{padding:20px;background:#edf2ec;border-radius:12px;align-self:start}.phase{margin-top:45px;font-size:13px}.lesson{background:white;border:1px solid #dce5dd;border-radius:12px;padding:24px;margin:15px 0;display:flex;gap:24px;justify-content:space-between}.lesson h3{margin:10px 0}.lesson p{margin:8px 0;font-size:14px;white-space:pre-wrap}.badge{font-size:11px;display:inline-block;padding:5px 9px;background:#edf3e8;border-radius:20px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.empty{padding:60px 25px;border:1px dashed #bed1c4;border-radius:12px;text-align:center;margin-top:20px}dialog{border:1px solid #cad9cd;border-radius:18px;max-width:600px;width:94%;padding:30px}dialog::backdrop{background:#143f3666}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{text-align:center;padding:28px;font-size:12px;color:#819186}#notice:not(:empty){padding:14px;background:#e9efd6;border-radius:8px;margin-bottom:20px}[hidden]{display:none!important}@media(max-width:800px){.login{grid-template-columns:1fr;gap:30px;padding-top:0}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.stats article{padding:16px}.stats strong{margin:8px 0}.lesson,.heading,.sectionHeading{align-items:flex-start;flex-direction:column}.row{grid-template-columns:1fr;gap:0}header{gap:16px}.brand{font-size:17px}.light{display:block}.panel{padding:25px}h1{letter-spacing:-1px}}
.liveRoom{background:white;border:1px solid #dce5dd;border-radius:16px;padding:24px}.hostSteps{background:#f0f4e7;padding:20px;border-radius:10px;margin-bottom:18px;font-size:14px}.hostSteps li{margin:10px 0;line-height:1.5}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.roomLinks{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.videoStage{height:70vh;min-height:420px;border-radius:12px;overflow:hidden;background:#17362f;display:grid;place-items:center;color:white}.videoStage iframe{border:0;width:100%;height:100%}.liveRoom h2{margin-bottom:5px}@media(max-width:600px){.liveRoom{padding:15px}.videoStage{height:65vh;min-height:360px}}
.whiteboard{margin-top:28px;padding-top:20px;border-top:1px solid #dce5dd}.boardHostControls,.boardTools{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.boardHostControls{background:#edf3e7;padding:0 16px;border-radius:8px}.boardTools label{margin:12px 0}.boardTools select{min-width:90px}.boardTools input[type=color]{width:55px;height:44px;padding:4px}.boardSurface{border:1px solid #cad9d0;border-radius:10px;overflow:hidden;background:white}.boardSurface canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.boardSurface.readonly canvas{cursor:default;touch-action:pan-y}.boardTools button{align-self:center}#boardTextRow label{margin-top:0}

.breakoutCard{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #d8e5df}.breakoutCard p{margin:6px 0}#breakoutRooms{margin-top:16px}#breakoutLearners{min-height:140px}.hostSteps .row>button{align-self:end;margin-bottom:16px}@media(max-width:640px){.breakoutCard{align-items:flex-start;flex-direction:column}}