:root{--bg:#f6f4ef;--surface:#fff;--text:#1f2421;--muted:#5f6661;--line:#e2ded4;--accent:#2f6b3f;--accent-text:#fff;--accent-soft:#e3efe5;--warn:#9a5b00;--warn-soft:#fbf0dc;--error:#a4262c;--error-soft:#fbe7e8;--cart:#6b7a70;--bio:#2e7d32;--radius:12px;--header:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151816;--surface:#1f2421;--text:#eef1ee;--muted:#a3aba5;--line:#333a35;--accent:#6fbf83;--accent-text:#0f1f14;--accent-soft:#24382a;--warn:#f0b25a;--warn-soft:#3a2f1c;--error:#ff8a8f;--error-soft:#3d2224;--cart:#8d9990}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--text);margin:0}body{overscroll-behavior-y:none}a{color:var(--accent)}h1{margin:0;font-size:1.35rem;line-height:1.2}h2{margin:1.4rem 0 .6rem;font-size:1.15rem}h3{margin:1rem 0 .4rem;font-size:1rem}p{margin:.5rem 0}.boot,.splash{padding:calc(env(safe-area-inset-top) + 2rem) 1rem;color:var(--muted);text-align:center}.content{max-width:760px;padding:.5rem max(1rem, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 6rem) max(1rem, env(safe-area-inset-left));margin:0 auto}.topbar{z-index:10;min-height:calc(var(--header) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(.5rem, env(safe-area-inset-right)) 0 max(.5rem, env(safe-area-inset-left));background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:.25rem;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;padding:0 .3rem;overflow:hidden}.topbar .sub{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.topbar .icon-button{color:var(--text)}svg.icon.icon-more{stroke-width:5px}.status-dot{color:var(--warn);white-space:nowrap;padding:0 .3rem;font-size:.75rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:.8rem 0;padding:.9rem 1rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.stack{gap:.6rem;display:grid}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{color:var(--error);border-color:var(--error)}button.link{color:var(--accent);background:0 0;border:0;min-height:32px;padding:0}button.wide{width:100%}.icon-button{min-width:44px;color:var(--muted);background:0 0;border-color:#0000;padding:.5rem}.icon-button.active{color:var(--accent)}svg.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}label{margin:.6rem 0;display:block}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;margin-top:.3rem;padding:.5rem .7rem;display:block}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notice{background:var(--accent-soft);border-radius:10px;margin:.6rem 0;padding:.6rem .8rem}.notice-error{background:var(--error-soft);color:var(--error)}.notice-warn{background:var(--warn-soft);color:var(--warn)}.badge{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:600;display:inline-block}.chips{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.4rem 0;display:flex}.chip{border-radius:999px;min-width:44px;min-height:38px;padding:.25rem .8rem;font-size:.95rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.choice{align-items:flex-start;gap:.6rem;margin:.5rem 0;display:flex}.choice input{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex:none;margin:.15rem 0 0}.choice span .small{display:block}details summary{cursor:pointer;align-items:center;gap:.4rem;min-height:44px;font-weight:600;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:before{content:"▸";color:var(--muted);transition:transform .15s}details[open]>summary:before{transform:rotate(90deg)}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login .card{width:100%;max-width:400px}.login h1{align-items:center;gap:.6rem;margin-bottom:.4rem;font-size:1.6rem;display:flex}.login h1 img{border-radius:10px;width:44px;height:44px}.login button[type=submit]{width:100%;margin-top:.6rem}.switch-mode{border-top:1px solid var(--line);text-align:center;gap:.3rem;margin-top:1rem;padding-top:.8rem;display:grid}.lists{gap:.6rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.list-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);text-align:left;grid-template-columns:1fr auto;align-items:center;gap:.1rem .6rem;padding:.85rem 1rem;text-decoration:none;display:grid}.list-card .name{font-size:1.1rem;font-weight:650}.list-card .name.urgent{color:var(--error)}.list-card .count{color:var(--accent);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:1.4rem;font-weight:650}.list-card .meta{color:var(--muted);font-size:.85rem}.toolbar{scrollbar-width:none;align-items:center;gap:.4rem;margin:.4rem -1rem;padding:.1rem 1rem;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar .chip{white-space:nowrap;flex:none}.shopper-note{background:var(--warn-soft);color:var(--warn);border-radius:10px;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem .8rem;font-size:.95rem;display:flex}.shopping-bar{background:var(--accent);color:var(--accent-text);border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;margin:.5rem 0;padding:.5rem .8rem;display:flex}.shopping-bar button{background:var(--accent-text);min-height:40px;color:var(--accent);border:0;font-weight:600}.add-bar{top:calc(var(--header) + env(safe-area-inset-top));z-index:5;background:var(--bg);margin:0 0 .2rem;padding:.5rem 0 .4rem;position:sticky}.add-form{gap:.4rem;display:flex}.add-form input{flex:auto;margin:0;font-size:1.05rem}.add-form button{flex:none;padding:.5rem .8rem}.suggestions{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:.3rem 0 0;padding:0;list-style:none;overflow:hidden}.suggestions button{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:flex-start;gap:.6rem;width:100%}.suggestions li:last-child button{border-bottom:0}.suggestions .hint{color:var(--muted);margin-left:auto;font-size:.8rem}.often{flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0;display:flex}.often .chip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:36px;padding:.2rem .7rem;font-size:.9rem}.often .chip.forget{color:var(--error);border-color:var(--error);background:var(--error-soft)}.add-hint{color:var(--muted);margin:.3rem 0 0;font-size:.8rem}.group{margin:.9rem 0 .2rem}.group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.4rem;margin:0 0 .25rem;font-size:.8rem;font-weight:700;display:flex}.items{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.item{border-bottom:1px solid var(--line);background:var(--surface);align-items:stretch;display:flex;position:relative}.item:last-child{border-bottom:0}.item:has(.swiping){background:var(--accent)}.item.in-cart:has(.swiping){background:var(--cart)}.item:has(.swiping):before{content:"✓";color:var(--accent-text);font-size:1.4rem;font-weight:700;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.item.in-cart:has(.swiping):before{content:"↺"}.item-main{z-index:1;background:var(--surface);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;flex:auto;align-items:center;gap:.7rem;min-width:0;min-height:56px;padding:.45rem .4rem .45rem .8rem;transition:transform .18s ease-out;display:flex;position:relative}.item-main.swiping{transition:none}.item-main.swipe-ready{background:var(--accent-soft)}.item-after{z-index:1;background:var(--surface);align-items:center;padding-right:.2rem;display:flex;position:relative}.check{border:2px solid var(--line);color:#0000;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.95rem;font-weight:700;display:grid}.in-cart .check{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.emoji{text-align:center;flex:none;width:1.6rem;font-size:1.35rem;line-height:1;position:relative}.bio-badge{display:block;overflow:visible}.bio-badge polygon{fill:var(--bio);stroke:var(--surface);stroke-width:1.6px;stroke-linejoin:round}.bio-badge text{fill:#fff;letter-spacing:-.3px;font:800 10.5px system-ui,-apple-system,sans-serif}.emoji .bio-badge{width:.95em;height:auto;position:absolute;bottom:-.3em;right:-.4em}.in-cart .bio-badge{opacity:.55}.item-text{flex-direction:column;flex:auto;min-width:0;display:flex}.item-name{overflow-wrap:anywhere;font-weight:600}.item-name .amount{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:.1rem;font-weight:500}.item-note{color:var(--muted);overflow-wrap:anywhere;font-size:.85rem}.item-tags{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 .4rem;font-size:.72rem}.tag.new{background:var(--warn);color:#fff;font-weight:700}.item.fresh .item-main{box-shadow:inset 4px 0 0 var(--warn)}.in-cart .item-name,.in-cart .item-note{color:var(--muted);text-decoration:line-through}.thumb{object-fit:cover;background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;flex:none;width:44px;height:44px;padding:0;display:block}.thumb-button{background:0 0;border:0;border-radius:8px;min-width:0;min-height:0;margin-right:.2rem;padding:0}.tile-photo{object-fit:cover;border-radius:8px;width:48px;height:48px}.avatar{color:#fff;background:hsl(var(--hue,150) 45% 38%);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.68rem;font-weight:700;display:inline-grid}.item-after .avatar{opacity:.85;width:22px;height:22px;font-size:.62rem}.item-after .icon-button{min-width:40px;color:var(--muted)}svg.icon.icon-urgent circle{fill:var(--error);stroke:none}svg.icon.icon-urgent path{stroke:#fff;stroke-width:3px}.icon-button.edit-later{color:var(--muted)}.icon-button.edit-normal{color:var(--text)}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:999px;margin-top:.3rem;display:flex;overflow:hidden}.segmented button{background:0 0;border:0;border-radius:0;flex:1;min-height:40px;padding:.3rem .4rem;font-size:.9rem}.segmented button+button{border-left:1px solid var(--line)}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.segmented button.seg-urgent[aria-checked=true]{background:var(--error);color:#fff}.urgent-count,.finish-urgent{color:var(--error);font-weight:600}.chip.urgent-filter[aria-pressed=true]{background:var(--error);border-color:var(--error);color:#fff}.cart{margin-top:1.4rem}.cart>summary{color:var(--muted)}.cart .items{opacity:.92}.finish{margin-top:.6rem}.progress{background:var(--line);border-radius:3px;height:6px;margin:.4rem 0 0;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .25s;display:block}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.empty .big{font-size:2.6rem;display:block}.tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.tile{border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.tile:has(.swiping){background:var(--accent)}.tile .item-main{text-align:center;border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:center;gap:.2rem;height:100%;min-height:96px;padding:.6rem .3rem}.tile .emoji{width:auto;font-size:2rem}.tile .item-name{font-size:.9rem;line-height:1.2}.tile .item-name .amount{margin:0;font-size:.8rem;display:block}.tile .item-note{font-size:.72rem}.tile .corner{z-index:2;position:absolute;top:2px;right:2px}.tile .corner .icon-button{min-width:32px;min-height:32px;padding:.2rem}.tile .flags{z-index:2;align-items:center;gap:5px;display:flex;position:absolute;top:5px;left:6px}.tile .flags .bio-badge{width:26px;height:auto}.tile.in-cart .item-main{opacity:.6}.tile.fresh .item-main{box-shadow:inset 0 0 0 3px var(--warn)}.shopping .item-main{min-height:64px;font-size:1.12rem}.shopping .item-note{font-size:.95rem}.shopping .emoji{font-size:1.6rem}.overlay{z-index:30;background:#0000008c;place-items:end center;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);color:inherit;overscroll-behavior:contain;width:min(36rem,100%);max-height:90vh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:1rem 1rem 0 0;gap:.6rem;display:grid;overflow-y:auto}.sheet h2{margin:0}.sheet-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sheet label{margin:0}.sheet-actions{bottom:calc(-1rem - env(safe-area-inset-bottom));margin:0 -1rem calc(-1rem - env(safe-area-inset-bottom));padding:.6rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;gap:.5rem;display:flex;position:sticky}.sheet-actions>.primary{flex:auto}.amount-row{grid-template-columns:6.5rem 1fr;gap:.5rem;display:grid}.photo-row{align-items:center;gap:.7rem;display:flex}.photo-row .thumb{width:72px;height:72px}.people-pick{margin:0;padding:0;list-style:none}.people-pick li{border-bottom:1px solid var(--line)}.people-pick li:last-child{border-bottom:0}.people-pick label{align-items:center;gap:.6rem;min-height:44px;margin:0;padding:.45rem .1rem;display:flex}.people-pick input{width:22px;height:22px;min-height:0;accent-color:var(--accent);flex:none;margin:0}.link-box{background:var(--accent-soft);border-radius:10px;gap:.5rem;padding:.8rem;display:grid}.link-box input{margin:0;font-size:.85rem}.qr{background:#fff;border-radius:8px;width:180px;height:180px;margin:0 auto;padding:8px;display:block}.activity{margin:0;padding:0;font-size:.92rem;list-style:none}.activity li{border-bottom:1px solid var(--line);align-items:baseline;gap:.5rem;padding:.3rem 0;display:flex}.activity time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.8rem}.viewer{z-index:40;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100vw;max-height:100vh}.viewer button{top:calc(env(safe-area-inset-top) + .6rem);color:#fff;background:#ffffff26;border:0;position:fixed;right:.6rem}.settings h2{margin-top:1.6rem}.members{margin:0;padding:0;list-style:none}.members li{border-bottom:1px solid var(--line);gap:.3rem;padding:.6rem 0;display:grid}.members li:last-child{border-bottom:0}.member-head{align-items:center;gap:.5rem;display:flex}.member-actions button{min-height:38px;padding:.25rem .7rem;font-size:.9rem}.stores{margin:0;padding:0;list-style:none}.stores li{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.35rem 0;display:flex}.stores li:last-child{border-bottom:0}.stores .name{flex:auto;font-weight:600}.order{touch-action:none;margin:0;padding:0;list-style:none}.order li{border:1px solid var(--line);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:.5rem;margin:.2rem 0;padding:.35rem .4rem;display:flex}.order li.dragging{z-index:2;border-color:var(--accent);position:relative;box-shadow:0 6px 18px #0003}.order .grip{cursor:grab;touch-action:none;color:var(--muted);min-width:40px}.order .label{flex:auto}.order .step button{min-width:36px;min-height:36px;padding:.2rem}.toast{z-index:50;left:50%;bottom:calc(env(safe-area-inset-bottom) + 1rem);color:#eef1ee;background:#1f2421;border-radius:12px;align-items:center;gap:.6rem;width:min(34rem,100% - 2rem);padding:.7rem .9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000040}@media (prefers-color-scheme:dark){.toast{color:#1f2421;background:#eef1ee}}.toast .text{flex:auto}.toast button{color:#6fbf83;background:0 0;border:0;min-height:38px;padding:.3rem .6rem;font-weight:700}@media (prefers-color-scheme:dark){.toast button{color:#2f6b3f}}.new-version{z-index:15;padding:calc(env(safe-area-inset-top) + .5rem) 1rem .5rem;background:var(--accent-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.new-version button{min-height:40px}@media (min-width:760px){:root{font-size:18px}.tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}@media (prefers-reduced-motion:reduce){.item-main,.progress>span{transition:none}}