:root{font-family:-apple-system,BlinkMacSystemFont,'Yu Gothic',sans-serif;color:#30342d;background:#f6f3eb;--green:#65704b}*{box-sizing:border-box}body{margin:0}header,main,nav{max-width:640px;margin:auto;padding:18px}header small{letter-spacing:.3em;color:var(--green)}h1{font-size:29px;margin:8px 0 20px;font-weight:500}h1 span{display:block;font-size:12px;color:#767a6c;margin-top:7px}h2{font-size:19px;font-weight:500}h3{font-size:15px}nav{display:flex;gap:6px;position:sticky;top:0;background:#f6f3eb;z-index:2;padding-top:8px;padding-bottom:8px}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;padding:14px;background:var(--green);color:white;cursor:pointer;min-height:48px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}nav button{flex:1;padding:10px 3px;font-size:13px;background:#e9e8de;color:#555b48}nav button.active{background:var(--green);color:white}input,select,textarea{width:100%;border:1px solid #d8d9cb;border-radius:8px;background:#fffefb;padding:12px;color:#30342d}label{display:block;font-size:13px;margin:12px 0 4px}section,.card{background:#fffef9;border:1px solid #e4e3d6;border-radius:16px;padding:18px;margin-bottom:15px}.stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.stats strong{font-size:29px;font-weight:500}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{background:#eceede;color:#38432e;min-height:120px;text-align:left;padding:20px;font-size:20px}.product small{display:block;font-size:14px;margin-top:10px}.line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #eeeee3}.line button{padding:8px 14px}.secondary{background:#e8e9df;color:#414737}.danger{background:#8c5145}.checkout{position:sticky;bottom:0;background:#f6f3eb;padding:15px 0 calc(15px + env(safe-area-inset-bottom));display:flex;gap:14px;align-items:center}.checkout strong{font-size:25px;flex:1}.checkout button{flex:1}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:10px 4px;border-bottom:1px solid #e6e6dc;text-align:left}td:last-child{text-align:right}.muted{color:#777e6e;font-size:12px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.actions button{font-size:13px}dialog{border:0;border-radius:20px;max-width:90vw;width:360px;padding:24px;background:#fffef9}dialog::backdrop{background:#2228}dialog button{width:100%;margin:5px 0}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#303c2e;color:white;padding:14px 20px;border-radius:12px;display:none;z-index:8;max-width:90vw}#status{font-size:12px;color:#697354;margin-top:10px}textarea{min-height:85px}details{margin:14px 0}summary{cursor:pointer;padding:10px 0}footer{font-size:12px}.wide{width:100%}@media(min-width:700px){header{padding-top:32px}.product{min-height:150px}}