:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#263b37;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 clamp(20px,5vw,88px)}header,footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;color:#65716b}header{height:88px;border-bottom:1px solid #d9ded4}.brand{font-size:23px;letter-spacing:-1px;color:#263b37;font-weight:650;text-decoration:none}main,header,footer{max-width:1440px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:42px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 14px;color:#65716b}h1{font-size:clamp(25px,3vw,42px);font-weight:500;letter-spacing:-1.5px;margin:0}.description{font-size:13px;line-height:1.9;margin:0;color:#65716b}.field{position:relative;height:clamp(320px,48vh,610px);overflow:hidden;background:#e7ede3;border:1px solid #d4ded1;border-radius:3px}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.field-top,.field-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:10px;letter-spacing:.7px;color:#53675e}.field-top{top:20px}.field-bottom{bottom:18px;line-height:1.6}.field-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#65826d;margin-right:7px}#count-label{font-variant-numeric:tabular-nums}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:28px;padding:27px 0;border-bottom:1px solid #d9ded4;align-items:center}.slider label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.slider output{color:#65716b;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:14px 0 0;accent-color:#466956;cursor:pointer}.buttons{display:flex;gap:8px}button{font:inherit;font-size:12px;padding:11px 16px;border:1px solid #c4cec2;border-radius:3px;background:transparent;color:#263b37;cursor:pointer;white-space:nowrap}button:hover{background:#e3e8df}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #375d48;outline-offset:4px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:18px 0 24px}.notes p{font-size:12px;line-height:1.9;color:#65716b}.notes b{display:block;font-size:11px;font-weight:600;color:#334e41;margin-bottom:6px}footer{border-top:1px solid #d9ded4;padding:22px 0 30px;font-size:10px;line-height:1.8}footer a{color:inherit;text-underline-offset:4px}@media(max-width:760px){header{height:65px}.intro{display:block;padding:28px 0 23px}.description{margin-top:15px}.controls{grid-template-columns:1fr 1fr;gap:22px}.buttons{grid-column:1/-1}.buttons button{flex:1}.notes{gap:12px}.field-top,.field-bottom{left:14px;right:14px}.field-bottom{font-size:9px}footer{align-items:start;flex-direction:column;gap:7px}.eyebrow{font-size:9px;letter-spacing:1.4px}}