:root{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,sans-serif;color:#182b3c;background:#eef3f8}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d1dce7;border-radius:9px;background:white;padding:10px 13px;color:#1d3445}.chosen,.primary{background:#1766ad!important;color:white!important;border-color:#1766ad!important}.session{display:flex;justify-content:space-between;align-items:center;background:#173b59;color:#fff;padding:10px 22px;font-size:13px}.session button{font-size:12px;padding:6px 10px}.app{padding:22px;max-width:1600px;margin:auto}.app header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.app h1{font-size:28px;margin:5px 0}.app h2{font-size:19px;margin:0 0 13px}.app h3{font-size:15px;margin:13px 0 8px}.app p{line-height:1.55}.eyebrow{font-size:11px;letter-spacing:1px;font-weight:700;color:#5182a5}.demo{background:#fff3d5;color:#765000;border-radius:5px;padding:4px 6px;letter-spacing:0;margin-left:7px}.teachers{background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 1px 5px #d2dce6}.teachers p{margin:5px 0}.muted,.teachers small{font-size:12px;color:#6c7f90}.layout{display:grid;grid-template-columns:1.05fr 1.35fr .85fr;grid-gap:14px;gap:14px;align-items:start}.panel{background:#fff;border:1px solid #dce4ea;border-radius:16px;padding:16px;min-height:560px}.student{display:flex;gap:7px;align-items:center;justify-content:space-between;border-bottom:1px solid #e6edf2;padding:9px 4px}.student.active{background:#eaf4fd}.student-name{border:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:4px;min-width:0}.student-name small{color:#61819d}.student select{max-width:92px;font-size:12px;border:1px solid #c4d4e1;border-radius:6px;padding:8px 2px;background:white}.detail,.homeworks article,.step{background:#f3f7fb;border-radius:9px;padding:12px;margin-top:15px}.steps{display:flex;flex-wrap:wrap;gap:6px}.steps button{font-size:12px;padding:9px}.homeworks{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.homeworks article{margin:0}.homeworks p{font-size:13px}.homeworks small{color:#758899}.curriculum h2:not(:first-child){margin-top:25px}.material{display:block;padding:12px;margin:7px 0;border-radius:8px;background:#f1f6fb;color:#125b9c;text-decoration:none;font-size:13px;overflow-wrap:anywhere}.panel textarea{width:100%;min-height:140px;border:1px solid #cbd6e0;border-radius:9px;padding:10px}.login{margin:12vh auto 0;max-width:480px;background:#fff;border-radius:18px;padding:38px;box-shadow:0 6px 30px #d6e0e9}.login h1{font-size:28px}.login small{display:block;margin-top:24px;color:#657889}.login button{margin-top:15px}@media(max-width:1050px){.layout{grid-template-columns:1fr 1.4fr}.layout>.panel:last-child{grid-column:1/-1;min-height:unset}}@media(max-width:680px){.app{padding:12px}.app header,.layout{display:block}.panel{margin:10px 0;min-height:unset}.homeworks{grid-template-columns:1fr}}.roster-controls{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.roster-controls label{display:grid;grid-gap:6px;gap:6px}.roster-controls select{max-width:100%}.live-roster button,.live-roster input,.live-roster select{min-height:44px}.live-roster small{display:block}.roster-error{color:#a4161a}.live-roster details{margin-top:24px;overflow-wrap:anywhere}.live-roster summary{cursor:pointer;padding:12px 0}.live-roster button:disabled,.live-roster select:disabled{opacity:.6}