:root{--color-bg:#f3f2f1;--color-bg-alt:#edebe9;--color-surface:#fff;--color-border:#d2d0ce;--color-border-strong:#a19f9d;--color-text:#201f1e;--color-text-muted:#605e5c;--color-text-subtle:#8a8886;--color-brand:#0078d4;--color-brand-hover:#106ebe;--color-brand-light:#deecf9;--color-brand-muted:#eff6fc;--color-sidebar:#faf9f8;--color-sidebar-border:#edebe9;--color-success-bg:#dff6dd;--color-success-text:#107c10;--color-warning-bg:#fff4ce;--color-warning-text:#835c00;--color-neutral-bg:#f3f2f1;--radius-sm:2px;--radius-md:4px;--shadow-sm:0 1px 2px #0000000f;--font:"Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;font-family:var(--font);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100dvh;margin:0;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:600}input,textarea,select,button{font-family:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg)}.btn-sm{min-height:2.25rem;padding:.35rem .75rem;font-size:.8125rem}.badge{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-neutral-bg);color:var(--color-text-muted);padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-brand{background:var(--color-brand-muted);color:var(--color-brand-hover);border-color:#c7e0f4}.alert{border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-info{background:var(--color-brand-muted);border-color:#c7e0f4}.alert-warning{background:var(--color-warning-bg);border-color:#f3e095}.alert-neutral{background:var(--color-neutral-bg)}.alert strong{margin-bottom:.15rem;font-weight:600;display:block}.alert p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.alert-body{flex:1}.login-page{background:var(--color-surface);grid-template-columns:320px 1fr;min-height:100vh;display:grid}.login-aside{border-right:1px solid var(--color-border);background:var(--color-neutral-bg);padding:2rem}.login-brand{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;display:flex}.login-brand .logo-mark{background:var(--color-brand);border-radius:var(--radius-sm);width:24px;height:24px}.login-aside-text{color:var(--color-text-muted);max-width:240px;margin:0;font-size:.875rem;line-height:1.55}.login-main{justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{width:100%;max-width:380px}.login-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.login-card h1{margin:0 0 .35rem;font-size:1.5rem}.login-subtitle{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.875rem}.account-group{margin-bottom:1.25rem}.account-group h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.account-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;margin-bottom:.35rem;padding:.625rem .75rem;display:flex}.account-row:hover{border-color:var(--color-brand);background:var(--color-brand-muted)}.account-name{font-size:.875rem;font-weight:600}.account-meta{color:var(--color-text-subtle);font-size:.75rem}.login-divider{color:var(--color-text-subtle);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.75rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-form label{flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.8125rem;font-weight:600;display:flex}.login-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.5rem .625rem;font-size:.875rem}.login-form input:focus{outline:2px solid var(--color-brand);outline-offset:-1px}.btn-full{width:100%}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-aside{border-right:none;border-bottom:1px solid var(--color-border);padding:1.25rem}.login-aside-text{max-width:none}.login-main{align-items:flex-start;padding:1.25rem}.account-row{min-height:2.75rem;padding:.75rem}.login-form input{min-height:2.75rem;font-size:1rem}}.app-shell{background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:48px;padding:0 1rem;padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.5rem;min-width:0;display:flex}.logo{color:inherit;align-items:center;gap:.5rem;min-width:0;text-decoration:none;display:flex}.logo-mark{background:var(--color-brand);border-radius:var(--radius-sm);flex-shrink:0;width:20px;height:20px}.logo-text{color:var(--color-text);font-size:1rem;font-weight:600}.env-tag{color:var(--color-text-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-neutral-bg);flex-shrink:0;padding:.1rem .4rem;font-size:.6875rem;font-weight:600}.header-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.user-name{font-size:.8125rem;font-weight:600}.user-role{color:var(--color-text-subtle);font-size:.6875rem}.sidebar-toggle{flex-shrink:0;gap:.35rem;min-height:2.5rem;display:none}.sidebar-toggle-icon{background:currentColor;width:1rem;height:2px;box-shadow:0 -5px,0 5px}.sidebar-toggle-label{font-size:.8125rem}.app-body{flex:1;min-height:0;display:flex;position:relative}.app-sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);-webkit-overflow-scrolling:touch;flex-shrink:0;width:260px;overflow-y:auto}.sidebar-backdrop{display:none}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-breadcrumb{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.625rem 1.25rem;font-size:.8125rem}.app-content{padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}body.sidebar-open{overflow:hidden}@media (width<=900px){.sidebar-toggle{display:inline-flex}.app-sidebar{z-index:90;width:min(280px,85vw);box-shadow:none;transition:transform .2s;position:fixed;top:48px;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar-backdrop{z-index:80;cursor:pointer;background:#00000059;border:none;padding:0;display:block;position:fixed;inset:48px 0 0}.user-info{display:none}.app-breadcrumb{padding:.5rem .75rem}.app-content{padding:.875rem;padding-bottom:max(.875rem, env(safe-area-inset-bottom))}}@media (width<=480px){.env-tag{display:none}.header-right .btn-ghost{padding:.4rem .5rem;font-size:.75rem}}.course-card{background:var(--color-surface);border:1px solid var(--color-border);color:inherit;padding:1rem 1.125rem;text-decoration:none;display:block}.course-card:hover{border-color:var(--color-brand);background:var(--color-brand-muted)}.course-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.course-card h3{margin:0;font-size:1rem;font-weight:600}.status-tag{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--color-border-strong);color:var(--color-text-muted);background:var(--color-neutral-bg);flex-shrink:0;padding:.15rem .4rem;font-size:.6875rem;font-weight:600}.course-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .875rem;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-meta{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding-top:.75rem;display:grid}.course-meta div{flex-direction:column;gap:.1rem;display:flex}.course-meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);font-size:.6875rem;font-weight:600}.course-meta dd{color:var(--color-text);margin:0;font-size:.8125rem}@media (width<=480px){.course-meta{grid-template-columns:1fr;gap:.625rem}}.dashboard-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.dashboard-header h1{margin:0 0 .25rem;font-size:1.375rem}.dashboard-header p{color:var(--color-text-muted);margin:0;font-size:.875rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.empty-state{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);margin-bottom:1.5rem;padding:2rem;font-size:.875rem}.demo-scenario{background:var(--color-surface);border:1px solid var(--color-border);padding:1rem 1.125rem}.demo-scenario h3{margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.demo-scenario ol{color:var(--color-text-muted);margin:0;padding-left:1.125rem;font-size:.8125rem;line-height:1.6}.demo-scenario strong{color:var(--color-text);font-weight:600}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .btn-primary{width:100%}.course-grid{grid-template-columns:1fr}.demo-scenario{font-size:.8125rem}}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.breadcrumb-segment{align-items:center;gap:.25rem;display:flex}.breadcrumb-sep{color:var(--color-text-muted);margin:0 .25rem}.breadcrumb-link{color:var(--color-primary);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--color-text);font-weight:500}@media (width<=768px){.breadcrumb{font-size:.75rem}.breadcrumb-segment:last-child .breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}}.sidebar-tree{padding:.75rem 0}.sidebar-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);padding:0 .875rem .5rem;font-size:.6875rem;font-weight:600}.tree-button{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.35rem .875rem;font-size:.8125rem;display:flex}.tree-button:hover{background:var(--color-bg-alt)}.tree-button.selected{background:var(--color-brand-muted);border-left-color:var(--color-brand);font-weight:600}.tree-course{font-size:.875rem;font-weight:600}.tree-theme{color:var(--color-text)}.tree-section{color:var(--color-text-muted);font-size:.8125rem}.tree-section-tag{background:var(--color-bg-alt);border:1px solid var(--color-border);width:1.125rem;height:1.125rem;color:var(--color-text-subtle);flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex}.tree-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.tree-button{min-height:2.75rem;padding:.5rem .875rem;font-size:.875rem}}.class-selector{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.625rem 0;display:flex}.class-selector-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);flex-shrink:0;font-size:.6875rem;font-weight:600}.class-selector-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.class-tab{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);padding:.3rem .75rem;font-size:.8125rem;font-weight:600}.class-tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.class-tab.active{background:var(--color-brand-muted);border-color:var(--color-brand);color:var(--color-brand-hover)}@media (width<=768px){.class-selector{flex-direction:column;align-items:stretch;gap:.5rem}.class-selector-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.125rem;overflow-x:auto}.class-tab{flex-shrink:0;min-height:2.25rem;padding:.4rem .875rem}}.course-classes-panel{background:var(--color-surface);border:1px solid var(--color-border);margin-bottom:1.25rem;padding:1rem 1.125rem}.course-classes-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.35rem;display:flex}.course-classes-header h2{margin:0;font-size:1rem}.course-classes-year{color:var(--color-text-subtle);font-size:.75rem}.course-classes-desc{color:var(--color-text-muted);margin:0 0 1rem;font-size:.8125rem;line-height:1.5}.class-checkboxes{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.class-checkbox{border:1px solid var(--color-border);background:var(--color-neutral-bg);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.class-checkbox:has(input:checked){border-color:var(--color-brand);background:var(--color-brand-muted)}.class-checkbox-level{color:var(--color-text-subtle);font-size:.6875rem}.enrollment-list h3{margin:0 0 .5rem;font-size:.8125rem;font-weight:600}.enrollment-list table{border-collapse:collapse;width:100%;font-size:.8125rem}.enrollment-list th,.enrollment-list td{text-align:left;border-bottom:1px solid var(--color-border);padding:.4rem .5rem}.enrollment-list th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-subtle);font-size:.6875rem;font-weight:600}@media (width<=768px){.course-classes-header{flex-direction:column;align-items:flex-start}.class-checkboxes{flex-direction:column}.class-checkbox{width:100%;min-height:2.75rem}.enrollment-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.enrollment-list table{min-width:280px}}.pdf-viewer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.pdf-viewer-header h3{margin:0 0 .25rem;font-size:1.125rem}.pdf-meta{color:var(--color-text-muted);margin:0;font-size:.8125rem}.pdf-pages{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.pdf-page{aspect-ratio:3/4;border:1px solid var(--color-border);background:var(--color-surface)}.pdf-page.visible{background:#fff}.pdf-page.locked{background:var(--color-neutral-bg)}.pdf-page.pending{border-style:dashed;border-color:var(--color-border-strong)}.page-content{flex-direction:column;height:100%;padding:.875rem;display:flex}.page-number{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem;font-size:.6875rem;font-weight:600}.page-mock{flex-direction:column;flex:1;gap:.4rem;display:flex}.mock-line{background:var(--color-border);height:6px}.mock-line.title{background:var(--color-text-subtle);opacity:.35;width:65%;height:8px}.mock-line.short{width:45%}.mock-highlight{background:var(--color-brand-muted);border-left:2px solid var(--color-brand);color:var(--color-text);margin-top:.5rem;padding:.4rem .5rem;font-size:.6875rem;line-height:1.4}.mock-text{color:var(--color-text-muted);margin-top:.5rem;font-size:.6875rem;line-height:1.45}.page-locked{height:100%;color:var(--color-text-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.lock-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.6875rem;font-weight:600}.page-locked p{margin:0;font-size:.75rem}@media (width<=768px){.pdf-viewer-header{flex-direction:column;align-items:stretch}.pdf-pages{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}}@media (width<=480px){.pdf-pages{grid-template-columns:1fr 1fr}}.dialog-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-sm);padding:1.5rem}.dialog h3{margin:0 0 .5rem;font-size:1.125rem}.dialog-desc{color:var(--color-text-muted);margin:0 0 1.25rem;font-size:.875rem;line-height:1.5}.dialog-info{background:var(--color-neutral-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.dialog-info-label{min-width:5.5rem;color:var(--color-text-subtle);font-weight:600;display:inline-block}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-field{color:var(--color-text);flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:600;display:flex}.form-field input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:.45rem .6rem;font-size:.875rem}.form-field input:focus{outline:2px solid var(--color-brand);outline-offset:-1px;border-color:var(--color-brand)}.form-hint{color:var(--color-text-subtle);font-size:.75rem;font-weight:400}.form-fieldset{border:1px solid var(--color-border);margin:0 0 1rem;padding:.75rem}.form-fieldset legend{padding:0 .25rem;font-size:.8125rem;font-weight:600}.class-check-grid{flex-direction:column;gap:.35rem;display:flex}.class-check-item{cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.8125rem;display:flex}.class-check-item strong{display:block}.class-check-meta{color:var(--color-text-subtle);font-size:.75rem;font-weight:400;display:block}.dialog-notice{background:var(--color-warning-bg);border-radius:var(--radius-md);color:var(--color-warning-text);border:1px solid #f3e095;margin-bottom:1rem;padding:.6rem .75rem;font-size:.8125rem}.dialog-notice-error{color:#a4262c;background:#fde7e9;border-color:#f1aeb5}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding-top:.25rem;display:flex}@media (width<=480px){.form-grid{grid-template-columns:1fr}.dialog-overlay{align-items:stretch;padding:0}.dialog{max-width:none;min-height:100dvh;padding:1rem;padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom));border-left:none;border-right:none;border-radius:0;overflow-y:auto}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}.quiz-header{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:.75rem}.quiz-header h3{margin:0 0 .25rem;font-size:1rem}.quiz-header p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.quiz-questions{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}.quiz-question{background:var(--color-surface);border:1px solid var(--color-border);padding:1rem}.question-number{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);margin-bottom:.35rem;font-size:.6875rem;font-weight:600}.question-text{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.choices{flex-direction:column;gap:.35rem;display:flex}.choice{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.choice:hover:not(:disabled),.choice.selected{border-color:var(--color-brand);background:var(--color-brand-muted)}.choice.correct{border-color:var(--color-success-text);background:var(--color-success-bg)}.choice.incorrect{background:#fde7e9;border-color:#a4262c}.choice.reveal-correct{border-color:var(--color-success-text);background:#f3faf3}.choice:disabled{cursor:default}.choice-marker{width:1rem;font-size:.75rem;font-weight:700}.quiz-result{border:1px solid var(--color-border);align-items:center;gap:1rem;margin-top:.5rem;padding:.875rem 1rem;display:flex}.quiz-result.pass{background:var(--color-success-bg);border-color:#badbcc}.quiz-result.fail{background:var(--color-warning-bg);border-color:#f3e095}.result-score{text-align:center;min-width:3.5rem;font-size:1.5rem;font-weight:600}.quiz-result p{color:var(--color-text-muted);margin:.15rem 0 0;font-size:.8125rem}@media (width<=768px){.choice{min-height:2.75rem;padding:.625rem .75rem}.quiz-result{flex-direction:column;align-items:flex-start}}.conversation{border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:220px 1fr;gap:0;min-height:400px;display:grid}.thread-list{border-right:1px solid var(--color-border);background:var(--color-neutral-bg)}.thread-list-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-subtle);border-bottom:1px solid var(--color-border);padding:.625rem .875rem;font-size:.6875rem;font-weight:600}.thread-item{border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.625rem .875rem;display:flex}.thread-item:hover{background:var(--color-bg-alt)}.thread-item.active{background:var(--color-surface);border-left:2px solid var(--color-brand);padding-left:calc(.875rem - 2px)}.thread-title{font-size:.8125rem;font-weight:600}.thread-meta{color:var(--color-text-subtle);font-size:.6875rem}.thread-view{flex-direction:column;min-height:400px;display:flex}.thread-view-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.thread-view-header h3{margin:0;font-size:.9375rem}.thread-locked-banner{background:var(--color-neutral-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);padding:.625rem 1rem;font-size:.8125rem}.messages{flex-direction:column;flex:1;gap:.75rem;max-height:360px;padding:1rem;display:flex;overflow-y:auto}.message{background:var(--color-neutral-bg);border:1px solid var(--color-border);max-width:85%;padding:.625rem .75rem}.message.own{background:var(--color-brand-muted);border-color:#c7e0f4;align-self:flex-end}.message.teacher:not(.own){border-left:2px solid var(--color-brand)}.message-header{justify-content:space-between;gap:1rem;margin-bottom:.25rem;display:flex}.message-author{font-size:.75rem;font-weight:600}.message-time{color:var(--color-text-subtle);font-size:.6875rem}.message-body{margin:0;font-size:.8125rem;line-height:1.5}.message-form{border-top:1px solid var(--color-border);align-items:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.message-form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);resize:vertical;flex:1;padding:.5rem .625rem;font-size:.8125rem}@media (width<=768px){.conversation{grid-template-columns:1fr;min-height:0}.thread-list{border-right:none;border-bottom:1px solid var(--color-border)}.thread-list-header{display:none}.thread-list{-webkit-overflow-scrolling:touch;background:var(--color-neutral-bg);display:flex;overflow-x:auto}.thread-item{border-bottom:none;border-right:1px solid var(--color-border);flex-shrink:0;width:auto;min-width:9rem;max-width:12rem;min-height:3.25rem}.thread-item.active{border-left:none;border-bottom:2px solid var(--color-brand);padding-left:.875rem}.thread-view{min-height:280px}.messages{min-height:200px;max-height:none}.message-form{flex-direction:column;align-items:stretch}.message-form .btn{width:100%}.thread-view-header{flex-wrap:wrap;gap:.5rem}}.section-header{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.75rem}.section-header h2{margin:0 0 .15rem;font-size:1.125rem}.section-header .hint{color:var(--color-text-subtle);font-size:.75rem}.lesson-list{margin-bottom:1.25rem}.lesson-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;text-align:left;align-items:flex-start;gap:0;width:100%;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.lesson-card:hover{border-color:var(--color-brand);background:var(--color-brand-muted)}.lesson-info{flex-direction:column;gap:.15rem;display:flex}.lesson-info strong{font-size:.875rem}.lesson-info span{color:var(--color-text-muted);font-size:.75rem}.lesson-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.teacher-note{background:var(--color-neutral-bg);border:1px solid var(--color-border);color:var(--color-text-muted);margin-top:1rem;padding:.625rem .75rem;font-size:.8125rem}.student-class-banner{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding:.5rem 0;font-size:.8125rem}.course-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.course-tabs{gap:.25rem;display:flex}.course-tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);background:0 0;border:1px solid #0000;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.course-tab:hover{background:var(--color-neutral-bg)}.course-tab.active{background:var(--color-brand-muted);border-color:var(--color-brand);color:var(--color-brand-hover)}@media (width<=768px){.course-toolbar{flex-direction:column;align-items:stretch;gap:.625rem}.course-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.125rem;overflow-x:auto}.course-tab{flex-shrink:0;min-height:2.25rem;padding:.35rem .75rem}.lesson-toolbar{flex-direction:column;align-items:stretch}.lesson-toolbar .btn-primary{width:100%}.lesson-card{min-height:3rem;padding:.875rem 1rem}.section-header h2{font-size:1rem}}.empty-theme{text-align:center;color:var(--color-text-muted);padding:2rem;font-size:.875rem}