@font-face{font-family:LessonSans;src:local('Noto Sans SC'),local('Microsoft YaHei')}
:root{font-family:LessonSans,'Microsoft YaHei',sans-serif;color:#243e33;font-size:clamp(16px,1.32vw,23px);--label:url('assets/label.png');--frame:url('assets/frame.png');--green:#245740;--gold:#946b24}
*{box-sizing:border-box}body{margin:0;background:#f2f2f2}header{height:9vh;background:#395644;display:flex;align-items:center;justify-content:flex-end;padding-right:4vw;color:#fff;font-size:1.3rem;font-weight:800}footer{position:fixed;bottom:0;height:5vh;width:100%;background:#395644}main{width:63vw;height:84vh;margin:1vh 0 0 2vw;overflow:auto;scrollbar-width:thin;padding-right:.65vw;position:relative}h1{font-family:'Noto Serif SC',serif;font-size:2rem;color:var(--green);margin:0;line-height:1.35}h2{font-size:1.25rem;color:var(--green);margin:.4em 0}h3{font-size:1.05rem;margin:.25em 0}p{line-height:1.5;margin:.45em 0}button,input,textarea{font:inherit;color:inherit}button{border:0;background:var(--label) center/100% 204% no-repeat;cursor:pointer;min-height:42px;padding:.55em .9em;color:var(--green);font-weight:700}button:hover{filter:brightness(.94)}button:disabled{opacity:.48;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b98a32;outline-offset:2px}button[aria-pressed=true]{color:#7a430c;text-decoration:underline;text-underline-offset:5px}.plain{background:none;padding:.3em .55em;font-size:.78rem}.top{display:flex;justify-content:space-between;align-items:center;gap:1em}.eyebrow{font-size:.65rem;color:var(--gold);letter-spacing:.12em;font-weight:800}.tools{display:flex;gap:.2em}.steps{display:flex;gap:.5em;margin:.6em 0}.steps button{flex:1;font-size:.8rem;padding:.35em}.steps .active{color:#7a430c;text-decoration:underline;text-underline-offset:4px}.guide{display:flex;align-items:center;gap:.5em;min-height:10vh}.guide img{width:6vw;height:9vh;object-fit:contain;background:url('assets/wash.png') center/contain no-repeat}.guide p{font-size:.88rem;margin:0}.guide strong{color:var(--green)}.panel{background:var(--frame) center/100% 166% no-repeat;padding:1.2em 1.65em;margin:.3em 0}.muted{color:#63766a;font-size:.76rem}.bank{display:flex;gap:.6em;margin:.5em 0}.nutrient{flex:1;text-align:center;padding:.4em .6em}.nutrient img{display:block;width:100%;height:9vh;object-fit:contain;margin-bottom:.2em}.nutrient.selected{outline:3px solid #9e7b32;outline-offset:-3px}.matching{display:grid;grid-template-columns:1fr 1fr;gap:.55em;align-items:center}.target{min-height:60px;font-size:.85rem}.target strong{display:block;font-size:1rem}.correct{color:#206143}.wrong{color:#943c2c}.actions{display:flex;gap:.5em;flex-wrap:wrap;margin:.6em 0}.feedback{font-size:.88rem;line-height:1.5}.feedback:empty{display:none}.feedback ul{padding-left:1.2em;margin:.35em 0}.energy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}.energy-grid button{min-height:13vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.energy-grid img{height:6vh;width:80%;object-fit:contain}.energy-grid small{font-size:.65rem;font-weight:400;margin-top:.2em}.seal{background:url('assets/seal.png') center/contain no-repeat;width:10vw;height:10vw;max-height:17vh;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:bold;flex:none}.completion{display:flex;align-items:center;gap:1.5em;margin:1em 0}.completion p{font-size:.88rem}.question-options{display:flex;gap:.6em;flex-wrap:wrap}.workbench{display:grid;grid-template-columns:1.2fr 1fr;gap:.8em}.shelf{padding:.9em 1.1em}.category-image{width:100%;height:13vh;object-fit:contain}.tabs{display:flex;gap:.25em;margin-bottom:.5em}.tabs button{flex:1;padding:.35em .2em;font-size:.72rem}.choices{display:flex;flex-wrap:wrap;gap:.4em}.choices button{font-size:.85rem}.hint{min-height:3.7em;font-size:.78rem;line-height:1.5;color:#4d6658}.plate{position:relative;text-align:center;min-height:24vh;background:url('assets/wash.png') center/contain no-repeat}.plate>img{width:86%;height:21vh;object-fit:contain}.ingredient-row{display:flex;justify-content:center;gap:.3em;flex-wrap:wrap}.ingredient-row span{background:var(--label) center/100% 204% no-repeat;padding:.35em .5em;font-size:.72rem}.inventory{font-size:.8rem;line-height:1.7;min-height:7em}.inventory b{color:var(--green)}.caption{font-size:.65rem;color:#67756c}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.7em}.field{margin:.5em 0}.field label{display:block;font-size:.8rem;margin-bottom:.2em}textarea,input[type=text]{width:100%;border:1px solid #95aa9e;background:#fffef9;padding:.45em .6em;border-radius:0}textarea{min-height:3em;resize:vertical}.review-list{font-size:.83rem;line-height:1.7}.review-list p{margin:.3em 0}.fact{margin:.5em 0}.fact button{font-size:.82rem}.fact p{font-size:.83rem}.result-title{font-size:1.05rem;font-weight:bold;color:var(--green)}.feedback:focus{outline:none}.badge{font-size:.72rem;color:var(--gold);font-weight:bold}dialog{max-width:58vw;margin-left:3vw;border:1px solid #a08b56;background:#fffdf5;padding:1.2em;color:var(--green);font-size:.9rem}dialog::backdrop{background:#0006}.return-note{font-size:.68rem;color:#63766a}.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:1em}.source{font-size:.6rem;color:#6f7a72;margin-top:.6em}@media(max-width:1000px){:root{font-size:15px}h1{font-size:1.65rem}.panel{padding:.8em 1.1em}.two-col{grid-template-columns:1fr}.tools{flex-direction:column}.target{min-height:52px}}
/* Keep each activity's controls visible within the left recording area. */
.guide{min-height:7.5vh}.guide img{height:7vh}.steps{margin:.35em 0}.bank{margin:.3em 0}.nutrient img{height:7vh}.target{min-height:48px;padding:.35em .6em}.matching{gap:.35em}.panel{padding:.85em 2.6em}.shelf{padding:.7em 1.7em}.category-image{height:10vh}.plate{min-height:17vh}.plate>img{height:15vh}.inventory{min-height:0;line-height:1.55}.hint{min-height:3em}.actions{margin:.45em 0}.source{margin-bottom:.5em}