:root{font:17px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#f4f7f4;color:#19382e}*{box-sizing:border-box}body{margin:0}header,main{max-width:900px;margin:auto;padding:20px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}h1{font-size:27px}p{line-height:1.7}button,input,select,summary{font:inherit;min-height:46px}button,select,input{border:1px solid #becfc3;border-radius:8px;background:white;padding:10px 14px;color:inherit}button,summary{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #c19022;outline-offset:3px}#prepare-login,#activate,#submit{background:#176444;color:white}details{margin-top:26px;padding:18px;background:white;border-radius:10px}details button{margin:10px 5px 0 0}input{display:block;width:100%;margin-top:8px}.notice{font-size:14px;color:#617467;background:#e7efe8;padding:12px}article{border:1px solid #c6d8cc;border-radius:12px;background:white;padding:18px;margin:18px 0}article label{display:flex;align-items:center;gap:14px;font-weight:700}article input{display:inline-block;width:24px;height:24px;min-height:24px;margin:0;accent-color:#176444}article img{width:100%;height:auto;display:block;margin:16px 0}article .state{color:#657a6c}article button{margin-right:10px}#progress{font-size:20px;font-weight:bold}#message{color:#865411;font-weight:600;white-space:pre-line;padding-bottom:140px}#download-result{background:white;padding:18px}a{color:#176444;display:inline-block;padding:12px;font-weight:bold}footer{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid #cad9cf;padding:16px 18px calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:18px}dialog{width:min(96vw,1100px);max-height:90vh;border:1px solid #b1c5b8;border-radius:12px}dialog::backdrop{background:#142f25bf}#zoom-images{overflow:auto;max-height:70vh}#zoom-images img{display:block;width:1000px;max-width:none}#classroom[hidden],#login[hidden],footer[hidden]{display:none}@media(max-width:500px){main,header{padding:16px}h1{font-size:24px}article{padding:12px}footer{font-size:14px}footer button{font-size:15px}#progress{font-size:17px}}