.pantry-strip{isolation:isolate;min-width:0;position:relative}.pantry-strip__scroll{align-items:center;gap:var(--s-2);padding-bottom:var(--s-1);scrollbar-width:none;display:flex;overflow-x:auto}.pantry-strip__scroll::-webkit-scrollbar{display:none}.pantry-strip__scroll>*{flex-shrink:0}.pantry-strip:before,.pantry-strip:after{content:"";z-index:1;width:var(--s-10);pointer-events:none;opacity:0;transition:opacity var(--dur-state) var(--ease-state);position:absolute;top:0;bottom:0}.pantry-strip:before{background:linear-gradient(to right, var(--paper), transparent);left:0}.pantry-strip:after{background:linear-gradient(to left, var(--paper), transparent);right:0}.pantry-strip--fade-start:before,.pantry-strip--fade-end:after{opacity:1}.pantry-form{align-items:stretch;gap:var(--s-2);min-width:0;display:flex}.pantry-form__name{flex:auto}.pantry-form__qty{text-align:center;flex:none;width:80px}.pantry-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pantry-item{align-items:center;gap:var(--s-2);min-height:calc(var(--s-12) + var(--s-1));padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex}.pantry-item--touch{cursor:default;touch-action:auto}.pantry-item--checked{background:var(--paper)}.pantry-item--dragging{z-index:1;border-color:var(--line-selected);background:var(--surface-selected);box-shadow:var(--sh-md);cursor:grabbing;position:relative}.pantry-item__grip{color:var(--fg-disabled);cursor:grab;touch-action:none;flex-shrink:0}.pantry-item--touch .pantry-item__grip{color:var(--fg-subtle)}.pantry-check{border:2px solid var(--line-strong);border-radius:var(--r-1);width:22px;height:22px;color:var(--on-action);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-state) var(--ease-state), border-color var(--dur-state) var(--ease-state);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.pantry-check:after{content:"";position:absolute;inset:-11px}.pantry-check--on{border-color:var(--action);background:var(--action)}.pantry-check:focus-visible{outline:var(--focus-line);outline-offset:var(--focus-offset)}.pantry-item__text{align-items:baseline;gap:var(--s-2);flex:1;min-width:0;display:flex}.pantry-item__name{overflow-wrap:anywhere;min-width:0;font-size:var(--text-16);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--fg)}.pantry-item__qty{font-size:var(--text-14);color:var(--fg-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.pantry-item--checked .pantry-item__name{color:var(--fg-subtle);text-decoration:line-through}.pantry-item--checked .pantry-item__qty{color:var(--fg-disabled)}.pantry-item__action{color:var(--fg-subtle)}@media (hover:hover){.pantry-item__action:hover:not(:disabled){color:var(--fg-secondary)}.pantry-item__action--danger:hover:not(:disabled){background:var(--danger-fill);color:var(--danger-ink)}}@media (prefers-reduced-motion:reduce){.pantry-strip:before,.pantry-strip:after,.pantry-check{transition:none}}