:root{color:#1d281f;background:#f7f3e8;font-family:system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{max-width:760px;margin:auto;padding:16px 16px 40px}header{justify-content:space-between;align-items:center;padding:12px 0 18px;display:flex}small{color:#66736a;display:block}h1{margin:4px 0;font-size:22px}h2{margin:18px 0 12px;font-size:19px}h3{margin:12px 0 8px}nav{gap:8px;margin-bottom:12px;display:flex}nav button,.actions button{background:#ddd8ca;border:0;border-radius:12px;flex:1;padding:14px;font-weight:700}nav .on{color:#fff;background:#173b2b}.receipt{background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 8px #0001}.line{border-bottom:1px solid #eee;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:10px 0;display:grid}.line button{background:#eee;border:0;border-radius:9px;width:40px;height:40px}.total{justify-content:space-between;padding-top:14px;font-size:20px;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.menu{text-align:left;background:#fff;border:2px solid #ddd8ca;border-radius:14px;min-height:78px;padding:13px;position:relative}.menu span{color:#66736a;margin-top:5px;display:block}.menu em{color:#fff;background:#173b2b;border-radius:99px;padding:3px 8px;font-style:normal;position:absolute;top:8px;right:8px}.actions{gap:9px;margin-top:16px;display:grid}.actions .primary{color:#fff;background:#173b2b}.actions button:disabled{opacity:.45}.notice{background:#fff0c7;border-radius:12px;margin:10px 0;padding:12px}.empty{text-align:center;color:#777;padding:20px}input{background:#fff;border:2px solid #ddd8ca;border-radius:12px;width:100%;padding:14px}.history{background:#fff;border-radius:14px;margin:10px 0;padding:14px}.historyHead{justify-content:space-between;margin-bottom:8px;display:flex}.history div:not(.historyHead){justify-content:space-between;padding:3px 0;display:flex}.history>strong{margin-top:8px;display:block}.history button{background:#ddd8ca;border:0;border-radius:10px;width:100%;margin-top:10px;padding:11px;font-weight:700}footer{text-align:center;color:#777;margin-top:28px;font-size:12px}@media (width>=640px){.actions{grid-template-columns:2fr 1fr 1fr}}