:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1d252b;background:#eef1f3;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:46px;padding:.65rem 1.25rem;border:1px solid #33434d;border-radius:4px;color:#fff;background:#33434d;cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.panel,.experiment{width:min(100% - 2rem,960px);margin:2rem auto;padding:clamp(1.25rem,3vw,2.5rem);background:#fff;border:1px solid #cbd3d8;border-radius:6px}.narrow{max-width:680px}h1{margin-top:0;font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:1.2rem}label:not(.radio,.answer,.check){display:grid;gap:.35rem;margin:1.25rem 0}input,select,textarea{width:100%;padding:.65rem;border:1px solid #7b8991;border-radius:3px;background:#fff}fieldset{margin:1rem 0 1.5rem;padding:1rem;border:1px solid #aeb9bf}.radio,.answer,.check{display:flex;align-items:flex-start;gap:.65rem;margin:.65rem 0}.radio input,.answer input,.check input{width:auto;margin-top:.42rem}.classroom{width:100%;height:clamp(360px,58vh,620px);overflow:hidden;border:1px solid #7b8991;background:#dde6eb;touch-action:none}.classroom canvas{display:block;width:100%;height:100%;cursor:grab}.answers{margin-top:1.25rem}.answer{padding:.55rem;border:1px solid transparent}.answer:has(input:checked){border-color:#33434d;background:#f0f3f5}.progress{font-size:1rem;font-weight:400}.instruction{margin-top:-.5rem}.error{color:#a11919;min-height:1.5em}@media(max-width:600px){.panel,.experiment{width:100%;margin:0;border:0;border-radius:0;min-height:100vh}.classroom{height:48vh}}