@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-500.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-700.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-800.ttf)format("truetype");font-weight:800;font-display:swap}:root{--ink:#253930;--forest:#1c5a3e;--line:#c6cfbc;color:var(--ink);-webkit-font-smoothing:antialiased;background:#f7f8ef;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body,h1,h2,p,figure,dl,dd{margin:0}body{min-width:1920px;min-height:1080px}.lesson{isolation:isolate;background:radial-gradient(at 14% 62%,#dfe9c8 0%,#0000 37%),radial-gradient(at 96% 8%,#e4eddb 0%,#0000 45%),#faf9ee;width:1920px;height:1080px;position:relative;overflow:hidden}.lesson:before{content:"";z-index:-1;background:linear-gradient(130deg,#f8edbd,#deebbd);border-radius:50%;width:826px;height:826px;position:absolute;top:119px;left:-273px}.presenter{pointer-events:none;filter:drop-shadow(8px 10px 12px #38503b24);width:auto;height:1010px;position:absolute;bottom:0;left:0}.heading{text-align:center;width:902px;position:absolute;top:80px;left:527px}.heading p{color:var(--forest);align-items:center;gap:14px;font-size:18px;font-weight:800;display:inline-flex}.heading p:before,.heading p:after{content:"";background:#9eb99a;width:32px;height:2px}h1{letter-spacing:-.059em;margin-top:14px;font-size:64px;font-weight:800;line-height:1.08}.workspace{width:900px;position:absolute;top:229px;left:530px}.garden{isolation:isolate;position:relative}.garden:before{content:"";z-index:-1;background-image:radial-gradient(#b0bca9 1.4px,#0000 1.6px);background-size:24px 24px;position:absolute;inset:0 -4px;-webkit-mask-image:radial-gradient(66% 66%,#000 32%,#0000 86%);mask-image:radial-gradient(66% 66%,#000 32%,#0000 86%)}#garden{touch-action:pan-y;cursor:ew-resize;width:900px;height:518px;display:block}figcaption{color:#536658;justify-content:center;align-items:center;gap:12px;font-size:17px;display:flex}figcaption i{background:#a7d68a;border:1.5px solid #487644;width:15px;height:15px;transform:rotate(-30deg)skew(30deg)scale(.85)}.control{border:1px solid var(--line);background:#fffff8;border-radius:23px;width:572px;margin:39px auto 0;padding:21px 28px 23px;box-shadow:0 4px #ced5c5}.control-label,.slider-row{align-items:center;display:flex}.control-label{justify-content:space-between;margin-bottom:14px;font-size:21px;font-weight:800}.control-label output{color:var(--forest);font-variant-numeric:tabular-nums}.slider-row{gap:20px}button,input{font:inherit}button{cursor:pointer}.slider-row button{width:43px;height:43px;color:var(--forest);background:#eef3e7;border:1px solid #b9c8b5;border-radius:50%;flex:none;place-items:center;font-size:26px;line-height:1;display:grid}.slider-row button:hover:enabled{background:#d8edc8}.slider-row button:disabled{opacity:.4;cursor:default}input[type=range]{min-width:0;height:32px;accent-color:var(--forest);cursor:pointer;flex:1;margin:0}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #237349}.worksheet{background:#fffff9;border:1px solid #c6cebb;border-radius:29px;width:416px;padding:32px;position:absolute;top:252px;right:48px;box-shadow:0 6px #c8d2be,0 15px 40px -24px #344d3960}.worksheet h2{letter-spacing:-.05em;font-size:32px;line-height:1.15}.question{letter-spacing:-.023em;margin-top:20px;font-size:23px;line-height:1.4}.question strong{background:#e7f2b9;font-weight:800}.instruction{color:#526456;margin-top:17px;font-size:18px;line-height:1.5}.measurements{grid-template-columns:1fr 1fr;gap:11px;margin:26px 0;display:grid}.measurements div{background:#f3eddf;border-radius:14px;padding:15px 13px}.measurements div:last-child{background:#e7f1db}.measurements dt{font-size:15px;font-weight:700}.measurements dd{font-variant-numeric:tabular-nums;margin-top:4px;font-size:36px;font-weight:800;line-height:1.15}.measurements small{font-size:20px}#calculation{color:var(--forest);font-size:15px;font-weight:600}.check{background:var(--forest);color:#fff;border:none;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:16px 19px;font-size:18px;font-weight:800;display:flex}.check:hover{background:#284b39}.feedback{border-left:3px solid #d88b45;margin-top:17px;padding-left:13px;font-size:17px;line-height:1.46}.feedback.correct{border-color:#538352}