:root{--color-dark:#415532;--color-mid:#6f8561;--color-light:#9bb28b;--color-soft:#aec4b7;--color-bg:#b8cca9;--color-bg-light:#daf0e3;--color-white:#ffffff;--color-black:#1e2616;--color-accent:#d65a31;--color-accent-dark:#a94220;}html{height:100%;}body,table>tr>td{color:var(--color-black);}body{display:flex;flex-direction:column;place-items:center;font:16px/1.5 Candara,Calibri,Segoe,'Segoe UI',Optima,Arial,sans-serif;overflow-x:hidden;margin:0;user-select:none;}#main{flex:1 1 100%;min-height:1000px;width:100%;}#main,footer,header{display:flex;place-content:center;}body,header{background:var(--color-bg);}.mlr{margin:0 1em;}header{flex-wrap:wrap;place-self:center;margin:0 0 1em 0;}footer{font-size:.75em;}table{border-top:1px solid var(--color-soft);border-collapse:collapse;display:flex;flex-direction:column;width:auto;margin:0 auto;}table>tr{text-align:center;display:flex;flex-wrap:wrap;}table>tr>td{white-space:pre-wrap;box-shadow:0 0 0 1px var(--color-mid);overflow-x:hidden;text-overflow:ellipsis;padding:0 1px;user-select:none;background:var(--color-white);cursor:pointer;min-width:3ch;box-sizing:border-box;max-inline-size:3ch;}table>tr>td:first-of-type{min-width:100px;cursor:default;}.selected{background:var(--color-bg);color:var(--color-white);}td[data-control]{background:var(--color-dark);color:var(--color-white);font-weight:700;text-align:center;user-select:none;display:flex;place-content:center;flex-direction:column;padding:0 6px;min-width:48px;max-inline-size:fit-content;}td[data-control]:hover{background:var(--color-mid);}td[data-control='count']{background:var(--color-black);}button,td[data-control='remove']{color:var(--color-white);cursor:pointer;}td[data-control='remove']{background:var(--color-accent);font-weight:700;flex:1 1 auto;max-width:max-content;}td[data-control='remove']:hover{background:var(--color-accent-dark);}button{background:var(--color-mid);border:1px solid var(--color-dark);border-radius:4px;padding:.35em .8em;font-size:.85em;min-height:32px;min-width:72px;transition:background .2s ease;}button:hover{background:var(--color-dark);}button:active{background:var(--color-accent);border-color:var(--color-accent-dark);}button:disabled{background:var(--color-soft);color:var(--color-bg-light);cursor:not-allowed;}input[type='number'],input[type='text']{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-mid);padding:0 .35em 0 .8em;font-size:.85em;min-height:32px;min-width:72px;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;}input[type='text']{border-radius:4px;}input[type='number']:focus,input[type='text']:focus{background:var(--color-white);border-color:var(--color-accent-dark);}input[type='number']{border-radius:3px;outline:0;margin:0 4px;max-inline-size:8ch;}input:disabled{background:var(--color-soft);color:var(--color-bg-light);cursor:not-allowed;}.checkbox input[type='checkbox']{position:absolute;opacity:0;cursor:pointer;}.checkbox,.checkbox span{place-content:center;display:flex;place-items:center;}.checkbox{position:relative;color:var(--color-black);cursor:pointer;user-select:none;line-height:1;}.checkbox span{gap:8px;}.checkbox span::before{content:'';width:18px;height:18px;border:2px solid var(--color-dark);border-radius:4px;background:var(--color-white);transition:all .2s ease;display:inline-flex;position:relative;}.checkbox input[type='checkbox']:checked + span::after{content:'';position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid var(--color-dark);border-width:0 2px 2px 0;transform:rotate(45deg);}.checkbox:hover span::before{background:var(--color-bg-light);border-color:var(--color-mid);}.inline-flex{display:flex;place-items:center;gap:8px;flex-wrap:wrap;place-content:center;}h1{margin:0 0 1em 0;font-size:1em;display:block;width:100%;text-align:center;background:var(--color-mid);color:var(--color-bg-light);}