:root{--bg:#f7f1e3;--surface:#fffdf6;--tile:#f4ead2;--chip:#efe6d0;--ink:#24382c;--muted:#6b6a55;--line:#e0d6bc;--green:#2f6b4f;--tomato:#c8452a;--tomato-strong:#d9482b;--honey:#f4c95d;--on-dark:#fff;--nav-muted:#b9c4a9;--display:"Fraunces", Georgia, serif;--body:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body{background:var(--bg);color:var(--ink);font:16px/1.4 var(--body);margin:0}#root{max-width:640px;min-height:calc(100dvh / var(--zoom,1));margin:0 auto}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700}h1{font-size:36px;line-height:1.1}h2{font-size:21px}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--green);outline-offset:2px}input:not([type=checkbox]){background:var(--surface);border:1px solid #0000;border-radius:14px;min-width:0;min-height:46px;padding:0 15px}input[aria-invalid=true]{border-color:var(--tomato)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--green);flex:none;margin:0}small{color:var(--muted);font-size:12.5px;font-weight:400;display:block}ul{margin:8px 0 0;padding:0;list-style:none}main{padding:12px 12px calc(env(safe-area-inset-bottom) + 24px);grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.splash{min-height:calc(100dvh / var(--zoom,1));color:var(--muted);place-items:center;margin:0;display:grid}.empty{text-align:center;color:var(--muted);justify-items:center;gap:12px;margin:0;padding:32px 12px;display:grid}.empty p{margin:0}.primary{background:var(--tomato-strong);min-height:48px;color:var(--on-dark);border-radius:15px;padding:0 18px;font-weight:700}.secondary{border:1px solid var(--green);min-height:44px;color:var(--green);border-radius:14px;padding:0 14px;font-weight:600}.ghost{width:100%;min-height:44px;color:var(--muted);font-weight:500}.row{gap:8px;display:flex}.grow{flex:1;min-width:0}.chips{scrollbar-width:none;overscroll-behavior-x:contain;gap:8px;margin-inline:-12px;padding-inline:12px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--chip);min-height:44px;color:var(--muted);border-radius:22px;flex:none;padding:0 16px}.chip.on{background:var(--green);color:var(--on-dark);font-weight:500}.card{background:var(--surface);border-radius:20px;padding:12px 14px}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head strong{font-family:var(--display);color:var(--tomato);white-space:nowrap;font-size:19px}.card ul li{border-top:1px dashed var(--line);font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-height:50px;display:flex}.card ul li:first-child{border-top:0}.card li label{align-items:center;gap:10px;display:flex}.x{width:36px;height:44px;color:var(--muted);flex:none;font-size:22px}.total{background:var(--green);color:var(--on-dark);border-radius:18px}.total strong{color:var(--on-dark);font-size:22px}.field{color:var(--muted);gap:5px;font-size:13.5px;display:grid}.field input{color:var(--ink);background:var(--bg);font-size:16px}.field-error{color:var(--tomato);margin:0;font-size:13.5px}.save{color:var(--green);margin:8px 0 0;font-weight:600}.stack{gap:12px;margin-top:10px;display:grid}.store-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.store-title h2{font-size:20px}.store-title span{color:var(--muted);font-size:14px}main>input{width:100%}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=560px){:root:not(.phone-fit) .products{grid-template-columns:repeat(3,minmax(0,1fr))}}.product{text-align:left;background:var(--surface);border-radius:18px;flex-direction:column;align-items:stretch;min-width:0;padding:8px 10px 10px;display:flex;position:relative}.product:active{background:var(--tile)}.ph{aspect-ratio:1.3;background:var(--tile);border-radius:90px 90px 14px 14px;margin-bottom:8px;padding:8px;display:block}.ph img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.product-name{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.22}.product small{margin-top:2px}.product-row{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.product-row strong{font-family:var(--display);color:var(--tomato);font-size:20px}.add{background:var(--green);width:36px;height:36px;color:var(--on-dark);border-radius:50%;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.badge{background:var(--tomato-strong);min-width:27px;height:27px;color:var(--on-dark);border-radius:14px;place-items:center;padding:0 6px;font-size:14px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.card ul li.item{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:4px 6px;padding:9px 0;display:grid}.item-main{min-width:0}.item-main img,.item-main .no-photo{object-fit:contain;mix-blend-mode:multiply;flex:none;width:50px;height:50px}.no-photo{background:var(--chip);border-radius:10px;width:100%;height:100%;display:block}.item-name{overflow-wrap:anywhere;min-width:0;font-size:14.5px;font-weight:500}.done .item-name{color:var(--muted);text-decoration:line-through}.stepper{background:var(--tile);border-radius:22px;grid-area:2/1;justify-self:start;align-items:center;margin-left:32px;display:inline-flex}.stepper button{width:44px;height:40px;color:var(--green);font-size:21px}.stepper button:disabled{color:var(--muted)}.stepper span{text-align:center;min-width:28px;font-weight:700}.item-total{grid-area:2/1/auto/-1;justify-self:end;padding-right:6px}.account-email{overflow-wrap:anywhere;margin:8px 0 0;font-weight:600}.account-pending{color:var(--tomato);margin:4px 0 0;font-size:14px}.account .field-error{margin-top:8px}.account-actions{gap:8px;margin-top:12px;display:flex}.account-actions button{flex:1}.account-actions .ghost{width:auto}.auth{min-height:calc(100dvh / var(--zoom,1));align-content:center;gap:20px;padding:32px 26px}.brand{text-align:center}.mark{background:var(--green);width:84px;height:100px;color:var(--honey);border-radius:50px 50px 14px 14px;place-items:center;margin:0 auto 14px;display:grid}.mark svg{width:40px;height:40px}.brand h1{font-size:38px}.brand p{color:var(--muted);margin:6px 0 0}.seg{background:var(--chip);border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{min-height:42px;color:var(--muted);border-radius:11px;font-size:14px}.seg button.on{background:var(--surface);color:var(--ink);font-weight:700}.auth-form{gap:13px;display:grid}.auth-form .field input{background:var(--surface)}.tabs{z-index:10;padding:calc(env(safe-area-inset-top) + 6px) 6px 6px;background:var(--ink);border-radius:0 0 20px 20px;display:flex;position:sticky;top:0}.tabs button{min-width:0;min-height:46px;color:var(--nav-muted);border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.tabs button.active{color:var(--honey);background:#ffffff1a;font-weight:600}
