:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101b25;color:#f1f5f8}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px 24px 64px}nav,footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#a9bccd}a{color:#8fe4dc}nav a{font-weight:800;text-decoration:none}header{max-width:730px;margin:64px 0 32px}h1{font-size:clamp(2.3rem,6vw,4rem);line-height:1.08;letter-spacing:-.035em;margin:12px 0 24px}header p{line-height:1.7;color:#c5d4df}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:#f6cf72!important;font-weight:800}.card{background:#192a38;border:1px solid #344b5e;border-radius:18px;padding:28px;margin:20px 0}#signin,#enrollment{max-width:560px}h2{margin-top:0}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:.95rem;font-weight:650}input,select,button{font:inherit;border-radius:8px;padding:12px 14px}input,select{width:100%;min-width:0;background:#101e2a;color:#fff;border:1px solid #597286}button{background:#93e6da;color:#10252b;border:0;font-weight:750;cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f6cf72;outline-offset:4px}.hint{font-size:.9rem;color:#bdcbd6;line-height:1.6}#status:not(:empty){border-left:4px solid #f6cf72;padding:14px 18px;background:#233747;max-width:730px}li{margin:14px 0;line-height:1.6}li button{margin-left:16px;font-size:.85rem;padding:8px 12px}#setupKey{font-family:monospace;letter-spacing:.08em}footer{margin-top:48px;font-size:.85rem}[hidden]{display:none!important}@media(max-width:520px){main{padding:22px 16px}.card{padding:22px 18px}header{margin-top:40px}li button{display:block;margin:8px 0}}
:root{--ink:#f1f5f8;--muted:#bdcbd6;--teal:#93e6da;--gold:#f6cf72;--panel:#192a38;--line:#344b5e}
.classroom-form{margin:24px 0;padding:20px;background:#101e2a;border-radius:12px}.classroom-form input[type=checkbox]{width:auto;justify-self:start}.classroom-section{border:1px solid #40596d;border-radius:12px;padding:16px;margin:14px 0}.classroom-section>summary,.classroom-review summary,#studentWeeks summary{cursor:pointer;font-weight:800;padding:8px}.classroom-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.85rem}.classroom-table th,.classroom-table td{border-bottom:1px solid #40596d;text-align:left;padding:10px;overflow-wrap:anywhere;vertical-align:top}.classroom-table th:first-child{width:25%}.classroom-table th:last-child{width:30%}.classroom-table button{font-size:.75rem;padding:6px;margin:3px}.classroom-review details{margin:18px 0;padding:16px;border:1px solid #40596d;border-radius:10px}.classroom-result:empty{display:none}.classroom-result:not(:empty){padding:20px;border:2px solid #f6cf72}.classroom-result pre{white-space:pre-wrap;overflow-wrap:anywhere}textarea{font:inherit;line-height:1.6;resize:vertical;width:100%;min-width:0;padding:12px;color:#fff;background:#101e2a;border:1px solid #597286;border-radius:8px}.classroom-topics{display:grid;gap:10px}.classroom-topics button{text-align:left}.classroom-infographic{display:block;width:min(100%,820px);height:auto;margin:20px auto}#studentTopic p,#studentTopic li{line-height:1.75}#studentStatus:not(:empty){position:sticky;top:0;z-index:10;padding:16px;background:#233747;border-left:4px solid #f6cf72}#studentTopic .topic-activity-workshop{margin:28px 0}summary:focus-visible,textarea:focus-visible{outline:3px solid #f6cf72;outline-offset:3px}@media(max-width:640px){.classroom-table{font-size:.7rem}.classroom-table th,.classroom-table td{padding:4px}.classroom-table button{font-size:.65rem}.classroom-form{padding:12px}}
:root .classroom-auth{background:#14232d;color:#f5f2e9;border:1px solid #6abdb6;border-radius:16px;max-width:470px;width:calc(100% - 56px);padding:24px;box-shadow:0 24px 100px #0009}:root .classroom-auth::backdrop{background:#020910c9}:root .classroom-auth form{display:grid;gap:14px}:root .classroom-auth label{display:grid;gap:7px}:root .classroom-auth input{box-sizing:border-box;width:100%;min-height:44px}:root .classroom-auth h3,:root .classroom-auth p{margin:0}