*,:before,:after{box-sizing:border-box}body{margin:0;font-family:Space Mono,monospace}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--ls-ink:#2d2a26;--ls-cream:#fbf6ee;--ls-paper:#fffdf9;--ls-yellow:#e8b948;--ls-cyan:#7cb8c4;--ls-green:#85b88f;--ls-red:#d97a6c;--ls-purple:#a89bc9;--ls-navy:#3a3936;--ls-muted:#7d7872;--ls-mutedLt:#a8a39c;--ls-divider:#e8dfd0;--ls-yellowLt:#fbeed0;--ls-cyanLt:#dbeef2;--ls-greenLt:#e1efe3;--ls-redLt:#fae3df;--ls-purpleLt:#ebe5f3;--ls-pinkLt:#f5dfeb;--ls-orange:#e8a570;--ls-orangeLt:#fae5d3;--ls-dot-bg:radial-gradient(var(--ls-divider) 1px, transparent 1px);--ls-dot-size:20px 20px;--ls-header-h:5rem;--ls-mobile-footer-h:56px;--ls-radius-sm:.1875rem;--ls-radius-base:.375rem;--ls-radius-md:.5rem;--ls-radius-lg:.75rem;--ls-radius-xl:1rem;--ls-shadow-sm:1px 1px 0 var(--ls-ink);--ls-shadow-base:2px 2px 0 var(--ls-ink);--ls-shadow-lg:3px 3px 0 var(--ls-ink);--ls-shadow-xl:4px 4px 0 var(--ls-ink);--ls-shadow-2xl:6px 6px 0 var(--ls-ink)}html{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.sidebar{width:220px;height:calc(100vh - var(--ls-header-h));top:var(--ls-header-h);background-color:var(--ls-cream);border-right:3px solid var(--ls-ink);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;position:sticky}.sidebar--compact{width:64px}.sidebar--compact .sidebar-nav{align-items:center;padding:.5rem .4rem}.sidebar--compact .sidebar-nav-item{justify-content:center;gap:0;width:44px;padding:.6rem}.sidebar--compact .sidebar-nav-item span{display:none}.sidebar--compact .sidebar-user{flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .4rem}.sidebar--compact .sidebar-user-profile{flex:none;justify-content:center}.sidebar--compact .sidebar-user-info{display:none}.sidebar-nav{background:var(--ls-cream);flex-direction:column;flex:1;gap:.35rem;padding:.5rem;display:flex;overflow-y:auto}.sidebar-nav-item{cursor:pointer;letter-spacing:.03em;color:var(--ls-ink);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);background:var(--ls-paper);box-shadow:var(--ls-shadow-base);text-align:left;align-items:center;gap:.8rem;width:100%;padding:.5rem .75rem;font-family:Archivo Black,sans-serif;font-size:.87rem;transition:all .1s;display:flex}.sidebar-nav-item:hover{background:var(--ls-yellowLt);box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.sidebar-nav-item.active{background:var(--ls-yellow);color:var(--ls-ink);border:2px solid var(--ls-ink);box-shadow:var(--ls-shadow-base)}.sidebar-user{border-top:2px solid var(--ls-ink);cursor:pointer;background:var(--ls-cyan);align-items:center;gap:.5rem;padding:.75rem;display:flex}.sidebar-user-profile{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.sidebar-avatar{background:var(--ls-ink);width:38px;height:38px;color:var(--ls-yellow);border:2px solid var(--ls-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Archivo Black,sans-serif;font-size:1rem;display:flex}.sidebar-user-info{min-width:0}.sidebar-user-name{color:var(--ls-ink);white-space:nowrap;text-overflow:ellipsis;padding-right:.25rem;font-family:Archivo Black,sans-serif;font-size:.8rem;line-height:1.2;overflow:hidden}.sidebar-user-role{color:var(--ls-ink);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;padding-right:.25rem;font-family:Archivo Black,sans-serif;font-size:.6rem;overflow:hidden}.sidebar-nav-divider{background:var(--ls-divider);flex-shrink:0;height:2px;margin:.25rem 0}.sidebar-nav-item--signout{background:var(--ls-redLt);color:var(--ls-ink)}.sidebar-nav-item--signout:hover{background:var(--ls-red);color:var(--ls-ink)}.sidebar-logout-icon{color:var(--ls-ink);cursor:pointer;border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);background:var(--ls-redLt);box-shadow:var(--ls-shadow-base);flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:all .1s;display:flex}.sidebar-logout-icon:hover{background:var(--ls-red);box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.sidebar-mobile{height:var(--ls-mobile-footer-h);background:var(--ls-cream);border-top:2px solid var(--ls-ink);z-index:100;justify-content:space-around;align-items:center;padding:0 .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.sidebar-mobile-btn{border-radius:var(--ls-radius-base);cursor:pointer;min-width:0;height:44px;color:var(--ls-muted);background:0 0;border:2px solid #0000;flex:1;justify-content:center;align-items:center;transition:all .1s;display:flex}.sidebar-mobile-btn.active{background:var(--ls-yellow);color:var(--ls-ink);border-color:var(--ls-ink);box-shadow:var(--ls-shadow-base)}.sidebar-mobile-btn:hover:not(.active){background:var(--ls-yellowLt);color:var(--ls-ink)}.sidebar-mobile-btn--signout{color:var(--ls-red)}.sidebar-mobile-btn--signout:hover{color:var(--ls-red);background:var(--ls-redLt)!important}.modules-header{border-bottom:2px solid var(--ls-ink);margin-bottom:1.5rem;padding-bottom:1rem}.modules-header-title{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:1.5rem}.modules-header-sub{color:var(--ls-muted);font-size:.8125rem}.modules-toolbar{background:var(--ls-cyan);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-base);flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.modules-search-row{align-items:center;gap:.75rem;display:flex}.modules-search-wrap{flex:1;align-items:center;display:flex;position:relative}.modules-search-icon{font-size:.875rem;position:absolute;left:.75rem}.modules-search{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);width:100%;box-shadow:var(--ls-shadow-base);outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.8125rem}.modules-filter-row{justify-content:space-between;align-items:center;display:flex}.modules-filters{flex-wrap:wrap;gap:.375rem;display:flex}.modules-filter-btn{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);cursor:pointer;letter-spacing:.03em;box-shadow:var(--ls-shadow-base);padding:.375rem .625rem;font-family:Archivo Black,sans-serif;font-size:.625rem;transition:all .1s}.modules-filter-btn:hover{background:var(--ls-yellowLt);box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.modules-filter-btn.active{background:var(--ls-yellow);color:var(--ls-ink)}.modules-filter-count{color:var(--ls-muted);margin-left:.2rem;font-family:Space Mono,monospace;font-size:.6875rem}.modules-view-toggle{gap:.25rem;display:flex}.modules-view-btn{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);cursor:pointer;width:32px;height:32px;box-shadow:var(--ls-shadow-base);justify-content:center;align-items:center;font-size:1rem;transition:all .1s;display:flex}.modules-view-btn:hover{box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.modules-view-btn.active{background:var(--ls-yellow);color:var(--ls-ink)}.modules-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:1.75rem 1rem;padding-top:.75rem;display:grid}.modules-grid>*{min-width:0}.modules-grid--2col{grid-template-columns:repeat(2,1fr)}@media (width<=1023px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.modules-grid,.modules-grid--2col{grid-template-columns:1fr}.modules-view-toggle{display:none}.modules-filters{width:100%}.modules-filter-btn{text-align:center;flex:1}}.modules-list{flex-direction:column;gap:.5rem;display:flex}.module-card{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-lg);cursor:pointer;flex-direction:column;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.module-card:hover{box-shadow:var(--ls-shadow-xl);transform:translate(-2px,-2px)}.module-card-new{background:var(--ls-red);color:var(--ls-paper);border:2px solid var(--ls-ink);z-index:1;padding:.2rem .5rem;font-family:Archivo Black,sans-serif;font-size:.5625rem;position:absolute;top:-10px;right:12px;transform:rotate(2deg)}.module-card-top{text-align:left;flex-direction:column;gap:.375rem;padding:1rem;display:flex}.module-card-title{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:.9rem;line-height:1.3}.module-card-meta{color:var(--ls-ink);text-align:left;font-size:.6875rem}.module-card-bottom{background:var(--ls-paper);border-top:2px solid var(--ls-ink);flex-direction:column;gap:.375rem;margin-top:auto;padding:.75rem 1rem;display:flex}.module-card-status-row{justify-content:space-between;align-items:center;display:flex}.module-card-status{color:var(--ls-ink);letter-spacing:.05em;font-family:Archivo Black,sans-serif;font-size:.5625rem}.module-card-percent{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:.75rem}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-xl);flex-direction:column;gap:1rem;width:100%;max-width:480px;padding:1.5rem;display:flex}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--ls-ink);letter-spacing:.03em;font-family:Archivo Black,sans-serif;font-size:1rem}.modal-close{cursor:pointer;color:var(--ls-ink);background:0 0;border:none;font-size:1.2rem;line-height:1}.modal-field{flex-direction:column;gap:.25rem;display:flex}.modal-label{letter-spacing:.05em;color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:.625rem}.modal-input{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);box-sizing:border-box;outline:none;width:100%;padding:.625rem .75rem;font-family:inherit;font-size:.875rem}.modal-input:focus{box-shadow:var(--ls-shadow-base)}.modal-textarea{resize:vertical;min-height:80px}.modal-range{width:100%;accent-color:var(--ls-ink)}.modal-range-value{text-align:center;color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:.75rem}.modal-error{color:var(--ls-red);font-family:Archivo Black,sans-serif;font-size:.75rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.modules-empty{text-align:center;color:var(--ls-muted);grid-column:1/-1;padding:3rem;font-family:Archivo Black,sans-serif;font-size:.875rem}.modules-empty-link{color:var(--ls-ink);cursor:pointer;text-decoration:underline}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-pulse}.module-detail-page{background-color:var(--ls-cream);background-image:var(--ls-dot-bg);background-size:var(--ls-dot-size);flex-direction:column;flex:1;min-height:100vh;display:flex}.module-detail-topbar{background:var(--ls-paper);border-bottom:2px solid var(--ls-ink);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.module-detail-topbar-left{align-items:center;gap:1rem;display:flex}.module-detail-topbar-title{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:1.125rem}.module-detail-topbar-sub{color:var(--ls-muted);font-size:.75rem}.module-detail-tabbar{background:var(--ls-paper);border-bottom:2px solid var(--ls-ink);justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.module-detail-tabs{align-items:center;gap:.5rem;display:flex}.module-detail-view-as{color:var(--ls-muted);margin-right:.25rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-tab{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);cursor:pointer;letter-spacing:.03em;box-shadow:var(--ls-shadow-base);padding:.375rem .75rem;font-family:Archivo Black,sans-serif;font-size:.6875rem;transition:all .1s}.module-detail-tab:hover{box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.module-detail-tab.active{box-shadow:var(--ls-shadow-base);transform:none}.module-detail-tabbar-right{align-items:center;gap:.75rem;display:flex}.module-detail-progress-tag{background:var(--ls-greenLt);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);color:var(--ls-ink);box-shadow:var(--ls-shadow-base);padding:.375rem .75rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-bit-row{align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.module-detail-bit-text{color:var(--ls-ink);font-size:.8125rem;font-style:italic}.module-detail-content{flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem;display:flex}.module-detail-video{background:var(--ls-navy);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-lg);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:280px;display:flex}.module-detail-play{background:var(--ls-yellow);border:2px solid var(--ls-ink);cursor:pointer;width:56px;height:56px;box-shadow:var(--ls-shadow-lg);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:transform .1s,box-shadow .1s;display:flex}.module-detail-play:hover{box-shadow:var(--ls-shadow-xl);transform:translate(-1px,-1px)}.module-detail-video-label{color:var(--ls-mutedLt);letter-spacing:.05em;font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-concept-placeholder{text-align:center;color:var(--ls-muted);padding:2rem;font-size:.8125rem}.module-detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.module-detail-card-title{color:var(--ls-ink);margin-bottom:.375rem;font-family:Archivo Black,sans-serif;font-size:.75rem}.module-detail-card-text{color:var(--ls-muted);font-size:.75rem}.module-detail-definition{color:var(--ls-ink);margin:0;font-size:.8125rem;line-height:1.6}.module-detail-notes{flex-direction:column;gap:.5rem;display:flex}.module-detail-notes-section{color:var(--ls-cyan);margin-top:.5rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-notes-list{flex-direction:column;gap:.25rem;margin:0;padding-left:1rem;display:flex}.module-detail-notes-list li{color:var(--ls-ink);font-size:.8125rem}.module-detail-glossary{flex-direction:column;display:flex}.module-detail-glossary-row{border-bottom:1px dashed var(--ls-divider);gap:1rem;padding:.5rem 0;display:flex}.module-detail-glossary-term{color:var(--ls-cyan);min-width:60px;font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-glossary-def{color:var(--ls-ink);font-size:.8125rem}.module-detail-audio-title{color:var(--ls-paper);font-family:Archivo Black,sans-serif;font-size:1rem}.module-detail-audio-sub{color:var(--ls-mutedLt);font-size:.75rem}.module-detail-waveform{align-items:center;gap:2px;height:40px;display:flex}.module-detail-waveform-bar{background:var(--ls-muted);border-radius:1px;flex-shrink:0;width:3px}.module-detail-audio-controls{align-items:center;gap:.75rem;display:flex}.module-detail-play-btn{background:var(--ls-yellow);border:2px solid var(--ls-ink);cursor:pointer;width:36px;height:36px;box-shadow:var(--ls-shadow-base);border-radius:50%;flex-shrink:0;font-size:.875rem;transition:transform .1s,box-shadow .1s}.module-detail-play-btn:hover{box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.module-detail-progress-bar{background:var(--ls-muted);border-radius:2px;flex:1;height:4px;overflow:hidden}.module-detail-progress-fill{background:var(--ls-paper);height:100%}.module-detail-time{color:var(--ls-mutedLt);font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-highlights{flex-direction:column;gap:.75rem;display:flex}.module-detail-highlight-row{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);box-shadow:var(--ls-shadow-base);align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.module-detail-highlight-text{color:var(--ls-ink);font-size:.8125rem;font-style:italic}.module-detail-checklist-header{justify-content:space-between;align-items:center;display:flex}.module-detail-checklist-count{color:var(--ls-muted);font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-checklist{flex-direction:column;gap:.25rem;display:flex}.module-detail-check-row{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);cursor:pointer;background:var(--ls-paper);box-shadow:var(--ls-shadow-base);align-items:center;gap:.75rem;padding:.75rem;transition:transform .1s,box-shadow .1s,background .1s;display:flex}.module-detail-check-row:not(.checked):hover{background:var(--ls-yellowLt);box-shadow:var(--ls-shadow-lg);transform:translate(-1px,-1px)}.module-detail-check-row.checked{background:var(--ls-yellow);opacity:.7;text-decoration:line-through}.module-detail-checkbox{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.module-detail-check-text{color:var(--ls-ink);flex:1;font-size:.8125rem}.module-detail-check-num{color:var(--ls-mutedLt);font-family:Archivo Black,sans-serif;font-size:.6875rem}.module-detail-problem-text{color:var(--ls-ink);margin:0;font-size:.8125rem}.module-detail-hint{color:var(--ls-red);cursor:pointer;align-self:flex-start;font-family:Archivo Black,sans-serif;font-size:.6875rem;transition:opacity .1s}.module-detail-hint:hover{opacity:.7;text-decoration:underline}@media (width<=639px){.module-detail-page{max-width:100vw;overflow-x:hidden}.module-detail-content{padding:0 1rem calc(var(--ls-mobile-footer-h) + 1.5rem);overflow-x:hidden}.module-detail-waveform{overflow:hidden}.module-detail-tabbar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem 1rem}.module-detail-tabbar-right,.module-detail-view-as{display:none}.module-detail-tabs{flex-wrap:wrap;width:100%}.module-detail-tab{text-align:center;flex:calc(50% - .5rem);padding:.5rem .25rem}.module-detail-grid{grid-template-columns:1fr}.module-detail-bit-row{padding:.75rem 1rem}.module-detail-video{height:200px}}.prof-topbar{background:var(--ls-paper);border-bottom:2px solid var(--ls-ink);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.prof-topbar-title{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:1.25rem;line-height:1}.prof-topbar-sub{color:var(--ls-muted);margin-top:.25rem;font-size:.75rem}.prof-topbar-actions{align-items:center;gap:.5rem;display:flex}.prof-topbar-btn{border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);width:36px;height:36px;box-shadow:var(--ls-shadow-base);background:var(--ls-paper);cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:relative}.prof-topbar-badge{background:var(--ls-red);color:var(--ls-paper);border:1.5px solid var(--ls-ink);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-family:Archivo Black,sans-serif;font-size:.5625rem;display:flex;position:absolute;top:-6px;right:-6px}.prof-topbar-avatar{background:var(--ls-ink);border:2px solid var(--ls-ink);width:36px;height:36px;box-shadow:var(--ls-shadow-base);color:var(--ls-yellow);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:Archivo Black,sans-serif;font-size:.875rem;display:flex}.prof-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.prof-stats-row{gap:.75rem;display:flex}@media (width<=639px){.prof-content{padding-bottom:calc(var(--ls-mobile-footer-h) + 1.5rem)}}.student-detail-page{flex-direction:column;gap:1rem;display:flex}.student-detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.student-detail-quiz-list{flex-direction:column;padding:.5rem .75rem;display:flex}.student-detail-quiz-row{align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.student-detail-quiz-score{border-radius:var(--ls-radius-base);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Archivo Black,sans-serif;font-size:.875rem;display:flex}.student-detail-quiz-info{flex-direction:column;gap:.1rem;display:flex}.student-detail-quiz-title{font-family:Archivo Black,sans-serif;font-size:.875rem}.student-detail-quiz-meta{font-family:Space Mono,monospace;font-size:.75rem}.student-detail-insights{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.student-detail-bit-row{align-items:center;gap:.75rem;display:flex}.student-detail-bit-msg{margin:0;font-family:Space Mono,monospace;font-size:.875rem;line-height:1.5}.student-detail-insight-list{flex-direction:column;display:flex}.student-detail-insight-row{justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.student-detail-insight-label{font-family:Space Mono,monospace;font-size:.8125rem;font-weight:700}.student-detail-insight-value{font-family:Archivo Black,sans-serif;font-size:.8125rem}@media (width<=639px){.student-detail-grid{grid-template-columns:1fr}}.students-page{flex-direction:column;gap:1rem;width:100%;display:flex}.students-header{flex-direction:column;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.students-title{font-family:Archivo Black,sans-serif;font-size:1.75rem;line-height:1}.students-subtitle{font-family:Space Mono,monospace;font-size:.8125rem}.students-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.students-search{outline:none;flex:1;min-width:240px;padding:.5rem 1rem;font-size:.6875rem;font-weight:700}.students-filters{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.students-rows{flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.student-row-hover{cursor:pointer;transition:transform .1s}.student-row-hover:hover{transform:translate(-2px,-4px)scale(1.01)}.student-row-inner{cursor:pointer;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-base);align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background .1s,box-shadow .1s;display:flex}.student-row-hover:hover .student-row-inner{background:var(--hover-bg);box-shadow:2px 4px 0 var(--ls-ink)}.student-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Archivo Black,sans-serif;font-size:.875rem;display:flex}.student-info{flex:1;min-width:0}.student-name-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.student-name{font-family:Archivo Black,sans-serif;font-size:1rem}.student-meta{margin:0;font-family:Space Mono,monospace;font-size:.8125rem;font-weight:700}.student-stats{text-align:right;flex-shrink:0}.student-score{font-family:Archivo Black,sans-serif;font-size:1.125rem;line-height:1}.student-xp{margin-top:.15rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}@media (width<=768px){.students-toolbar{flex-direction:column;align-items:stretch}.students-filters{width:100%}}.page-bg{background-color:var(--ls-cream);background-image:var(--ls-dot-bg);background-size:var(--ls-dot-size);width:100%;min-height:100vh}.page-loader{background:var(--ls-cream);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-page{background-color:var(--ls-cream);background-image:var(--ls-dot-bg);background-size:var(--ls-dot-size);flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:3rem 1.5rem 1.5rem;display:flex}.login-left{flex-direction:column;flex:340px;align-items:flex-start;gap:1.5rem;max-width:480px;display:flex}.login-mascot-row{align-items:center;gap:1.25rem;display:flex}.login-powered-by{align-items:center;gap:.5rem;display:flex}.login-powered-by-icon{color:var(--ls-red);font-size:.75rem;font-weight:800}.login-powered-by-text{color:var(--ls-red);letter-spacing:.08em;font-family:Archivo Black,sans-serif;font-size:.6875rem}.login-headline{text-align:left;width:100%;margin-top:-.75rem}.login-headline-learn{color:var(--ls-ink);letter-spacing:-.02em;font-family:Archivo Black,sans-serif;font-size:3.5rem;line-height:1}.login-headline-smarter{color:var(--ls-ink);letter-spacing:-.02em;background:var(--ls-yellow);border:3px solid var(--ls-ink);border-radius:var(--ls-radius-base);box-shadow:var(--ls-shadow-2xl);transform-origin:0;margin-top:.25rem;padding:.25rem .75rem;font-family:Archivo Black,sans-serif;font-size:3.5rem;line-height:1;display:inline-block;transform:rotate(1.5deg)}.login-subtitle{color:var(--ls-muted);text-align:left;width:100%;max-width:380px;margin:0;font-size:.75rem;line-height:1.6}.login-subtitle strong{color:var(--ls-ink);font-family:Archivo Black,sans-serif}.login-card{flex:0 0 420px;width:420px}.login-card-inner{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.page-tag-wrapper{transform-origin:0 0;margin-bottom:.5rem;display:inline-block;transform:scale(1.2)}.login-welcome-title{color:var(--ls-ink);text-align:left;font-family:Archivo Black,sans-serif;font-size:1.5rem;line-height:1.2}.login-welcome-subtitle{color:var(--ls-muted);text-align:left;margin:.375rem 0 0;font-size:.875rem}.login-divider{background:var(--ls-divider);width:100%;height:2px}.login-new-here-title{color:var(--ls-ink);letter-spacing:.05em;text-align:left;margin-bottom:.25rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}.login-new-here-text{color:var(--ls-ink);text-align:left;margin:0;font-size:.75rem;line-height:1.5}@media (width<=1023px){.login-left{text-align:center;align-items:center}.login-headline,.login-subtitle{text-align:center}}@media (width<=639px){.login-card{flex:none;width:100%}.login-page{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1rem 1.5rem}.login-left{text-align:center;flex:none;align-items:center;gap:.5rem;width:100%}.login-headline-learn,.login-headline-smarter{font-size:2.5rem}.login-subtitle{margin:.5rem 0 0;font-size:.8125rem}}.register-page{background-color:var(--ls-cream);background-image:var(--ls-dot-bg);background-size:var(--ls-dot-size);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.register-card-inner{flex-direction:column;gap:1.25rem;display:flex}.register-header{justify-content:space-between;align-items:flex-start;display:flex}.register-title{color:var(--ls-ink);text-align:left;font-family:Archivo Black,sans-serif;font-size:1.3125rem;line-height:1.2}.register-field-group{flex-direction:column;gap:.5rem;display:flex}.register-label{color:var(--ls-ink);letter-spacing:.05em;font-family:Archivo Black,sans-serif;font-size:.6875rem}.register-input{color:var(--ls-ink);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);background:var(--ls-paper);outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.8125rem}.register-role-row{gap:.75rem;display:flex}.register-role-emoji{margin-bottom:.25rem;font-size:1.5rem}.register-role-label{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:.6875rem}.register-error{background:var(--ls-redLt);border:2px solid var(--ls-red);border-radius:var(--ls-radius-base);color:var(--ls-red);padding:.75rem;font-size:.8125rem}.register-top{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.register-bottom{flex-direction:column;align-items:center;gap:.25rem;display:flex}.app-shell{min-height:100vh}.app-body{margin-top:var(--ls-header-h);min-height:calc(100vh - var(--ls-header-h));display:flex}.dashboard-main{background-color:var(--ls-cream);background-image:var(--ls-dot-bg);background-size:var(--ls-dot-size);flex:1;min-width:0;padding:1.5rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header-title{color:var(--ls-ink);font-family:Archivo Black,sans-serif;font-size:1.5rem}.dashboard-header-sub{color:var(--ls-muted);font-size:.8125rem}.dashboard-bit-row{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.dashboard-bit-title{color:var(--ls-ink);margin-bottom:.25rem;font-family:Archivo Black,sans-serif;font-size:.6875rem}.dashboard-bit-text{color:var(--ls-ink);font-size:.8125rem}.dashboard-placeholder{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius-base);text-align:center;color:var(--ls-muted);padding:1.5rem;font-size:.8125rem}.quiz-stat-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=639px){.quiz-stat-grid{grid-template-columns:repeat(2,1fr)}.quiz-stat-grid .stat-card-label{font-size:clamp(.6rem,3vw,.875rem)!important}.quiz-stat-grid .stat-card-value{font-size:clamp(1rem,6vw,1.75rem)!important}.quiz-stat-grid .stat-card-sub{font-size:clamp(.55rem,2.5vw,.75rem)!important}}.badge-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}@media (width<=1023px){.badge-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=639px){.badge-grid{grid-template-columns:repeat(2,1fr)}.badge-grid-item{aspect-ratio:1}}.stat-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat-grid-cell{padding:clamp(.5rem,2vw,1rem)}.stat-grid-value{color:var(--ls-ink);white-space:nowrap;font-family:Archivo Black,sans-serif;font-size:clamp(.9rem,4vw,2rem);line-height:1}.stat-grid-label{letter-spacing:clamp(0px,.3vw,1px);color:var(--ls-muted);font-family:Archivo Black,sans-serif;font-size:clamp(.45rem,1.8vw,.6875rem);line-height:1.2}@media (width<=639px){:root{--ls-header-h:3.5rem}html,body{max-width:100vw;overflow-x:hidden}.dashboard-main{padding-bottom:calc(var(--ls-mobile-footer-h) + 1.5rem);overflow-x:hidden}.dashboard-main [style*=grid-template-columns]{grid-template-columns:1fr!important}.stat-grid-label{width:min-content}}