@layer components{.classroom-dm{height:100%;overflow:hidden;display:flex;flex-direction:column}.classroom-dm__header{padding-inline:.75rem;padding-top:.5rem;padding-bottom:.25rem;border-bottom-style:solid;border-bottom-width:1px;border-color:var(--border-color);flex-shrink:0}.classroom-dm__title{font-size:.75rem;line-height:calc(1 / .75);font-weight:600;color:var(--foreground)}.classroom-dm__questions{margin-top:.25rem;display:flex;flex-direction:column;gap:.125rem}.classroom-dm__question{font-size:10px;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classroom-dm__editor{flex:1 1;min-height:0}}.classroom-overlay{position:fixed;inset:0;z-index:50;flex-direction:column;overflow:hidden}.classroom-overlay,.classroom-topbar{background:var(--background);display:flex}.classroom-topbar{height:48px;flex-shrink:0;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border);gap:.75rem}.classroom-topbar__left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1;overflow:hidden}.classroom-topbar__right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.classroom-topbar__hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:4px;color:var(--text-secondary);flex-shrink:0;transition:background .1s}.classroom-topbar__hamburger:hover{background:var(--bg-subtle)}.classroom-topbar__breadcrumb{display:flex;align-items:center;gap:.25rem;overflow:hidden}.classroom-topbar__crumb{font-size:.8125rem;color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}@media (min-width:1024px){.classroom-topbar__crumb{max-width:none;overflow:visible;text-overflow:clip}}.classroom-topbar__crumb:hover{color:var(--brand-blue);text-decoration:underline}.classroom-topbar__crumb--home{display:flex;align-items:center;max-width:none;flex-shrink:0}.classroom-topbar__sep{font-size:.8125rem;color:var(--text-tertiary);flex-shrink:0}.classroom-topbar__sep--title{flex-shrink:0}.classroom-topbar__lesson-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}a.classroom-topbar__lesson-title:hover{text-decoration:underline}@media (min-width:1024px){.classroom-topbar__lesson-title{overflow:visible;text-overflow:clip}}.classroom-topbar__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;cursor:pointer}.classroom-topbar__avatar--initials{display:flex;align-items:center;justify-content:center;background:var(--brand-blue);color:white;font-size:.7rem;font-weight:600;text-decoration:none}.classroom-topbar__user{display:flex;align-items:center}.classroom-body{flex:1 1;display:flex;overflow:hidden;position:relative}.classroom-toc-backdrop{position:fixed;inset:48px 0 0 0;background:rgba(0,0,0,.4);z-index:40}.classroom-toc{position:absolute;top:0;left:0;bottom:0;width:280px;background:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:41;overflow:hidden}.classroom-toc__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.classroom-toc__course-link{font-size:.8125rem;font-weight:600;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-toc__course-link:hover{color:var(--brand-blue)}.classroom-toc__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:3px;flex-shrink:0}.classroom-toc__close:hover{background:var(--bg-subtle);color:var(--text-secondary)}.classroom-toc__nav{flex:1 1;overflow-y:auto;padding:.5rem 0 1rem}.classroom-toc__module{margin-bottom:.25rem}.classroom-toc__module-title{display:block;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.classroom-toc__module--active .classroom-toc__module-title,.classroom-toc__module-title:hover{color:var(--brand-blue)}.classroom-toc__lessons{list-style:none;margin:0;padding:0}.classroom-toc__lesson-link{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem .375rem 1.25rem;text-decoration:none;color:var(--text-secondary);font-size:.8125rem;transition:background .1s}.classroom-toc__lesson-link:hover{background:var(--bg-subtle)}.classroom-toc__lesson--active .classroom-toc__lesson-link{background:var(--accent);color:var(--primary);font-weight:500}.classroom-toc__lesson-title{flex:1 1}.classroom-toc__optional{font-size:.7rem;color:var(--text-tertiary);background:var(--bg-subtle);padding:1px 5px;border-radius:3px}.classroom-toc__footer{flex-shrink:0;padding:.75rem 1rem;border-top:1px solid var(--border)}.classroom-toc__reset{display:inline-flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.classroom-toc__reset:hover{background:var(--state-danger-bg);border-color:var(--state-danger-border);color:var(--state-danger-fg)}.classroom-toc__check{color:var(--text-tertiary);flex-shrink:0}.classroom-toc__check--done{color:#16a34a}.dark .classroom-toc__check--done{color:#4ade80}.classroom-toc__lock{flex-shrink:0;color:var(--text-tertiary);opacity:.6}.classroom-toc__lock--open{color:var(--state-success-fg,var(--primary));opacity:.95}.classroom-panel-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 1.5rem;text-align:center;gap:1rem}.classroom-panel-cta__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.classroom-panel-cta__description{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:20rem}.classroom-panel-cta__actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:20rem}.classroom-panel-cta__btn{width:100%}.classroom-content{flex:1 1;overflow-y:auto;overflow-x:clip;min-width:0}.classroom-panel{min-width:260px;max-width:80%;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--background);flex-shrink:0}.classroom-panel__header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:44px;border-bottom:1px solid var(--border);flex-shrink:0}.classroom-panel__title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.classroom-panel__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;cursor:pointer;color:var(--text-tertiary);border-radius:3px}.classroom-panel__close:hover{background:var(--bg-subtle);color:var(--text-secondary)}.classroom-panel__body{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.classroom-panel__iframe{flex:1 1;border:none;width:100%;height:100%}.classroom-panel__placeholder{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.875rem}.classroom-panel-controls{left:1rem}.classroom-controls,.classroom-panel-controls{position:absolute;bottom:1rem;display:flex;gap:.5rem;z-index:10;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.375rem;box-shadow:var(--shadow-card)}.classroom-controls{right:1rem}.classroom-controls__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:background .1s,color .1s}.classroom-controls__btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.classroom-controls__btn--active,.classroom-controls__btn--active:hover{background:var(--primary);color:var(--primary-foreground)}.classroom-controls__btn--active:hover{opacity:.85}