*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--red-500:#ef4444;--red-600:#dc2626;--amber-400:#fbbf24;--amber-500:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a}html{-webkit-text-size-adjust:100%;font-size:16px}@supports (-webkit-touch-callout:none){input,textarea,select{font-size:max(16px,1em)!important}}body{background:var(--gray-50);color:var(--gray-900);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100dvh;display:flex}.page{flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex}.app-bar{z-index:10;border-bottom:1px solid var(--gray-200);height:56px;box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:8px;padding:0 16px;display:flex;position:sticky;top:0}.app-bar__title{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.125rem;font-weight:700;overflow:hidden}.app-bar__title--editable{border-radius:var(--radius-sm,4px);background:0 0;border:none;outline:none;min-width:0;margin:0 -4px;padding:2px 4px}.app-bar__title--editable:focus{background:var(--gray-100,#f3f4f6)}.app-bar__logo{font-size:1.375rem;line-height:1}.btn-back{width:40px;height:40px;color:var(--gray-700);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:background .15s;display:inline-flex}.btn-back:active{background:var(--gray-100)}.list-progress{z-index:9;background:var(--gray-100);align-items:center;height:6px;display:flex;position:sticky;top:56px;overflow:hidden}.list-progress__bar{background:var(--green-500);border-radius:0 3px 3px 0;height:100%;transition:width .3s;position:absolute;top:0;left:0}.page-content{flex:1;padding:16px;overflow-y:auto}.list-cards{flex-direction:column;gap:10px;display:flex}.list-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid var(--gray-100);-webkit-tap-highlight-color:transparent;text-align:left;background:#fff;align-items:center;gap:14px;width:100%;padding:16px;transition:box-shadow .15s,transform .1s;display:flex}.list-card:active{box-shadow:none;transform:scale(.985)}.list-card__icon{border-radius:var(--radius-sm);background:var(--green-100);width:44px;height:44px;color:var(--green-700);flex-shrink:0;justify-content:center;align-items:center;font-size:1.375rem;display:flex}.list-card__name{color:var(--gray-900);font-size:1rem;font-weight:600}.list-card__chevron{color:var(--gray-400);flex-shrink:0;margin-left:auto;font-size:1.125rem}.empty-state{text-align:center;color:var(--gray-400);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state__icon{font-size:3rem;line-height:1}.empty-state__text{font-size:.9375rem}.category-section{margin-bottom:8px}.category-header{z-index:5;background:var(--gray-50);justify-content:space-between;align-items:center;padding:10px 4px 6px;display:flex;position:sticky;top:0}.category-header__name{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);font-size:.75rem;font-weight:700}.category-header__add{width:36px;height:36px;color:var(--green-600);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.625rem;line-height:1;transition:background .15s;display:inline-flex}.category-header__add:active{background:var(--green-100)}.item-list{flex-direction:column;gap:4px;display:flex}.item-row{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);background:#fff;align-items:center;gap:10px;padding:4px 8px;display:flex}.item-row__checkbox{appearance:none;border:2px solid var(--gray-300,#d1d5db);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:background .15s,border-color .15s;position:relative}.item-row__checkbox:checked{background:var(--green-500);border-color:var(--green-500)}.item-row__checkbox:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.item-row__fields{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.item-row__name-block{flex-direction:column;flex:1;min-width:120px;display:flex}.item-row__name{flex:1;min-width:120px;font-size:1rem}.item-row__french-name{color:var(--gray-400);padding:0 2px;font-size:.75rem;font-style:italic;line-height:1.4}.item-row--checked .item-row__french-name{text-decoration:line-through}.item-row__suggestion{color:var(--gray-500);align-items:center;gap:6px;padding:0 2px;font-size:.75rem;line-height:1.4;display:flex}.item-row__suggestion-accept{border:1px solid var(--green-500);color:var(--green-600);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;align-items:center;padding:1px 8px;font-family:inherit;font-size:.6875rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.item-row__suggestion-accept:active{background:var(--green-100)}.item-row__category{text-align:right;width:100px;max-width:30%;color:var(--gray-500);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239ca3af'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;flex:none;padding-right:18px;font-size:.8125rem}.item-row__category:focus{color:var(--gray-900)}.item-row--checked .item-row__name,.item-row--checked .item-row__category{color:var(--gray-400);text-decoration:line-through}.item-input{font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:1.5px solid #0000;border-radius:0;outline:none;padding:4px 2px;transition:border-color .15s}.item-input:focus{border-bottom-color:var(--green-500)}.item-input::placeholder{color:var(--gray-400)}.btn-delete{width:32px;height:32px;color:var(--gray-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;transition:background .15s,color .15s;display:inline-flex}.btn-delete:active{color:var(--red-600);background:#fee2e2}.btn-icon{width:40px;height:40px;color:var(--gray-500);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.375rem;transition:background .15s;display:inline-flex}.btn-icon:active{background:var(--gray-100)}.btn-info{width:36px;height:36px;color:var(--gray-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;transition:background .15s,color .15s;display:inline-flex}.btn-info:active{background:var(--gray-100);color:var(--gray-700)}.item-row__notes{color:var(--gray-500);padding:0 2px;font-size:.75rem;font-style:italic;line-height:1.4}.item-row--checked .item-row__notes{color:var(--gray-400);text-decoration:line-through}@keyframes item-highlight{0%{box-shadow:none;background:0 0}10%{background:#4ade802e;box-shadow:0 0 0 4px #4ade8040,0 0 16px 2px #4ade804d}to{box-shadow:none;background:0 0}}.item-highlight{border-radius:var(--radius-sm);animation:2.8s ease-out forwards item-highlight}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes backdrop-in{0%{background:0 0}to{background:#0006}}@keyframes backdrop-out{0%{background:#0006}to{background:0 0}}.item-modal{border-radius:var(--radius-lg);background:#fff;border:none;width:min(480px,100vw - 32px);margin:auto;padding:0;box-shadow:0 8px 32px #0000002e}.item-modal::backdrop{background:#0006}@media (width<=520px){.item-modal{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:90dvh;margin:0;animation:.3s cubic-bezier(.32,.72,0,1) sheet-up;position:fixed;inset:auto 0 0;overflow-y:auto}.item-modal.item-modal--closing{animation:.26s ease-in forwards sheet-down}.item-modal::backdrop{animation:.3s forwards backdrop-in}.item-modal.item-modal--closing::backdrop{animation:.26s forwards backdrop-out}}.item-modal__content{flex-direction:column;display:flex}.item-modal__header{border-bottom:1px solid var(--gray-100);align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.item-modal__title{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.125rem;font-weight:700;overflow:hidden}.item-modal__close{width:32px;height:32px;color:var(--gray-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:inline-flex}.item-modal__close:active{background:var(--gray-100)}.item-modal__body{flex-direction:column;gap:14px;padding:16px 20px;display:flex}.item-modal__row{align-items:center;gap:12px;display:flex}.item-modal__label{color:var(--gray-500);flex-shrink:0;width:80px;font-size:.8125rem;font-weight:600}.item-modal__value{color:var(--gray-900);font-size:.9375rem}.item-modal__value--muted{color:var(--gray-500);font-style:italic}.item-modal__select{color:var(--gray-900);border-bottom:1.5px solid var(--gray-200);flex:1;padding:4px 2px;font-size:.9375rem}.item-modal__select:focus{border-bottom-color:var(--green-500)}.item-modal__notes-section{flex-direction:column;gap:6px;display:flex}.item-modal__notes{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;color:var(--gray-900);resize:vertical;background:var(--gray-50);outline:none;padding:8px 10px;font-family:inherit;font-size:max(16px,.9375rem);transition:border-color .15s}.item-modal__notes:focus{border-color:var(--green-500);background:#fff}.item-modal__notes::placeholder{color:var(--gray-400)}.item-modal__row--spread{justify-content:space-between}.item-modal__label--normal{color:var(--gray-700);width:auto;font-size:.9375rem;font-weight:400}.toggle{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background:var(--gray-300,#d1d5db);border-radius:13px;width:44px;height:26px;transition:background .2s;position:relative}.toggle__track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle__track{background:var(--green-500)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.item-modal__suggestion-conflict{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.item-modal__suggestion-conflict-text{color:var(--gray-600);font-size:.8125rem}.item-modal__suggestion-override{color:var(--green-700);border:1px solid var(--green-500);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:background .15s;display:inline-flex}.item-modal__suggestion-override:active{background:var(--green-50)}.item-modal__footer{border-top:1px solid var(--gray-100);justify-content:flex-end;padding:12px 20px 16px;display:flex}.item-modal__delete{border-radius:var(--radius-sm);border:1px solid var(--red-500);color:var(--red-600);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.item-modal__delete:active{background:#fee2e2}.parse-name-wrapper{flex:1;min-width:120px;display:flex;position:relative}.parse-name-backdrop{pointer-events:none;border-bottom:1.5px solid #0000;padding:4px 2px;font-family:inherit;font-size:1rem;line-height:1.5;position:absolute;inset:0;overflow:hidden}.parse-name-backdrop__inner{white-space:pre;display:inline-block}.parse-name-input--focused{caret-color:var(--gray-900);color:#0000!important}.hi-quantity{color:#3b82f6}.hi-unit{color:var(--green-600)}.hi-name{color:var(--gray-900)}.hi-gap{color:var(--gray-400)}.update-prompt{background:var(--gray-900);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;white-space:nowrap;align-items:center;gap:12px;padding:10px 16px;font-size:.9375rem;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.update-prompt button{background:var(--green-500);color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:4px 12px;font-family:inherit;font-size:.875rem;font-weight:600}.login-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;width:100%;max-width:360px;padding:32px 28px}.login-card__header{color:var(--green-700);align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-card__title{color:var(--gray-900);font-size:1.375rem;font-weight:700}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-label{color:var(--gray-700);font-size:.8125rem;font-weight:600}.login-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-900);background:var(--gray-50);outline:none;padding:10px 12px;font-family:inherit;font-size:1rem;transition:border-color .15s}.login-input:focus{border-color:var(--green-500);background:#fff}.login-error{color:var(--red-600);border-radius:var(--radius-sm);background:#fee2e2;padding:8px 12px;font-size:.875rem}.login-btn{background:var(--green-600);color:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;margin-top:4px;padding:12px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s}.login-btn:active{background:var(--green-700)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.logout-btn{border-radius:var(--radius-sm);border:1px solid var(--gray-200);color:var(--gray-500);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.logout-btn:active{background:var(--gray-100);color:var(--gray-700)}.fab{background:var(--green-600);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:20;border:none;border-radius:28px;align-items:center;gap:8px;height:56px;padding:0 20px 0 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #16a34a73}.fab:active{background:var(--green-700);transform:scale(.97);box-shadow:0 2px 8px #16a34a59}.fab__icon{font-size:1.5rem;line-height:1}.tab-bar{border-top:1px solid var(--gray-200);z-index:30;background:#fff;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px 4px #0000000f}.tab-bar__tab{color:var(--gray-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:.6875rem;font-weight:500;transition:color .15s;display:flex}.tab-bar__tab--active{color:var(--green-600)}.page--with-tabs .page-content{padding-bottom:76px}.page--with-tabs .fab{bottom:76px}.sync-dot{z-index:40;pointer-events:none;border-radius:50%;width:8px;height:8px;transition:background-color .3s;position:fixed;bottom:71px;right:10px}.sync-dot--synced{background:var(--green-500)}.sync-dot--disconnected{background:var(--red-500)}.sync-dot--connecting{background:var(--amber-500)}.sync-dot--syncing{background:var(--amber-400);animation:1s ease-in-out infinite sync-dot-pulse}@keyframes sync-dot-pulse{0%,to{opacity:1}50%{opacity:.25}}.list-card__icon--recipe{color:#d97706;background:#fef3c7}.list-card__meta{color:var(--gray-400);margin-left:auto;margin-right:4px;font-size:.8125rem}.item-row__recipe-badge{color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);border-radius:10px;align-self:flex-start;align-items:center;gap:3px;padding:1px 6px 1px 4px;font-size:.6875rem;line-height:1.4;display:inline-flex}.item-row--checked .item-row__recipe-badge{color:var(--gray-400);border-color:var(--gray-200);background:0 0}.recipe-ingredient-row__note{color:var(--gray-500);resize:none;field-sizing:content;min-height:1.5em;padding:2px;font-size:.8125rem;font-style:italic;overflow:hidden}.recipe-empty-hint{color:var(--gray-400);padding:12px 4px;font-size:.875rem}.btn-icon--danger{color:var(--gray-400)}.btn-icon--danger:active{color:var(--red-600);background:#fee2e2}.recipe-picker{flex-direction:column;gap:6px;display:flex}.recipe-picker__item{border-radius:var(--radius-md);border:1px solid var(--gray-200);background:var(--gray-50);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.recipe-picker__item:active{background:var(--green-50);border-color:var(--green-200,#bbf7d0)}.recipe-picker__name{color:var(--gray-900);font-size:.9375rem;font-weight:600}.recipe-picker__count{color:var(--gray-400);font-size:.8125rem}.recipe-picker__empty{color:var(--gray-500);text-align:center;padding:8px 0;font-size:.9rem}.recipe-multiplier{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 2px 12px;display:flex}.recipe-multiplier__label{color:var(--gray-700);font-size:.9375rem;font-weight:600}.recipe-multiplier__controls{align-items:center;gap:12px;display:flex}.recipe-multiplier__btn{border:1.5px solid var(--gray-200);width:32px;height:32px;color:var(--gray-700);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.recipe-multiplier__btn:active{background:var(--green-50);border-color:var(--green-500)}.recipe-multiplier__value{color:var(--gray-900);text-align:center;min-width:32px;font-size:1.125rem;font-weight:700}.recipe-preview{flex-direction:column;gap:4px;display:flex}.recipe-preview__row{border-bottom:1px solid var(--gray-100);color:var(--gray-900);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;width:100%;padding:6px 2px;font-family:inherit;font-size:.9375rem;transition:opacity .15s;display:flex}.recipe-preview__row--deselected{opacity:.35;text-decoration:line-through}.recipe-preview__exists{color:var(--green-600);flex-shrink:0;align-items:center;display:flex}.recipe-add-btn{border-radius:var(--radius-sm);background:var(--green-600);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 20px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s;display:inline-flex}.recipe-add-btn:active{background:var(--green-700)}.photo-import-modal{width:min(560px,96vw);max-height:80vh}.photo-import-modal .item-modal__content{flex-direction:column;max-height:80vh;display:flex;overflow:hidden}.photo-import-modal__ingredients-header{border-bottom:1px solid var(--gray-200);padding:8px 16px 4px}.photo-import-modal__list{flex-direction:column;flex:1;gap:6px;padding:8px 16px;display:flex;overflow-y:auto}.photo-import-modal__list--disabled{opacity:.4;pointer-events:none}.photo-import-modal__row{align-items:center;gap:8px;display:flex}.photo-import-modal__fields{flex:1;gap:6px;min-width:0;display:flex}.photo-import-modal__qty{flex-shrink:0;width:72px}.photo-import-modal__name{flex:2;min-width:0}.photo-import-modal__note{min-width:0;color:var(--gray-500);flex:1}.photo-import-modal__remove{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--gray-400);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.photo-import-modal__remove:active{color:#dc2626;background:#fee2e2}.photo-import-modal__empty{color:var(--gray-500);text-align:center;padding:16px 0;font-size:.9rem}.photo-import-modal__meta{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.photo-import-modal__meta-row{color:var(--gray-700);cursor:pointer;align-items:baseline;gap:8px;font-size:.9rem;display:flex}.photo-import-modal__meta-row input[type=checkbox]{cursor:pointer;flex-shrink:0}.photo-import-modal .item-modal__footer{justify-content:flex-end;gap:10px;display:flex}.btn-primary{border-radius:var(--radius-sm);background:var(--green-600);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:active{background:var(--green-700)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{border-radius:var(--radius-sm);border:1.5px solid var(--gray-200);color:var(--gray-700);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:active{background:var(--gray-100);border-color:var(--gray-300)}.add-find-dialog{background:#fff;border:none;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100vh;margin:0;padding:0;animation:.2s ease-out add-find-in;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.add-find-dialog--closing{animation:.22s ease-in forwards add-find-out}.add-find-dialog::backdrop{background:0 0}@keyframes add-find-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes add-find-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width>=521px){.add-find-dialog{border-radius:var(--radius-lg);width:480px;height:min(520px,80dvh);box-shadow:var(--shadow-lg);animation:.18s ease-out add-find-in-desktop;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.add-find-dialog--closing{animation:.18s ease-in forwards add-find-out-desktop}.add-find-dialog::backdrop{background:#0006}@keyframes add-find-in-desktop{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes add-find-out-desktop{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(8px - 50%))}}}.add-find-dialog__inner{flex-direction:column;height:100%;display:flex;overflow:hidden}.add-find-dialog__header{border-bottom:1px solid var(--gray-100);flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.add-find-dialog__title{color:var(--gray-900);flex:1;font-size:1.125rem;font-weight:700}.add-find-dialog__search{border-bottom:1px solid var(--gray-100);flex-shrink:0;padding:12px 20px 8px}.add-find-dialog__search .parse-name-wrapper{width:100%}.add-find-dialog__search .item-input{width:100%;padding:6px 4px;font-size:1.125rem}.add-find-dialog__results{flex:1;padding:4px 0;overflow-y:auto}.add-find-dialog__add-new{border-top:1px solid var(--gray-100);flex-shrink:0;padding:12px 20px 16px}.add-find-result{border-bottom:1px solid var(--gray-100);flex-direction:column;gap:6px;padding:10px 20px;display:flex}.add-find-result:last-child{border-bottom:none}.add-find-result--checked{opacity:.55}.add-find-result__info{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.add-find-result__name{color:var(--gray-900);font-size:.9375rem;font-weight:600}.add-find-result__qty{color:var(--gray-500);font-size:.8125rem}.add-find-result__actions{flex-wrap:wrap;gap:8px;display:flex}.add-find-result__btn{border:1.5px solid var(--gray-300);color:var(--gray-700);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;padding:5px 12px;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .12s}.add-find-result__btn:active{background:var(--gray-100)}.add-find-result__btn--primary{border-color:var(--green-500);color:var(--green-700);background:var(--green-50)}.add-find-result__btn--primary:active{background:var(--green-100)}.add-find-modal__add-new-btn{border-radius:var(--radius-md);border:1.5px dashed var(--gray-300);width:100%;color:var(--green-700);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;padding:12px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .12s}.add-find-modal__add-new-btn:active{background:var(--green-50)}.recipe-tabs{border-bottom:1px solid var(--gray-200);z-index:9;background:#fff;gap:4px;padding:8px 16px;display:flex;position:sticky;top:56px}.recipe-tab{border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;padding:8px 4px;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .12s,color .12s}.recipe-tab--active{background:var(--green-50);color:var(--green-700);font-weight:600}.recipe-section{flex-direction:column;gap:16px;display:flex}.recipe-section__view{flex-direction:column;gap:12px;display:flex}.recipe-section__actions{flex-wrap:wrap;gap:8px;display:flex}.recipe-section__edit{flex-direction:column;display:flex}.recipe-section__empty{justify-content:center;padding:32px 0;display:flex}.recipe-section__empty-btn{border:1.5px dashed var(--gray-300);border-radius:var(--radius-md);width:100%;color:var(--gray-500);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;padding:16px;font-family:inherit;font-size:.9375rem}.recipe-markdown-editor{border:1.5px solid var(--gray-200);border-radius:var(--radius-md);resize:vertical;width:100%;min-height:320px;color:var(--gray-900);background:var(--gray-50);padding:12px;font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6}.recipe-markdown-editor:focus{border-color:var(--green-500);outline:none}.btn-sm{padding:6px 12px;font-size:.8125rem}.rte{z-index:100;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.rte-toolbar{border-bottom:1px solid var(--gray-200);background:var(--gray-50);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px;padding:6px 8px;display:flex}.rte-toolbar__btn{min-width:32px;height:32px;color:var(--gray-700);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;transition:background .1s,color .1s;display:inline-flex}.rte-toolbar__btn:hover{background:var(--gray-200)}.rte-toolbar__btn--active{background:var(--green-100);color:var(--green-700)}.rte-toolbar__btn:disabled{opacity:.3;cursor:default}.rte-toolbar__sep{background:var(--gray-200);flex-shrink:0;width:1px;height:20px;margin:0 4px}.rte-toolbar__label{font-family:inherit;font-size:.8125rem;font-weight:700}.rte-toolbar__actions{align-items:center;gap:8px;margin-left:auto;padding-left:8px;display:flex}.rte-editor{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.rte-content{min-height:100%;color:var(--gray-900);overflow-wrap:break-word;outline:none;padding:16px;font-size:1rem;line-height:1.7}@supports (-webkit-touch-callout:none){.rte-content{font-size:max(16px,1rem)!important}}.rte-content h1,.rte-content h2,.rte-content h3{margin-top:16px;margin-bottom:6px;font-weight:700;line-height:1.3}.rte-content h1:first-child,.rte-content h2:first-child,.rte-content h3:first-child{margin-top:0}.rte-content h1{font-size:1.375rem}.rte-content h2{font-size:1.125rem}.rte-content h3{font-size:1rem}.rte-content p{margin-bottom:10px}.rte-content p:last-child{margin-bottom:0}.rte-content ul,.rte-content ol{margin-bottom:10px;padding-left:24px}.rte-content li{margin-bottom:3px}.rte-editor ul[data-type=taskList]{padding-left:4px;list-style:none!important}.rte-editor ul[data-type=taskList] ul[data-type=taskList]{margin-top:3px;margin-bottom:0;padding-left:24px}.rte-editor ul[data-type=taskList]>li{align-items:flex-start;gap:8px;display:flex!important}.rte-editor ul[data-type=taskList]>li>label{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;height:1.7em;display:inline-flex!important}.rte-editor ul[data-type=taskList]>li>label input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--green-600);flex-shrink:0}.rte-editor ul[data-type=taskList]>li>div{min-width:0;flex:1!important}.rte-content strong{font-weight:700}.rte-content em{font-style:italic}.rte-content code{background:var(--gray-100);border-radius:4px;padding:1px 4px;font-family:Courier New,Courier,monospace;font-size:.875em}.markdown-view{color:var(--gray-900);overflow-wrap:break-word;line-height:1.7}.markdown-view h1,.markdown-view h2,.markdown-view h3{margin-top:20px;margin-bottom:8px;font-weight:700;line-height:1.3}.markdown-view h1{font-size:1.375rem}.markdown-view h2{font-size:1.125rem}.markdown-view h3{font-size:1rem}.markdown-view p{margin-bottom:12px}.markdown-view ul,.markdown-view ol{margin-bottom:12px;padding-left:24px}.markdown-view li{margin-bottom:4px}.markdown-view li input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--green-600);margin-right:6px}.markdown-view strong{color:var(--gray-900);font-weight:700}.markdown-view em{color:var(--gray-500);font-style:italic}.markdown-view code{background:var(--gray-100);border-radius:4px;padding:1px 4px;font-family:Courier New,Courier,monospace;font-size:.875em}.markdown-view blockquote{border-left:3px solid var(--gray-200);color:var(--gray-500);margin-bottom:12px;padding-left:12px}.recipe-attachments{border-top:1px solid var(--gray-200);padding-top:16px}.recipe-attachments__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.recipe-attachments__title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:600}.recipe-attachments__add-btn{color:var(--green-700);cursor:pointer;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:.8125rem;font-weight:500}.recipe-attachments__empty{color:var(--gray-400);font-size:.875rem;font-style:italic}.recipe-attachments__list{flex-direction:column;gap:6px;list-style:none;display:flex}.recipe-attachments__row{align-items:center;gap:8px;display:flex}.recipe-attachments__icon{color:var(--gray-400);flex-shrink:0}.recipe-attachments__filename{color:var(--green-700);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.875rem;text-decoration:none;overflow:hidden}.recipe-attachments__filename:hover{text-decoration:underline}.recipe-attachments__delete-btn{color:var(--gray-400);cursor:pointer;border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.recipe-attachments__delete-btn:hover{color:var(--red-500)}