/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */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:rgba(0,0,0,0)}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:-0.25em}sup{top:-0.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}@font-face{font-family:"Google Sans";font-style:normal;font-display:swap;font-weight:400;src:url("fonts/google-sans-latin-ext-400-normal.woff2") format("woff2"),url("fonts/google-sans-latin-ext-400-normal.woff") format("woff")}@font-face{font-family:"Google Sans";font-style:normal;font-display:swap;font-weight:500;src:url("fonts/google-sans-latin-ext-500-normal.woff2") format("woff2"),url("fonts/google-sans-latin-ext-500-normal.woff") format("woff")}@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:200 400;font-display:swap;src:url("fonts/icons/material-symbols-rounded.woff2") format("woff2")}.icon{--icon-size: 1.25rem;--icon-opsz: 20;--icon-wght: 400;display:inline-block;font-family:"Material Symbols Rounded";font-style:normal;font-weight:normal;font-variant:normal;font-size:var(--icon-size);line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;text-align:center;text-decoration:inherit;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" var(--icon-wght),"GRAD" 0,"opsz" var(--icon-opsz);vertical-align:middle}.icon--24{--icon-size: 1.5rem;--icon-opsz: 24}.icon--200{--icon-wght: 200}.icon--300{--icon-wght: 300}.icon--add::before{content:""}.icon--arrow_back::before{content:""}.icon--arrow_drop_down::before{content:""}.icon--arrow_forward::before{content:""}.icon--arrow_downward::before{content:""}.icon--arrow_outward::before{content:""}.icon--check::before{content:""}.icon--close::before{content:""}.icon--delete::before{content:""}.icon--download::before{content:""}.icon--edit::before{content:""}.icon--file_save::before{content:""}.icon--info::before{content:""}.icon--keyboard_arrow_up::before{content:""}.icon--keyboard_arrow_down::before{content:""}.icon--keyboard_arrow_left::before{content:""}.icon--keyboard_arrow_right::before{content:""}.icon--menu::before{content:""}.icon--menu_book::before{content:""}.icon--print::before{content:""}.icon--remove::before{content:""}.icon--search::before{content:""}.icon--sign_language::before{content:""}:root{--layout-max-width: 400px;--color-text: #2d2d2d;--color-lime: #e2f4a6;--color-red: #ff6b6b;--color-accent: #5a4eff;--color-bg: #f5f5f5;--color-border: #dddddd}*{box-sizing:border-box}html{font-style:normal;font-weight:400;font-size:1rem;font-family:"Google Sans",system-ui,sans-serif}body{background-color:var(--color-bg);color:var(--color-text)}body,button,input,textarea,select{font-family:inherit}main{margin:0 auto;padding:1rem;width:100%;max-width:var(--layout-max-width)}h1{margin:.5em 0 1em 0}h1,h2,h3,h4{font-weight:500;text-align:center}b,strong{font-weight:500}small{font-size:90%}.button,input,textarea,select{border:1px solid var(--color-border);border-radius:.5rem;padding-inline:1rem;font-size:1rem}.button,input,select{height:3rem}.button{--color: var(--color-accent);display:flex;flex-shrink:0;justify-content:center;align-items:center;cursor:pointer;border-color:rgba(0,0,0,0);background-color:var(--color);color:#fff;font-weight:500}.button:has(.icon:only-child){background-color:rgba(0,0,0,0);padding:0;width:3rem;color:var(--color)}.button--small{height:2.5rem}.button--small:has(.icon:only-child){width:2.5rem}.button--secondary{border-color:var(--color-border);box-shadow:0 1px 2px rgba(0,0,0,.06);background-color:rgba(0,0,0,0);color:var(--color)}.button--red{--color: var(--color-red)}.button--full{width:100%}.button--text-left{justify-content:flex-start;text-align:left}.item-name{display:flex;column-gap:.35rem;align-items:center}.item-name .emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.form-item{display:flex;row-gap:.35rem;flex-direction:column}label{margin:0;font-weight:500;font-size:.875em}input,textarea,select{outline-offset:-2px;background-color:#fff;color:var(--color-text)}textarea{padding-block:.5rem;resize:vertical;line-height:1.4}#pin-form .button{margin-block-start:1rem}#toast{display:flex;position:fixed;bottom:0;left:0;justify-content:center;z-index:99;padding:1rem;width:100%;pointer-events:none;font-weight:500;text-align:center}#toast[hidden]{display:none}#toast p{transform:translateY(calc(100% + 1rem));transition:transform .3s ease;margin:0;border-radius:1rem;background-color:var(--color-lime);padding:1rem;width:100%;max-width:calc(var(--layout-max-width) - 2rem);pointer-events:auto}#toast.is-open p{transform:translateY(0)}html.is-dialog-open,html.is-dialog-open body{overflow:hidden}.modal{position:fixed;inset:auto;top:var(--dialog-viewport-offset-top, 0px);right:auto;bottom:auto;left:0;box-sizing:border-box;margin:0;border:none;background:rgba(0,0,0,0);padding:1rem;width:100%;max-width:none;height:var(--dialog-viewport-height, 100dvh);max-height:none;overflow:hidden;overscroll-behavior:none;touch-action:none;color:var(--color-text)}.modal[open]{display:flex;justify-content:center;align-items:center}html.is-dialog-keyboard-open .modal[open]{align-items:flex-start}.modal::backdrop{background-color:rgba(0,0,0,.75)}.modal-panel{display:flex;flex-direction:column;border-radius:1rem;background-color:#fff;width:100%;max-width:var(--layout-max-width);max-height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal-panel>header{display:flex;position:sticky;top:0;column-gap:.75rem;flex-shrink:0;justify-content:space-between;align-items:center;z-index:1;border-bottom:1px solid var(--color-border);background-color:#fff;padding:1rem}.modal-panel>header h2{margin:0;text-align:left}.modal-panel>.modal-body{display:flex;row-gap:1rem;flex:1;flex-direction:column;padding:1rem;min-height:0}.modal-panel>footer{display:flex;position:sticky;bottom:0;column-gap:.5rem;flex-shrink:0;align-items:center;z-index:1;border-top:1px solid var(--color-border);background-color:#fff;padding:1rem}.modal-panel>footer[hidden]{display:none}.modal-panel>footer>.button{flex:1}#add-modal .modal-panel{height:100%}#add-modal .modal-body{min-height:0;overflow:hidden}#catalog-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}#catalog-list>p{margin:.5em 0}#catalog-list .button{justify-content:space-between;column-gap:.75rem}#catalog-list .button.is-added{opacity:.55;cursor:default}#catalog-list .button.is-added small{flex-shrink:0;color:var(--color-text);font-weight:400}#empty-state{margin:1rem 0;text-align:center}#need-list{--item-action-width: 9rem;display:flex;row-gap:.5rem;flex-direction:column;margin-block:1rem}#need-list>article{position:relative;border:1px solid var(--color-border);border-radius:1rem;background-color:var(--color-bg);min-height:3.5rem;overflow:hidden;touch-action:pan-y}#need-list>article.is-done .item-content{color:#999}#need-list>article.is-done .item-content .item-name>span:not(.emoji),#need-list>article.is-done .item-content strong:not(:has(.item-name)){text-decoration:line-through}#need-list>article.is-swiping .item-front{transition:none}#need-list>article.is-swipe-edit .item-bg--edit,#need-list>article.is-swipe-delete .item-bg--delete{opacity:1}#need-list .item-bg{display:flex;position:absolute;top:0;bottom:0;column-gap:.35rem;justify-content:center;align-items:center;opacity:0;border-radius:1rem;width:var(--item-action-width);color:#fff;font-weight:500}#need-list .item-bg--edit{left:0;background-color:var(--color-accent)}#need-list .item-bg--delete{right:0;background-color:var(--color-red)}#need-list .item-front{display:flex;position:relative;column-gap:.75rem;align-items:center;z-index:1;transition:transform .2s ease;will-change:transform;border-radius:calc(1rem - 1px);background-color:#fff;padding:.5rem;padding-inline-start:1rem;min-height:3.5rem}#need-list .item-check{display:flex;flex-shrink:0;align-items:center;cursor:pointer}#need-list .item-check input[type=checkbox]{margin:0;border-radius:.25rem;padding:0;width:1.25rem;height:1.25rem;accent-color:var(--color-accent)}#need-list .item-content{display:flex;row-gap:.25rem;flex:1;flex-direction:column;min-width:0}#need-list p{margin:0}#count-label{text-align:center}#edit-item-name{margin:0;font-weight:500;font-size:1.25rem}