:root{color:#10213b;background:#f5f8fc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{width:min(100% - 2rem,760px);margin:0 auto;padding:clamp(2rem,8vw,6rem) 0}.eyebrow{color:#1769d1;letter-spacing:.12em;font-size:.75rem;font-weight:800}h1{margin:.5rem 0 1rem;font-size:clamp(2rem,7vw,4rem);line-height:1.05}.lede{color:#4b607d;font-size:clamp(1.05rem,3vw,1.35rem)}.status{background:#fff;border:1px solid #cbd9ec;border-radius:.75rem;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.85rem 1rem;display:inline-flex}.dot{background:#e6a21a;border-radius:50%;width:.65rem;height:.65rem}.dot-good{background:#19966b}.scope{color:#60738e;margin-top:2rem}.join-shell{max-width:560px}.error{color:#b33b43;background:#fff4f4;border:1px solid #f0c6c6;border-radius:.75rem;padding:.9rem 1rem}.primary{color:#fff;font:inherit;cursor:pointer;background:#1769d1;border:0;border-radius:.7rem;margin-top:1.5rem;padding:.85rem 1.2rem;font-weight:700}.primary:disabled{opacity:.65;cursor:default}.label{margin-top:1rem;font-weight:700;display:block}input{width:100%;font:inherit;border:1px solid #b9c9df;border-radius:.6rem;margin-top:.4rem;padding:.85rem}form{margin-top:1rem}.success{color:#176b4c;background:#effaf5;border:1px solid #bfe7d3;border-radius:.7rem;padding:.9rem 1rem}.learning-shell{margin-top:2rem}.progress-header{border-bottom:1px solid #d6e0ed;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem;display:flex}.progress-header h2{margin:.25rem 0 0;font-size:clamp(1.7rem,6vw,2.5rem)}.progress-header .eyebrow{margin-bottom:0}.progress-count{color:#60738e;text-align:right}.unit-list{gap:.75rem;margin-top:1.25rem;display:grid}.unit-card{background:#fff;border:1px solid #cbd9ec;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.unit-card>div{gap:.35rem;display:grid}.unit-status{letter-spacing:.04em;border-radius:.4rem;width:fit-content;padding:.2rem .45rem;font-size:.72rem;font-weight:800}.unit-not_started{color:#60738e;background:#eef2f7}.unit-in_progress{color:#8a5a00;background:#fff3cf}.unit-completed{color:#176b4c;background:#effaf5}.unit-note{color:#176b4c;font-size:.9rem}.secondary{color:#1769d1;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #1769d1;border-radius:.6rem;padding:.65rem .8rem;font-weight:700}.secondary:disabled{opacity:.65;cursor:default}.activity-panel{background:#fff;border:1px solid #b9c9df;border-radius:.85rem;margin-top:2rem;padding:1.25rem}.activity-panel h3{margin:.25rem 0;font-size:1.35rem}.activity-meta{color:#60738e;font-size:.9rem}.activity-items{gap:1rem;margin-top:1rem;display:grid}.activity-item{border:1px solid #d6e0ed;border-radius:.65rem;min-width:0;padding:.85rem}.activity-item legend{max-width:100%;padding:0 .25rem;font-weight:700}.activity-option{cursor:pointer;background:#f5f8fc;border-radius:.45rem;margin-top:.65rem;padding:.55rem;display:block}.activity-option input{width:auto;margin:0 .45rem 0 0;padding:0}@media (width<=430px){.progress-header,.unit-card{flex-direction:column;align-items:flex-start}.progress-count{text-align:left;margin:0}.secondary{width:100%}.activity-panel{padding:1rem}}.unit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.lesson-viewer{background:#fff;border:1px solid #dbe4f0;border-radius:12px;margin-top:16px;padding:14px}.lesson-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-frame:fullscreen{border:none;border-radius:0;width:100vw;height:100vh}.lesson-header h3{margin:4px 0}.lesson-slide{color:#5a6b85;margin-left:8px;font-size:.85rem;font-weight:500}.lesson-frame{background:#fff;border:1px solid #dbe4f0;border-radius:8px;width:100%;height:70vh;margin-top:10px}.platform-footer{color:#6b7a95;text-align:center;border-top:1px solid #e3eaf5;margin-top:28px;padding:14px 0 4px;font-size:.8rem}@media (width<=720px){.lesson-viewer{border-radius:8px;padding:10px}.lesson-frame{height:55vh}.lesson-header{flex-direction:column;align-items:flex-start;gap:8px}.lesson-actions,.unit-actions{justify-content:flex-end;width:100%}.unit-card{flex-direction:column;align-items:flex-start;gap:10px}}