:root{font-family:system-ui,sans-serif;color:#293c3b;background:#ebe7db;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#d4e5de,transparent 70%),#ebe7db}main{max-width:860px;margin:auto;padding:26px 22px}header{margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#516f67}h1{font:48px Georgia;margin:10px 0}header p{font:20px Georgia;margin:0}.instructions{padding:15px 18px;border-left:3px solid #b28a46;background:#f8f3e4}.instructions p{font-size:14px;line-height:1.5;margin:8px 0 0}.toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap;margin:16px 0}label{font-size:12px}button,select{border:1px solid #8fa198;border-radius:7px;padding:11px 14px;min-height:44px;background:#f9f5e8;color:#29423c;font:inherit}select{display:block;margin-top:5px}button{cursor:pointer}button:disabled{opacity:.42;cursor:default}button:hover:not(:disabled){background:#dbdfca}button:focus-visible,select:focus-visible{outline:3px solid #ce9950;outline-offset:3px}.bench{border:1px solid #7a8e85;border-radius:12px;overflow:hidden;background:#263f39;color:#f9f1dc}.readout{padding:13px 16px;display:flex;justify-content:space-between;font-size:12px}canvas{width:100%;display:block;background:#f7f0de}#feedback{padding:15px 18px;font-size:15px;line-height:1.45;min-height:70px}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.controls #cut0,.controls #cut1{background:#b56d46;color:#fff5e6;border-color:#a66542}.controls #toggle{background:#396f61;color:#fff5e6}.bottom{display:flex;gap:14px;align-items:center;font-size:12px}#next{background:#d4b36c}details{font-size:13px;line-height:1.6;color:#667268;border-top:1px solid #b0baab;margin-top:22px;padding-top:16px}summary{cursor:pointer}a{color:#33745d}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 12px}h1{font-size:38px}.instructions{padding:13px}.instructions p{font-size:13px}.toolbar label{flex-basis:100%}select{width:100%}.toolbar button{font-size:13px;flex:1}.readout{font-size:10px;padding:11px 9px}#feedback{font-size:14px;min-height:80px}.controls{grid-template-columns:repeat(2,1fr);gap:8px}.controls button{font-size:13px}.controls #toggle{grid-column:1}.bottom{flex-wrap:wrap}}
