:root{color-scheme:light;font:12px/1.4 Arial,sans-serif;color:#202923;background:#eef0e8}*{box-sizing:border-box}body{margin:0}nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;padding:7px;background:#fafaf6;border-bottom:1px solid #daddd3;position:sticky;top:0;z-index:2}button,input,a{font:inherit}button{width:36px;height:36px;border:1px solid #daddd3;border-radius:3px;background:#fafaf6;color:#284c39;font-size:20px;cursor:pointer}button:disabled{opacity:.4;cursor:default}label{display:flex;gap:4px;align-items:center}input{width:43px;height:32px;border:1px solid #b4bcb0;border-radius:2px;text-align:center;background:white;color:inherit;font-size:16px}a{color:#284c39;padding:8px 4px;text-underline-offset:3px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #a46a18;outline-offset:2px}#status{margin:10px;text-align:center}#status:empty{display:none}#paper{overflow:auto;padding:8px;min-height:120px}canvas{display:block;margin:auto;background:white;box-shadow:0 1px 6px #0002}canvas[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}