:root{font-family:Arial,sans-serif;color:#142b3b;background:#f3f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0 auto;max-width:1100px;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:29px;margin:8px 0}h2{font-size:20px;margin:0 0 12px}p{line-height:1.55;color:#4d6473}.eyebrow{letter-spacing:.12em;font-size:11px;font-weight:bold;color:#166654}.card{background:#fff;border:1px solid #dae3e8;padding:20px;margin:18px 0;border-radius:15px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:block;font-size:13px;color:#385263}label select,label input{display:block;margin-top:6px}select,input{padding:10px;border:1px solid #b9cbd2;border-radius:7px;max-width:100%;font:inherit}button{background:#176854;color:white;padding:12px 16px;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.secondary{background:#e8eff2;color:#213c50}.status{padding:12px;background:#edf3f6;border-radius:8px;font-size:14px}.camera{position:relative;background:#14262e;min-height:240px;border-radius:12px;overflow:hidden;margin:12px 0}.camera video,.camera canvas{display:block;width:100%;max-height:65vh;object-fit:contain}.camera span{position:absolute;color:white;left:20px;top:20px}.inline{display:flex;align-items:center;gap:8px;padding:10px 0}.inline input{margin:0;width:18px;height:18px}.table-wrap{max-height:55vh;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #dbe4e9;padding:9px;text-align:left}.uncertain{background:#fff1ce}.correct{color:#14754b}.wrong{color:#ad3340}.answer-edit{width:82px}.score{font-size:28px;font-weight:bold;color:#163d51}.history-row{padding:10px 0;border-bottom:1px solid #e3eaed;display:flex;gap:12px;justify-content:space-between}.history-row small{color:#607783}.history-row button{padding:6px 10px}#notice{background:#fff3d8;padding:12px;position:sticky;bottom:10px;border-radius:8px}#notice:empty{display:none}[hidden]{display:none!important}@media(max-width:650px){body{padding:12px}header{display:block}h1{font-size:25px}.card{padding:14px}.row>label{flex:1;min-width:160px}th,td{padding:7px;font-size:13px}.camera{min-height:180px}}@media print{body{margin:0;padding:0}}

.acknowledge{font-size:12px;padding:6px 9px;margin-top:6px}.key-sync-status{font-size:13px}.key-sync-panel{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #dae3e8}

#guide{position:absolute;pointer-events:none;max-height:none}#level{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000;font-size:12px;background:#15232a99;border-radius:12px;padding:8px 14px}.level-ring{width:82px;height:82px;border:2px solid #ff5e65;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative}.level-ring:before{content:'';width:14px;height:14px;border:1px solid #ffffff99;border-radius:50%;position:absolute}#levelDot{width:16px;height:16px;border-radius:50%;background:#ff5e65;border:1px solid white;display:block;transition:transform .16s}#level.balanced .level-ring{border-color:#23db86}#level.balanced #levelDot{background:#23db86}#level.untracked #levelDot{opacity:.35}#levelText{display:block;margin-top:5px}.guide-legend{font-size:12px}.allowed{display:block;font-size:10px;margin-top:5px;color:#536777}#studentArchive{margin-top:15px}#archiveStatus{overflow-wrap:anywhere}