:root{font-family:system-ui,sans-serif;color:#20332e;background:#f5f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid #d9e0dc;background:white;color:#203d35;border-radius:10px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#edf2eb}button:disabled{opacity:.45;cursor:wait}.primary{background:#203d35;color:white;border-color:#203d35}.primary:hover{background:#31574b}.accent{background:#d6ef96;border-color:#d6ef96}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid #e4e9e6;padding:34px 24px;display:flex;flex-direction:column}.brand{overflow-wrap:anywhere;font-family:system-ui,sans-serif;text-decoration:none;color:inherit;font-size:20px;font-weight:800;display:block;line-height:1.25}.brand img{width:44px;float:left;margin-right:10px}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#789084}nav{margin-top:60px;display:grid;gap:12px}nav a{color:#74817c;text-decoration:none;padding:15px;border-radius:10px;display:flex;gap:15px}nav a.active{background:#edf3e8;color:#203d35;font-weight:700}.aside-foot{margin-top:auto;font-size:13px;line-height:1.8;color:#6b7e74}small{color:#738078}main{margin-left:236px;padding:0 44px 60px;max-width:1600px}header{height:90px;border-bottom:1px solid #e0e5e2;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.7px;color:#718078}header div{display:flex;align-items:center;gap:18px}header button{font-size:12px;letter-spacing:0}h1,h2,h3{font-family:system-ui,sans-serif}h1{font-size:34px;letter-spacing:-1px;margin:0 0 9px}h2{font-size:21px}h3{font-size:18px;margin-top:0}p{color:#718078;line-height:1.6}.title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#748676;margin-bottom:12px}.hero{background:#203d35;color:white;border-radius:20px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;overflow:hidden}.hero p{color:#bfd0c5;max-width:490px}.hero h2{font-size:26px;margin:0}.hero-art{font-size:76px;color:#d6ef96;padding-right:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.stat,.card{background:white;border:1px solid #e2e7e4;border-radius:16px;padding:24px}.stat strong{font:800 30px system-ui;display:block;margin-top:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card p{font-size:14px}.tag{font-size:11px;padding:5px 9px;background:#eef4e8;color:#4e6836;border-radius:5px;display:inline-block}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ed;padding-top:18px;margin-top:22px}.muted{color:#75837a}.empty{text-align:center;padding:45px 20px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:block;font-size:13px;font-weight:600}input,select{display:block;width:100%;padding:12px;border:1px solid #d5ded8;border-radius:8px;background:white;color:#20332e;margin-top:8px}input:focus,select:focus{outline:2px solid #9fc66d}input[type=checkbox]{display:inline;width:auto}.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin:20px 0}.answer{display:flex;align-items:center;gap:5px}.answer strong{width:34px;font-size:13px}.bubble{border-radius:50%;width:34px;height:34px;padding:0;font-size:12px}.bubble.selected{background:#203d35;color:white}.bubble.correct{border-color:#569d61}.doubt{background:#fff3d9;padding:6px;border-radius:8px}.notice{padding:14px 18px;border-radius:10px;background:#eef3e7;line-height:1.6;font-size:14px;margin:16px 0}.warn{background:#fff3d9}.scanner{background:#142b24;border-radius:18px;position:relative;min-height:280px;overflow:hidden;display:grid;place-items:center;color:#ced9cf}.scanner video{width:100%;max-height:65vh;object-fit:contain}.guide{position:absolute;inset:12%;border:2px dashed #d6ef96;border-radius:8px;pointer-events:none}.scanner .hint{position:absolute;bottom:15px;background:#142b24cc;padding:8px 15px;border-radius:8px;font-size:13px}.scan-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.scan-layout canvas{width:100%;border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #edf0ed}th{font-size:11px;text-transform:uppercase;color:#75837a}.table-wrap{overflow:auto}.score{font:800 40px system-ui;color:#203d35}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#203d35;color:#fff;padding:14px 24px;border-radius:10px;display:none;z-index:20;max-width:90vw}details{margin:20px 0}summary{cursor:pointer;font-weight:600}a{color:#315b49}.print-only{display:none}@media(max-width:850px){aside{width:84px;padding:24px 12px}.brand{font-size:0}.brand img{width:46px;float:none}.brand span,nav span,.aside-foot{display:none}nav a{justify-content:center;padding:14px 0}main{margin-left:84px;padding:0 22px 100px}.scan-layout{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:560px){aside{inset:auto 0 0;width:100%;height:68px;padding:0;z-index:10;border-top:1px solid #dce4de}.brand{display:none}nav{display:flex;margin:0;justify-content:space-around}nav a{display:grid;gap:1px;text-align:center;font-size:20px;padding:6px 16px}nav span{display:block;font-size:10px}main{margin:0;padding:0 18px 95px}header{height:65px}.title{margin-top:27px;align-items:flex-start}h1{font-size:28px}.hero{padding:25px}.hero h2{font-size:22px}.stats{gap:8px}.stat{padding:14px;font-size:11px}.stat strong{font-size:24px}.form-grid{grid-template-columns:1fr}.card{padding:18px}.title button{white-space:nowrap;padding:10px}.hero p{font-size:14px}}@media print{body>*{display:none!important}body>.print-only{display:block!important} .print-only svg{width:190mm;height:266mm} @page{size:A4;margin:10mm}}
.answer{flex-wrap:wrap}.keys{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.bubble{width:30px;height:30px}button:focus-visible,a:focus-visible{outline:3px solid #98b969;outline-offset:3px}header{letter-spacing:.4px}header div{gap:9px}header button{padding:8px;font-size:11px}#review-photo{width:100%;max-height:55vh;object-fit:contain}#conflict-notice:empty{display:none}.report{font-family:Arial,sans-serif;color:black}.report table{font-size:11px}.report th,.report td{padding:5px}.student-report{break-before:page}.student-report:first-of-type{break-before:auto}@media print{.print-only svg{height:auto;max-height:270mm}.report p{color:black}.report h1{font-size:22px}.report h2{font-size:18px}.report tr{break-inside:avoid}.report thead{display:table-header-group}}@media(max-width:560px){header{font-size:9px}header div{gap:5px}aside>a.button{display:none}.keys{grid-template-columns:1fr}}

.bubble.annul{background:#fff1f2;border-color:#e5abb4;color:#a32135}.bubble.annul:hover{background:#ffe0e5;border-color:#bd354c}.bubble.annul.selected{background:#b4233b;border-color:#b4233b;color:#fff}.bubble.annul.selected:hover{background:#941b30}.bubble.annul:focus-visible{outline-color:#b4233b}

@media print{.print-only svg{display:block;width:190mm;height:auto;max-height:none;margin:0 auto}}