:root{--lime:#bdfa72}main{max-width:1080px}header{position:sticky;top:0;background:#111714f5;z-index:4}.brand small{font-size:11px}.tiny,.pill,.eyebrow{font-size:13px}label{font-size:14px}button.small{font-size:14px}.login{max-width:480px;margin:30px auto}.login h1{font-size:44px}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teacher-grid .card{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stats-grid .card{margin:0}.student-head{padding:18px 22px;border-left:4px solid var(--lime);background:var(--panel);border-radius:12px;margin-bottom:24px}.student-head h2{margin:0}.initials{width:48px;height:48px;display:grid;place-items:center;background:#344a38;color:var(--lime);border-radius:15px;font-weight:800;flex-shrink:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 24px}.tabs .on{background:var(--lime);color:#132010}.status-muted{color:#adb9af}.status-ok{color:var(--lime)}.status-alert{color:#ffce84}.notice{padding:14px 18px;background:#39321f;border:1px solid #76632b;border-radius:12px;margin:14px 0;color:#ffe1a1}.chat-message{max-width:85%;padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.mine{margin-left:auto;background:#293d2a}video{width:100%;max-height:65vh;border-radius:16px}.muted-link{color:var(--lime)}.student-card h3{overflow-wrap:anywhere}#syncStatus{max-width:210px}#nav{max-width:1080px;left:50%;transform:translateX(-50%);width:100%}#nav button{font-size:13px}.readonly button.danger{display:none}dialog{max-width:min(660px,95vw)}a{color:var(--lime)}.search-row{display:flex;align-items:center;gap:10px}.search-row input{margin:0}.sync-info{font-size:13px;margin:8px 0;color:var(--muted)}.library-note{border-left:3px solid var(--lime);padding-left:15px}@media(max-width:760px){.teacher-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}header{padding:14px}main{padding:20px 15px 130px}.brand{font-size:22px}#syncStatus{font-size:12px;max-width:140px;padding:5px 8px}.row{flex-wrap:wrap}.student-card .row{flex-wrap:nowrap}}@media(max-width:490px){.teacher-grid{grid-template-columns:1fr}.login h1{font-size:37px}#accountButton{padding:6px 9px}.tabs{gap:6px}.tabs button{padding:8px 12px}h1{font-size:29px}}

#nav{overflow-x:auto;justify-content:flex-start}#nav button{min-width:65px;flex:1}#nav::-webkit-scrollbar{height:3px}#nav::-webkit-scrollbar-thumb{background:var(--line)}