*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#182a32;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#102a32;color:#adbdc3;padding:34px 24px}.brand{display:block;color:#fff;text-decoration:none;font-size:30px;font-weight:800;letter-spacing:2px;margin-bottom:64px}.brand span{display:block;color:#71d4b3;font-size:10px;letter-spacing:3px}.nav{padding:13px 12px;margin:6px -5px;border-radius:7px;font-size:13px}.nav.active{background:#21414a;color:#fff}.aside-bottom{position:absolute;bottom:30px;font-size:12px}.aside-bottom small{color:#6d929a}main{margin-left:235px;padding:32px 42px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe2e6;padding-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#688089}h1{font-size:29px;letter-spacing:-.7px;margin:5px 0 0}h2{font-size:24px;letter-spacing:-.5px;margin:5px 0}h3{margin:0;font-size:16px}p{color:#60747c;margin:8px 0 16px}.intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 20px}.badge{font-size:9px;letter-spacing:1px;border:1px solid #d7cdb3;padding:8px 12px;color:#80672d;background:#f9f5e9;border-radius:4px;white-space:nowrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{border:1px solid #dee5e9;border-radius:10px;background:white;padding:24px;box-shadow:0 3px 9px #0a243306;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:8px}.pill{font-size:9px;letter-spacing:1px;padding:5px 8px;border-radius:20px;background:#ecf0f2;color:#617780}.pill.online{background:#ddf5ea;color:#246a52}label{display:block;font-size:11px;font-weight:650;color:#60747c;margin:12px 0}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #ccd8dd;background:#fafcfd;color:#193039;border-radius:5px;margin-top:5px;font:14px system-ui}button,.button{display:inline-block;cursor:pointer;border:1px solid #c9d5da;border-radius:5px;padding:10px 14px;background:#fff;font-size:12px;font-weight:600;color:#29424c;text-decoration:none}button:hover,.button:hover{background:#edf5f4}button:disabled{opacity:.4;cursor:default}.primary{background:#125d50;border-color:#125d50;color:white}.primary:hover{background:#174b44}.quiet{border:0;background:transparent;font-size:11px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}.hint{font-size:11px;margin:12px 0 0}.identity{font:11px/1.8 ui-monospace,Consolas,monospace;border-top:1px solid #edf0f2;margin-top:18px;padding-top:12px;overflow-wrap:anywhere;white-space:pre-line}.metrics{display:flex;gap:60px;padding:3px 0 14px}.metrics strong{font-size:48px;font-weight:500;letter-spacing:-2px;display:block;line-height:1.2}.metrics span{font-size:10px;color:#758b94}.flags{display:flex;gap:6px;flex-wrap:wrap;min-height:28px}.flag{font-size:9px;padding:4px 7px;background:#f0f3f4;border-radius:3px;color:#899aa1}.flag.on{background:#dbf4e9;color:#236b52}.teach{border-left:4px solid #2b927a}.teach-controls{display:flex;align-items:end;gap:12px}.teach-controls label{flex:1;margin:0}.teach-controls button{height:42px}pre,code{background:#f1f6f5;font:12px/1.7 ui-monospace,monospace;padding:12px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:#83939a;font-size:12px}.activity{max-height:360px;overflow-y:auto}.entry{padding:12px 0;border-top:1px solid #edf0f2}.entry b{font-size:12px;color:#2e4550}.entry small{display:block;color:#82939a}.entry details{color:#536d77;font-size:11px}.login{max-width:460px;margin:70px auto}.login .primary{width:100%;margin-top:15px}footer{font-size:11px;line-height:1.7;color:#7b7061;background:#f5f0e7;padding:16px 20px;border-radius:7px}footer b{display:block}#notice{display:none;background:#fceee8;color:#8c3824;padding:12px;border-radius:5px;margin:15px 0}#notice.show{display:block}.text-link{font-size:11px;color:#2d7964;text-decoration:none}[hidden]{display:none!important}@media(max-width:1050px){aside{width:180px;padding:28px 18px}main{margin-left:180px;padding:26px}.grid{grid-template-columns:1fr}.intro{display:block}.badge{display:inline-block;margin-top:8px}.teach-controls{flex-wrap:wrap}.teach-controls label{min-width:100%}}@media(max-width:650px){aside{position:static;width:100%;padding:14px 20px}.brand{margin:0;font-size:22px}.brand span{display:inline;margin-left:12px;font-size:8px}.nav,.aside-bottom{display:none}main{margin:0;padding:20px 14px}header{align-items:start;gap:10px}h1{font-size:23px}.eyebrow{font-size:8px}.card{padding:18px}.metrics{gap:40px}.metrics strong{font-size:40px}.actions{gap:6px}.intro h2{font-size:21px}.section-head{flex-wrap:wrap}}