*{box-sizing:border-box}body{margin:0;background:#faf7f2;color:#25332e;font:16px/1.6 system-ui,sans-serif}header{background:#fff;border-bottom:1px solid #e5dfd4;padding:20px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:#df4b25;font-size:34px;font-weight:800}.brand span{font-size:14px;color:#25332e;line-height:1.4}main{max-width:1180px;margin:auto;padding:25px}h1{font-size:28px}h2{font-size:20px}.panel{background:white;border:1px solid #e5dfd4;border-radius:16px;padding:24px}.auth{max-width:440px;margin:35px auto}.demo,.hint,footer{color:#6b756e;font-size:14px}footer{text-align:center;padding:30px}.layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.stats{display:flex;gap:20px;margin-bottom:20px}.stats span{background:#f0e8da;border-radius:10px;padding:12px 20px}input,select{display:block;width:100%;font:inherit;border:1px solid #c9d0c9;border-radius:8px;padding:10px;background:white}label{display:block;margin:14px 0}input[type=checkbox]{display:inline;width:auto}button{font:inherit;cursor:pointer;border:1px solid #d0d8d0;border-radius:8px;padding:9px 14px;background:#fff;color:#25332e}form button,.primary{background:#df4b25;color:#fff;border-color:#df4b25}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9a474;outline-offset:2px}.student{width:100%;text-align:left;margin-top:12px}.selected{background:#f9e6dc;border-color:#df4b25}.card{padding:18px 0;border-bottom:1px solid #e8e8e0}.card h3{margin:0}.badge{display:inline-block;background:#e6eee5;color:#295938;padding:2px 9px;border-radius:5px;font-size:13px}.private{background:#f1e7dc;color:#72583d}nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}nav span{margin-right:auto}#notice{white-space:pre-wrap;color:#8c3824}#editor{margin-top:22px}.mobile{max-width:680px;margin:24px auto}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}[hidden]{display:none!important}@media(max-width:720px){main{padding:16px}.layout{grid-template-columns:1fr}.stats{flex-wrap:wrap;gap:8px}.stats span{padding:8px 12px}.panel{padding:18px}header{padding:16px}#identity{font-size:12px;word-break:break-word}}

#studentEditor:not(:empty){padding:20px;background:#faf7f2;border:1px solid #e5dfd4;border-radius:12px;margin:20px 0}.student-controls{display:flex;gap:10px;flex-wrap:wrap}.assignment{color:#59665d;font-size:14px}.student-editor-actions{display:flex;gap:10px;margin-top:18px}
