@layer normalize,reset,app;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}html{color-scheme:light dark;tab-size:2;scrollbar-gutter:stable;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-synthesis:none;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;color:currentColor}input:is([type=checkbox],[type=radio]),select,label,button,summary{cursor:pointer}:disabled,label:has(>:disabled,+:disabled){cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ol,ul,menu{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}a:focus{outline:none}table{border-collapse:collapse}th,td{text-align:start;vertical-align:top}#root,#__next{isolation:isolate}}@layer app;@layer app{:root{--color-primary-darker: #090c26;--color-accent: #93c5fd;--color-accent-hover: #60a5fa;--color-edit: #4480c4;--color-edit-border: #3384df;--color-edit-hover: #60a5fa;--color-delete: #dc2626;--color-delete-hover: #b91c1c;--color-delete-border: #991b1b;--color-bg-body: antiquewhite;--color-bg-item: #f9fafb;--color-bg-button-hover: #e5e7eb;--color-bg-button-disabled: #d1d5db;--color-bg-search: #ffffff;--color-text-primary: #050f20;--color-text-secondary: #374151;--color-text-disabled: #9ca3af;--color-text-skip-link: #fff;--size-shopping-width: 56.25rem;--size-border-thin: .125rem;--size-grid-row-fixed: 4.25rem;--size-item-min-height: 3.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-answer-radio-gap: 1.5rem;--spacing-feedback-padding-x: .5rem;--spacing-feedback-padding-y: .25rem;--spacing-feedback-right: 2.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1.05rem;--font-size-md: 1.2rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--letter-spacing-tight: .03125rem;--letter-spacing-normal: .125rem;--size-badge-dot: .5rem;--size-pill-dot: .375rem;--size-item-accent: .25rem;--size-radio-button: 1.25rem;--size-radio-inner: .625rem;--size-radio-focus-ring: 4px;--transform-scale-radio-active: .95;--shadow-radio-focus: 0 0 0 var(--size-radio-focus-ring) rgba(9, 12, 38, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--transition-fast: all .25s ease;--transition-normal: all .3s ease;--opacity-disabled: .8;--opacity-skip-link-hidden: 0;--opacity-skip-link-visible: 1;--radius-sm: .25rem;--radius-md: .5rem;--size-outline: 2px;--size-outline-offset: 2px;--font-weight-bold: 700}}@layer app;@layer app{body{font-family:Noto Sans Mono,sans-serif;min-height:100vh;display:grid;place-content:center;background-color:var(--color-bg-body);color:var(--color-text-primary)}button{color:var(--color-text-primary);background-color:var(--color-bg-item);border:var(--size-border-thin) solid var(--color-primary-darker);cursor:pointer;transition:var(--transition-fast)}button:disabled{opacity:var(--opacity-disabled);color:var(--color-text-disabled);background-color:var(--color-bg-button-disabled);cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary-darker);outline-offset:2px}input[type=text],input[type=search]{border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-search);color:var(--color-text-primary);transition:var(--transition-fast)}:is(input[type=text],input[type=search]):focus{outline:none;box-shadow:0 0 0 4px #090c261a}:is(input[type=text],input[type=search])::placeholder{color:var(--color-text-disabled)}}@layer app;@layer app{.shopping-container{width:var(--size-shopping-width)}.shopping-app{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;border:var(--size-border-thin) solid var(--color-primary-darker);min-height:40rem}}@layer app;@layer app{.shopping-app__header{border-bottom:var(--size-border-thin) solid var(--color-primary-darker);padding:var(--spacing-xl);display:grid;gap:var(--spacing-lg)}.shopping-app__header h1{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:var(--letter-spacing-normal);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.shopping-app__badge{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);letter-spacing:var(--letter-spacing-tight)}.shopping-app__subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);text-wrap:pretty}.shopping-app__search-controls{display:grid;gap:var(--spacing-lg)}.shopping-app__search-wrapper{position:relative;display:flex;align-items:center}.shopping-app__search-wrapper input{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base)}.shopping-app__search-icon{position:absolute;left:var(--spacing-sm);width:1.25rem;height:1.25rem;color:var(--color-primary-darker);pointer-events:none}.shopping-app__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.shopping-app__toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);cursor:pointer}.shopping-app__toggle-input{appearance:none;width:var(--size-radio-button);height:var(--size-radio-button);border:var(--size-border-thin) solid var(--color-primary-darker);display:grid;place-items:center;cursor:pointer;outline:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.shopping-app__toggle-input:focus-visible{box-shadow:var(--shadow-radio-focus)}.shopping-app__toggle-input:active{transform:scale(var(--transform-scale-radio-active))}.shopping-app__toggle-input:after{content:"";display:block;width:var(--size-radio-inner);height:var(--size-radio-inner);transform:scale(0);transition:transform var(--transition-normal);background-color:var(--color-primary-darker);margin:auto}.shopping-app__toggle-input:checked:after{transform:scale(1);background-color:var(--color-primary-darker)}.shopping-app__pill{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item)}.shopping-app__pill-dot{width:var(--size-pill-dot);height:var(--size-pill-dot);border-radius:50%;background-color:var(--color-primary-darker)}}@layer app;@layer app{.shopping-app__items{display:grid;grid-template-rows:auto auto 1fr;padding:var(--spacing-xl);gap:var(--spacing-lg);opacity:1;transition:opacity var(--transition-normal)}.shopping-app__items--hidden{opacity:0;pointer-events:none}.shopping-app__add-form{display:flex;gap:var(--spacing-sm);border-bottom:var(--size-border-thin) solid var(--color-primary-darker);padding-bottom:var(--spacing-xl)}.shopping-app__add-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.shopping-app__add-form input.focus-from-empty-state:focus{outline-color:var(--color-edit);border-color:var(--color-edit)}.shopping-app__add-form button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;gap:var(--spacing-xs)}.shopping-app__items-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.shopping-app__items-heading-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.shopping-app__items-title{font-size:var(--font-size-lg);font-weight:700}.shopping-app__list{display:grid;gap:var(--spacing-sm);align-content:start}.shopping-app__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-md);min-height:var(--size-item-min-height);padding:var(--spacing-md) var(--spacing-md);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);transition:var(--transition-fast);cursor:grab}.shopping-app__item:active{cursor:grabbing}.shopping-app__item:hover{background-color:var(--color-bg-button-hover)}.shopping-app__item--completed .shopping-app__item-name{text-decoration:line-through;opacity:.6}.shopping-app__item-name-container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex:1}.shopping-app__item-name{font-size:var(--font-size-base);text-wrap:pretty}.shopping-app__item-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);cursor:pointer}.shopping-app__item-checkbox{appearance:none;width:var(--size-radio-button);height:var(--size-radio-button);border:var(--size-border-thin) solid var(--color-primary-darker);display:grid;place-items:center;cursor:pointer;outline:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.shopping-app__item-checkbox:focus-visible{box-shadow:var(--shadow-radio-focus)}.shopping-app__item-checkbox:active{transform:scale(var(--transform-scale-radio-active))}.shopping-app__item-checkbox:after{content:"";display:block;width:var(--size-radio-inner);height:var(--size-radio-inner);transform:scale(0);transition:transform var(--transition-normal);background-color:var(--color-primary-darker);margin:auto}.shopping-app__item-checkbox:checked:after{transform:scale(1);background-color:var(--color-primary-darker)}.shopping-app__item-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.shopping-app__item-edit,.shopping-app__item-delete{font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-feedback-padding-y) var(--spacing-feedback-padding-x);border:var(--size-border-thin) solid var(--color-primary-darker);text-align:center;min-width:fit-content;background-color:var(--color-bg-item);transition:var(--transition-fast)}.shopping-app__item-edit{color:var(--color-edit);border-color:var(--color-edit-border)}.shopping-app__item-edit:hover:not(:disabled){color:var(--color-edit-hover);border-color:var(--color-edit-hover);box-shadow:inset 0 0 0 9999px #93c5fd1a}.shopping-app__item-edit:disabled{opacity:.5;cursor:not-allowed}.shopping-app__item-delete{color:var(--color-delete);border-color:var(--color-delete-border)}.shopping-app__item-delete:hover:not(:disabled){color:var(--color-delete-hover);border-color:var(--color-delete-hover);box-shadow:inset 0 0 0 9999px #dc26261a}.shopping-app__item-edit-input{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-search);color:var(--color-text-primary);width:100%;max-width:100%}.shopping-app__item-edit-input:focus{outline:none;box-shadow:0 0 0 4px #090c261a}.shopping-app__clear-all{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-delete);background-color:var(--color-bg-item);color:var(--color-delete);cursor:pointer;transition:var(--transition-fast)}.shopping-app__clear-all:hover:not(:disabled){color:var(--color-delete-hover);border-color:var(--color-delete-hover);box-shadow:inset 0 0 0 9999px #dc26261a}.shopping-app__clear-all:disabled{opacity:.5;cursor:not-allowed}.notyf__toast--warning{color:#fff!important}}@layer app;@layer app{.shopping-app__item-quantity{display:flex;align-items:center;gap:.25rem}.shopping-app__quantity-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);color:var(--color-primary-darker);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:var(--transition-fast)}.shopping-app__quantity-btn:hover:not(:disabled){background-color:var(--color-bg-button-hover)}.shopping-app__quantity-btn:active{transform:scale(.95)}.shopping-app__quantity-btn:disabled{opacity:.5;cursor:not-allowed}.shopping-app__quantity-btn:disabled:hover{background-color:var(--color-bg-item);transform:none}.shopping-app__quantity-input{width:2.5rem;height:1.5rem;padding:0 var(--spacing-xs);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);color:var(--color-text-primary);font-size:var(--font-size-base);text-align:center;appearance:textfield;-moz-appearance:textfield}.shopping-app__quantity-input::-webkit-outer-spin-button,.shopping-app__quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shopping-app__quantity-input:focus{outline:var(--size-outline) solid var(--color-primary-darker);outline-offset:var(--size-outline-offset)}.shopping-app__quantity-input:disabled{opacity:.5;cursor:not-allowed}}@layer app;@layer app{.shopping-app__item--dragging{opacity:.5;cursor:grabbing}.shopping-app__item--drag-over{border-color:var(--color-edit);border-width:2px;background-color:var(--color-bg-button-hover)}}@layer app;@layer app{.shopping-app__filters{display:flex;align-items:center;gap:var(--spacing-sm)}.shopping-app__filter-empty-message{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.shopping-app__filter-btn{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast)}.shopping-app__filter-btn:hover:not(.shopping-app__filter-btn--active):not([aria-pressed=true]){background-color:var(--color-bg-button-hover)}.shopping-app__filter-btn--active,.shopping-app__filter-btn[aria-pressed=true]{background-color:var(--color-primary-darker);color:#fff}}@layer app;@layer app{.shopping-app__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);min-height:12rem;gap:var(--spacing-lg)}.shopping-app__empty-state-illustration{width:12rem;height:12rem;max-width:100%;color:var(--color-primary-darker);opacity:.6;display:none}.shopping-app__empty-state-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-base);color:var(--color-text-primary)}.shopping-app__empty-state-button:hover{background-color:var(--color-bg-button-hover);border-color:var(--color-edit)}.shopping-app__empty-state-icon{font-size:4rem;font-weight:300;line-height:1;color:var(--color-primary-darker)}.shopping-app__empty-state-text{font-size:var(--font-size-lg);font-weight:500}}@layer app;@layer app{.shopping-app__badge-count{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border:var(--size-border-thin) solid var(--color-primary-darker);background-color:var(--color-bg-item);position:relative;cursor:help}.shopping-app__badge-dot{width:var(--size-badge-dot);height:var(--size-badge-dot);border-radius:50%;background-color:var(--color-primary-darker)}.shopping-app__count-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-xs);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:1000}.shopping-app__badge-count:hover .shopping-app__count-tooltip{opacity:1;visibility:visible}.shopping-app__count-tooltip-content{background-color:var(--color-primary-darker);color:#fff;padding:var(--spacing-sm);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);min-width:10rem;max-width:20rem;display:flex;flex-direction:column}.shopping-app__count-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:var(--color-primary-darker)}.shopping-app__count-tooltip-item{display:flex;justify-content:space-between;gap:var(--spacing-sm);padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.shopping-app__count-tooltip-item:last-child{border-bottom:none}.shopping-app__count-tooltip-item-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.shopping-app__count-tooltip-item-quantity{font-weight:var(--font-weight-bold);flex-shrink:0}}@layer app;@layer app{.skip-link{position:absolute;top:-2.5rem;left:0;background:#000;color:var(--color-text-skip-link);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:100;opacity:var(--opacity-skip-link-hidden);pointer-events:none}.skip-link:focus{top:0;opacity:var(--opacity-skip-link-visible);pointer-events:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@layer app;@layer app{@media(max-width:48rem){body{padding:var(--spacing-sm)}.shopping-container{width:100%;padding:var(--spacing-md)}.shopping-app{min-height:auto}.shopping-app__header{padding:var(--spacing-md);gap:var(--spacing-md)}.shopping-app__header h1{font-size:var(--font-size-xl);gap:var(--spacing-sm)}.shopping-app__badge{display:none}.shopping-app__subtitle{font-size:var(--font-size-sm)}.shopping-app__search-controls{gap:var(--spacing-md)}.shopping-app__search-wrapper input{padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-sm)}.shopping-app__search-icon{width:1rem;height:1rem}.shopping-app__controls{gap:var(--spacing-sm)}.shopping-app__items{padding:var(--spacing-md);gap:var(--spacing-md)}.shopping-app__add-form{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.shopping-app__add-form input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.shopping-app__add-form button{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);justify-content:center}.shopping-app__items-heading{gap:var(--spacing-xs)}.shopping-app__items-title{font-size:var(--font-size-base)}.shopping-app__item{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);min-height:auto}.shopping-app__item-name{font-size:var(--font-size-sm)}}@media(min-width:48.01rem)and (max-width:64rem){.shopping-container{width:100%;max-width:var(--size-shopping-width);padding:var(--spacing-lg)}.shopping-app__header,.shopping-app__items{padding:var(--spacing-lg)}}@media(min-width:64.01rem){.shopping-container{max-width:var(--size-shopping-width)}}@media(max-width:22.5rem){.shopping-app__header{text-align:center}.shopping-app__header h1{justify-content:center}.shopping-app__controls{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.shopping-app__items-heading{flex-direction:column;align-items:center;gap:var(--spacing-xs)}}}