@charset "UTF-8";@keyframes skeleton-shimmer{to{transform:translate(100%)}}.shopping-lists{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1rem}.shopping-lists__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.shopping-lists__title{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.012em;color:var(--theme-text)}.shopping-lists__new{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;border-radius:100px;background:var(--theme-primary-soft);color:var(--theme-primary);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.shopping-lists__new:hover:not(:disabled){background:var(--theme-primary-soft-hover)}.shopping-lists__new:disabled{opacity:.5;cursor:default}.shopping-lists__empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 1.5rem;border-radius:var(--radius-media);background:var(--theme-surface);text-align:center}.shopping-lists__empty-icon{color:var(--theme-text-subtle);margin-bottom:.25rem}.shopping-lists__empty-text{margin:0;max-width:26rem;color:var(--theme-text-muted);font-size:.9375rem;line-height:1.5}.shopping-lists__card{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--theme-border);background:transparent;color:var(--theme-text);text-decoration:none;transition:background .15s ease}.shopping-lists__card:hover{background:var(--theme-surface-hover);text-decoration:none}.shopping-lists__card-body{display:flex;flex-direction:column;gap:.25rem;flex-grow:1;min-width:0}.shopping-lists__card-title{font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-lists__card-meta{color:var(--theme-text-muted);font-size:.8125rem}.shopping-lists__chevron{flex-shrink:0;color:var(--theme-text-subtle)}.shopping-list{max-width:640px;margin:0 auto;padding:2rem 1rem 4rem;color:var(--theme-text)}.shopping-list__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.shopping-list__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:100px;background:transparent;color:var(--theme-text-subtle);cursor:pointer}.shopping-list__delete:hover{background:var(--theme-surface-hover);color:var(--theme-danger, #d64545)}.shopping-list__title{margin:0 0 .375rem;font-size:1.375rem;font-weight:700;letter-spacing:-.012em}.shopping-list__title--button{display:flex;width:fit-content;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:text}.shopping-list__title--button svg{flex-shrink:0;color:var(--theme-text-subtle)}.shopping-list__title-input{display:block;width:100%;box-sizing:border-box;padding:0;border:none;background:transparent;color:inherit;font-family:inherit}.shopping-list__title-input:focus{outline:none;border-bottom:1.5px solid var(--theme-primary)}.shopping-list__progress{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem;color:var(--theme-text-muted);font-size:.875rem}.shopping-list__progress-track{flex:1 1 auto;height:4px;border-radius:2px;background:var(--theme-border);overflow:hidden}.shopping-list__progress-fill{display:block;height:100%;border-radius:2px;background:var(--theme-primary);transition:width .25s ease}.shopping-list__error{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--radius-control);background:var(--theme-primary-soft);color:var(--theme-text);font-size:.875rem}.shopping-list__recipes{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.75rem}.shopping-list__recipe{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius-control);background:var(--theme-surface)}.shopping-list__recipe--unavailable{opacity:.6}.shopping-list__recipe-cover{flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:calc(var(--radius-control) - 4px);object-fit:cover;background:var(--theme-surface-hover)}.shopping-list__recipe-body{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.shopping-list__recipe-title{font-size:.9375rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;color:inherit}.shopping-list a.shopping-list__recipe-title:hover{color:var(--theme-primary)}.shopping-list__recipe-note{color:var(--theme-text-muted);font-size:.8125rem}.shopping-list__stepper{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;padding:.125rem .375rem;border-radius:100px;box-shadow:inset 0 0 0 1px var(--theme-border);background:var(--theme-background);font-size:.8125rem;white-space:nowrap}.shopping-list__step-button{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;border-radius:50%;background:transparent;color:var(--theme-text);font-size:1rem;line-height:1;cursor:pointer}.shopping-list__step-button:hover:not(:disabled){background:var(--theme-surface-hover)}.shopping-list__step-button:disabled{opacity:.35;cursor:default}.shopping-list__recipe-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:50%;background:transparent;color:var(--theme-text-subtle);cursor:pointer;transition:color .15s ease,background .15s ease}.shopping-list__recipe-remove:hover{color:var(--theme-text);background:var(--theme-surface-hover)}.shopping-list__lines{margin-top:.5rem}.shopping-list__line{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--theme-border);-webkit-tap-highlight-color:transparent}.shopping-list__line--checked .shopping-list__line-name,.shopping-list__line--checked .shopping-list__line-amount{color:var(--theme-text-subtle)}.shopping-list__line--checked .shopping-list__line-name{text-decoration:line-through}.shopping-list__check{position:relative;flex-shrink:0;width:1.5rem;height:1.5rem;cursor:pointer}.shopping-list__check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.shopping-list__check-mark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--theme-border-strong);color:transparent;transition:background .15s ease,box-shadow .15s ease,color .15s ease}.shopping-list__check input:checked+.shopping-list__check-mark{background:var(--theme-primary);box-shadow:none;color:var(--theme-background)}.shopping-list__line-body{flex-grow:1;min-width:0;padding:.25rem 0;border:none;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.shopping-list__line-name{display:block;font-size:.9375rem;line-height:1.35}.shopping-list__line-amount{flex-shrink:0;padding:.25rem .5rem;margin-right:-.5rem;border:none;border-radius:var(--radius-badge);background:transparent;color:inherit;font-family:inherit;font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background .15s ease}.shopping-list__line-amount:hover{background:var(--theme-surface-hover)}.shopping-list__line-amount--to-taste{color:var(--theme-text-muted);font-weight:400;font-size:.875rem}.shopping-list__line-amount--edited{color:var(--theme-primary)}.shopping-list__amount-edit{flex-shrink:0;width:6rem;box-sizing:border-box;padding:.25rem .5rem;border:none;border-radius:var(--radius-badge);box-shadow:inset 0 0 0 1.5px var(--theme-primary);background:var(--theme-background);color:var(--theme-text);font-family:inherit;font-size:.9375rem;font-weight:600;text-align:right}.shopping-list__amount-edit:focus{outline:none}.shopping-list__add{display:flex;gap:.5rem;margin-top:1.5rem}.shopping-list__input{box-sizing:border-box;padding:.75rem 1rem;border:none;border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--theme-border);background:var(--theme-background);color:var(--theme-text);font-family:inherit;font-size:1rem}.shopping-list__input::placeholder{color:var(--theme-text-subtle)}.shopping-list__input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--theme-primary)}.shopping-list__name-input{flex:1 1 0;width:100%;min-width:0}.shopping-list__amount-input{flex:0 0 5.5rem;width:5.5rem;min-width:0}.shopping-list__add-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;border:none;border-radius:var(--radius-control);background:var(--theme-primary);color:var(--theme-background);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s ease}.shopping-list__add-button:hover:not(:disabled){background:var(--theme-primary-hover)}.shopping-list__add-button:disabled{opacity:.4;cursor:default}.add-to-list{position:relative}.add-to-list__button{display:inline-flex;align-items:center;gap:.425rem;min-height:2.25rem;padding:0 .875rem;box-sizing:border-box;border:1px solid var(--theme-border, rgba(0, 0, 0, .12));border-radius:100px;background:color-mix(in srgb,var(--theme-text, #333) 3%,transparent);color:var(--theme-text, #333);font-family:inherit;font-size:.875rem;text-decoration:none;cursor:pointer;transition:background .15s ease}.add-to-list__button:hover:not(:disabled){background:color-mix(in srgb,var(--theme-text, #333) 7%,transparent);text-decoration:none}.add-to-list__button:disabled{opacity:.5;cursor:default}.add-to-list__button svg{flex-shrink:0}.add-to-list__sheet{position:absolute;z-index:20;top:calc(100% + .5rem);right:0;min-width:15rem;padding:.375rem;border-radius:var(--radius-control, 12px);background:var(--theme-background, #fff);box-shadow:inset 0 0 0 1px var(--theme-border, rgba(0, 0, 0, .08)),0 12px 32px #00000024}.add-to-list__option{display:block;width:100%;padding:.625rem .75rem;border:none;border-radius:calc(var(--radius-control, 12px) - 4px);background:transparent;color:var(--theme-text, #333);font-family:inherit;font-size:.9375rem;text-align:left;cursor:pointer}.add-to-list__option:hover{background:var(--theme-surface-hover, rgba(0, 0, 0, .05))}.add-to-list__option--new{color:var(--theme-primary, #333);font-weight:600}.add-to-list__option--in{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--theme-text-muted, rgba(0, 0, 0, .6));text-decoration:none}.add-to-list__in-mark{display:flex;flex-shrink:0;color:var(--theme-primary, #333)}.add-to-list__hint{padding:.375rem .75rem;color:var(--theme-text-muted, rgba(0, 0, 0, .6));font-size:.75rem}