:root{color-scheme:light;--ink:#18362e;--green:#006b58;--muted:#63766e;--border:#dce5df;--bg:#f5f7f8;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #2a9a83;outline-offset:3px}input{min-width:0}h1,h2,p{margin:0}h1{font-size:2.4rem;line-height:1.2;letter-spacing:-.055em}h2{font-size:1.05rem;line-height:1.5}p{line-height:1.6;color:var(--muted)}[hidden]{display:none!important}.topbar{min-height:82px;padding:18px max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.45rem;letter-spacing:-.06em;text-decoration:none;color:var(--ink)}.brand>span{margin-left:-9px;color:var(--green)}.quiet{border:0;background:transparent;color:var(--muted);min-height:44px;display:flex;gap:12px;align-items:center;font-size:.875rem}.quiet>span:first-child{max-width:130px;overflow:hidden;text-overflow:ellipsis}.quiet>span:nth-child(2){font-size:1.5rem}main{max-width:1120px;padding:0 24px;margin:42px auto}.eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.15em;color:var(--green)}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.heading h1{margin:10px 0}.heading h1>span{color:var(--green)}.counter{text-align:center;color:var(--green);padding-right:12px}.counter strong{font-size:2.2rem;display:block;line-height:1.2}.counter span{font-size:.875rem;color:var(--muted)}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--border);margin-bottom:28px}.tabs>button{background:transparent;border:0;border-bottom:3px solid transparent;padding:17px 0;min-height:54px;font-size:.95rem;color:var(--muted)}.tabs>button.active{color:var(--green);border-color:var(--green);font-weight:650}.tabs span{font-size:.75rem;background:#e7efeb;padding:3px 7px;border-radius:5px;margin-left:6px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:15px}.add-card{padding:22px}.add-card>label:first-child{display:block;font-weight:650;margin-bottom:13px}.input-row{display:flex;gap:9px}.input-row>input,.login-card>input{width:100%;padding:15px;border:1px solid #cad7ce;border-radius:10px;background:#fff;outline:0;min-height:52px}.input-row>input:focus,.login-card>input:focus{border-color:var(--green);box-shadow:0 0 0 3px #006b5817}.primary{border:0;border-radius:10px;background:var(--green);color:#fff;padding:13px 18px;min-height:52px;white-space:nowrap;font-weight:600}.primary:hover{background:#005545}.check-label{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--muted);margin-top:13px;min-height:32px;cursor:pointer}input[type=checkbox]{accent-color:var(--green);width:19px;height:19px;flex-shrink:0;cursor:pointer}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.section-heading>span{font-size:.875rem;color:var(--muted)}.section-heading h2>span{margin-left:5px}.item{display:flex;align-items:center;gap:10px;padding:14px 16px;min-height:80px;border-bottom:1px solid #eaf0ec}.item:last-child{border:0}.item-check{width:24px!important;height:24px!important;margin:0 4px 0 0}.food-icon{font-size:1.55rem;width:31px;text-align:center;flex-shrink:0}.item-name{flex:1;min-width:0;overflow-wrap:anywhere}.item-name strong{font-size:1rem;display:block;font-weight:650}.item-name small{display:block;font-size:.75rem;color:#78877e;margin-top:4px}.quantity{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;flex-shrink:0}.quantity>span{min-width:16px;text-align:center;font-size:.875rem}.icon-button{border:0;background:transparent;color:#60796c;min-width:38px;min-height:44px;border-radius:8px;font-size:1.3rem;padding:0 5px}.quantity .icon-button{min-width:30px;min-height:38px}.icon-button:hover{background:#eaf3ec}.delete:hover{background:#fff0e9;color:#ae3838}.text-button{font-size:.875rem;min-height:44px;background:transparent;border:0;color:var(--muted);text-decoration:underline}.done .item-name{text-decoration:line-through;color:#7e8f84}.done .food-icon{opacity:.55}.done-quantity{font-size:.875rem;color:var(--muted)}.quick-panel{padding:22px;border:1px solid #d8e6df;background:#ecf4ef;border-radius:16px}.quick-panel>p{font-size:.875rem;margin:7px 0 21px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-product{position:relative;display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #dce7e0;border-radius:12px;padding:15px;min-height:111px;min-width:0;font-size:.875rem;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.quick-product:hover,.quick-product.selected{border-color:#7cac99}.quick-emoji{font-size:1.55rem}.quick-plus{position:absolute;right:10px;top:10px;background:#eff6f1;color:var(--green);border-radius:50%;width:22px;height:22px;display:grid;place-items:center}.quick-panel .household{margin:22px 0 0;border-top:1px solid #d8e6df;padding-top:17px;font-size:.75rem}.intro-small{font-size:.875rem;margin:8px 0 20px}#inventory-form{margin-bottom:20px}.empty{padding:32px 22px;text-align:center}.empty strong{display:block;margin-bottom:6px}.empty p{font-size:.875rem}footer{display:flex;justify-content:space-between;gap:14px;color:#819188;font-size:.75rem;margin:35px 0;line-height:1.7}.login-view{max-width:450px;margin:65px auto;text-align:center}.login-view h1{font-size:2.7rem;margin:18px -12px;line-height:1.15}.login-view h1>span{color:var(--green)}.intro{margin:18px 0 29px}.login-card{padding:28px;text-align:left}.login-card h2{margin-bottom:24px}.login-card>label{display:block;font-size:.875rem;font-weight:600;margin:18px 0 8px}.login-card .primary{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px}.error{border:1px solid #ebc6bd;border-radius:12px;background:#fff0e9;color:#96372c;padding:15px 18px;margin:16px 0;font-size:.875rem;line-height:1.5}.error button{border:0;background:none;text-decoration:underline;color:inherit;margin-left:10px;min-height:32px}.loading{text-align:center;margin:80px 0}.toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;background:#174333;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #173f3525;font-size:.875rem;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.topbar{padding:14px 19px;min-height:72px}.brand{font-size:1.3rem}.brand img{width:35px;height:35px}main{padding:0 18px;margin:29px auto}.heading h1{font-size:1.85rem}.heading p:not(.eyebrow){font-size:.875rem}.counter{padding:0}.counter strong{font-size:1.8rem}.columns{grid-template-columns:1fr;gap:25px}.tabs{gap:22px}.tabs>button{font-size:.875rem}.add-card{padding:19px}.wide-only{display:none}.input-row .primary{min-width:52px;font-size:1.5rem;padding:8px 14px}.item{gap:8px;padding:13px 12px;flex-wrap:wrap}.item-name{min-width:70px}.item-check{margin:0}.food-icon{font-size:1.35rem;width:27px}.icon-button{min-width:29px}.quantity .icon-button{min-width:27px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-panel{padding:19px}.quick-product{padding:12px;min-height:104px}.quick-emoji{font-size:1.45rem}.section-heading{gap:8px}.section-heading h2{font-size:.95rem}.text-button{font-size:.75rem}footer{display:block;text-align:center}footer span{display:block}.login-view{margin:43px auto}.login-view h1{font-size:2.15rem;letter-spacing:-.055em;margin:18px 0}.login-card{padding:23px}.intro{font-size:.95rem}}