:root{--navy:#102d3b;--teal:#19b9a8;--line:#dbe5e8;--red:#c82020}*{box-sizing:border-box}body{margin:0;background:#edf2f4;color:#24353d;font:14px/1.45 system-ui,Segoe UI,sans-serif}header{height:74px;background:var(--navy);color:white;display:flex;align-items:center;gap:24px;padding:0 22px;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand>b{display:grid;place-items:center;background:var(--teal);color:#10323a;width:42px;height:42px;border-radius:10px;font-size:22px}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:#c4d6dc}.upload{background:var(--teal);color:#07373a;padding:11px 15px;border-radius:7px;font-weight:800;cursor:pointer}.upload input{display:none}#status{margin-left:auto;color:#d2e0e4}main{display:grid;grid-template-columns:360px minmax(0,1fr);gap:15px;padding:15px;height:calc(100vh - 74px)}aside{overflow:auto;padding-bottom:65px}section{background:white;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px}h3{font-size:14px;color:#10877d;border-bottom:2px solid #d9f5f1;padding-bottom:9px;margin:0 0 12px}p{margin:7px 0}.stats{display:flex;gap:10px}.stats div{flex:1;background:#eef8f7;padding:10px;border-radius:7px}.stats b,.stats small{display:block}.stats b{font-size:22px;color:#078277}.stats small{font-size:11px;color:#667981}label:not(.upload){display:block;font-size:12px;font-weight:650;margin:10px 0}input,select{width:100%;padding:9px;border:1px solid #d3dfe3;border-radius:6px;margin-top:5px;background:white}.hint{font-size:11px;color:#61737a;background:#f3f7f8;padding:9px;border-radius:6px}button{position:sticky;bottom:0;width:100%;border:0;border-radius:9px;background:var(--teal);padding:15px;font-weight:900;font-size:15px;cursor:pointer}button:disabled{opacity:.5}.warning{padding:9px;background:#fff6e4;border-left:3px solid #d99b27;margin:7px 0;border-radius:4px;font-size:12px}.warning.info{background:#eef9ff;border-color:#3697bb}.warning.error{background:#fff0f0;border-color:#c82020}article{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#dfe7eb}.paperhead{background:white;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.paperhead h2{font-size:17px;margin:0}.paperhead small,.paperhead span{font-size:11px;color:#64767d}#paper{overflow:auto;flex:1;background:white;margin:16px auto;width:calc(100% - 32px);max-width:900px;padding:36px 44px;white-space:pre-wrap;font:16px/1.6 "Times New Roman",serif;box-shadow:0 3px 15px #20394416}#paper p{margin:0 0 5px}.correct{color:var(--red);text-decoration:underline;text-decoration-thickness:1.5px;font-weight:bold}.group{display:inline-block;background:#e5f8f5;color:#087e74;padding:3px 7px;border-radius:4px;font:700 12px system-ui;margin:10px 0}.empty{text-align:center;margin:auto;color:#73838a;font-family:system-ui}.empty>b{display:inline-block;padding:15px;background:#e5f8f5;color:#10877d;border-radius:8px}@media(max-width:850px){main{height:auto;grid-template-columns:1fr}article{min-height:65vh}header{padding:0 10px;gap:10px}.brand{min-width:0}.brand small{display:none}#paper{padding:20px}}