@font-face{font-family:Forta;src:url(/assets/forta-BziGzlVo.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}button,a.btn-unstyled{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.btn{font-size:1rem;font-family:inherit;cursor:pointer;border:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-unstyled{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center}.btn-standard{padding:.5rem;background:var(--color-background-secondary);color:var(--color-text-strong);border:var(--border-width) solid var(--color-text-primary);box-shadow:0 .125rem .5rem var(--color-shadow);border-radius:var(--border-radius)}.btn-action{padding:.75rem 1.5rem;font-weight:600;min-width:6rem;border-radius:var(--border-radius)}.btn-primary{background:var(--color-text-primary);color:var(--color-surface-primary);box-shadow:0 .125rem .25rem var(--shadow-black)}.btn-primary:hover:not(:disabled){background:var(--color-border-medium);box-shadow:0 .25rem .5rem var(--shadow-black)}.btn-primary:disabled{background:var(--color-border-medium);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{color:var(--color-text-primary);border:var(--border-width-thick) dashed var(--color-text-primary);padding:.5rem;background:var(--color-surface-primary)}.btn-secondary:hover{border-style:solid}.btn-tertiary{color:var(--color-text-primary);border:var(--border-width-thick) dashed var(--color-text-primary);padding:.375rem .75rem;font-size:1rem;gap:.375rem;background:transparent;border-radius:var(--border-radius);font-weight:500}.btn-tertiary:hover{border-style:solid}.btn-tertiary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-surface-primary);color:var(--color-error);border:var(--border-width-thick) dashed var(--color-error)}.btn-danger:hover{background:var(--color-error);color:var(--color-surface-primary);box-shadow:0 .25rem .5rem var(--shadow-black)}.btn-danger:disabled{opacity:.5;color:var(--color-error);cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{padding:.5rem;background:none;border:none}.btn-icon-neutral{color:var(--color-text-primary)}.btn-icon-neutral:hover{transform:translateY(-1px);color:var(--color-danger)}.btn-icon-neutral.selected{color:var(--color-danger-dark)}.btn-icon-green{color:var(--color-success)}.btn-icon-red{background:none;border:none;border-radius:var(--border-radius);color:var(--color-danger)}.btn-icon-remove{color:var(--color-error);flex-shrink:0}.btn-icon-right{color:var(--color-text-primary);padding:.25rem;position:absolute;right:.5rem}.btn-icon-green:hover,.btn-icon-remove:hover,.btn-icon-red:hover{transform:translateY(-1px)}.btn-icon-right:hover{color:var(--color-danger-dark)}.back-arrow-left{left:0;position:absolute;cursor:pointer}.back-arrow{cursor:pointer}.auth-container .back-arrow{color:var(--color-text-primary)}.btn-section{background:none;color:var(--color-text-strong);border:none;font-weight:500;font-size:.9rem}.btn-section:hover{color:var(--color-text-primary)}@media (max-width: 768px){.btn-action{padding:.75rem .6rem;font-size:.9rem}.back-arrow{left:1.25rem}.btn-section{padding:.375rem .625rem}.btn-tertiary{font-size:.9rem}}.input{padding:.5rem .75rem;border-radius:var(--border-radius);font-size:1rem;font-family:inherit;color:var(--color-text-strong);background:var(--color-surface-primary);border:var(--border-width) solid var(--color-text-strong);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;min-width:0;word-break:break-word;overflow-wrap:break-word}.input:focus{outline:none;border-color:var(--color-danger-dark)}.input:invalid{color:var(--color-text-secondary)}.input--secondary{background:var(--color-background-secondary);padding:.5rem}.input--secondary:focus{border-color:var(--color-text-strong)}.input--edit{box-shadow:0 .0625rem .1rem var(--color-shadow);border:var(--border-width) solid var(--color-border-light)}.input--edit:focus{border-style:dashed}.input--full-width{width:100%}.input--borderless{background:none;border:none}.input--textarea{resize:none;height:auto;overflow-y:hidden}.input--password{padding-right:2.5rem}.input--error{border-width:.1rem;border:.1rem dashed var(--color-error);border-radius:var(--border-radius)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 .2rem var(--color-error-shadow)}.input:disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.input:disabled::-webkit-outer-spin-button,.input:disabled::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input,.input-with-icon .relative-center{width:100%}.input-with-icon svg{position:absolute;left:.75rem;color:var(--color-text-strong);z-index:var(--z-content)}.input-with-icon input,.input--with-icon{padding-left:2.5rem}.input-with-icon .input--password{padding-right:2.5rem}.input-with-icon .btn-icon-right svg{position:static;left:auto;z-index:var(--z-content)}.floating-label-input{position:relative;min-width:18rem}.floating-label-input input{padding:1.2rem .75rem .5rem;transition:all .2s ease;min-width:18rem}.floating-label-input label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:1rem;pointer-events:none;transition:all .2s ease;background:transparent}.floating-label-input input:focus+label{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--color-danger-dark)!important}.floating-label-input input:not(:placeholder-shown)+label{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--color-text-strong)}.floating-label-input .relative-center:has(input:focus)+label{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--color-danger-dark)!important}.floating-label-input .relative-center:has(input:not(:placeholder-shown))+label{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--color-text-strong)}.floating-label-input .relative-center input{padding:1.2rem 2.5rem .5rem .75rem}.floating-label-input input:focus{border-color:var(--color-danger-dark)}.input-with-icon.floating-label-input label{left:2.5rem}.input-with-icon.floating-label-input input{padding-left:2.5rem}.input-with-icon.floating-label-input input:focus+label,.input-with-icon.floating-label-input input:not(:placeholder-shown)+label,.input-with-icon.floating-label-input .relative-center:has(input:focus)+label,.input-with-icon.floating-label-input .relative-center:has(input:not(:placeholder-shown))+label{left:2.5rem}@media (max-width: 768px){.input{padding:.5rem}}.confirmation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;animation:fadeIn .15s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.confirmation-modal-content{background:var(--color-surface-primary);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 1rem 3rem var(--color-shadow);max-width:90vw;max-height:90vh;min-width:20rem}.confirmation-modal-title{color:var(--color-text-strong);font-family:forta;margin-bottom:1rem;font-size:1.25rem;font-weight:600;gap:.5rem}.confirmation-modal-message{color:var(--color-text-strong);margin:0 0 1rem;font-weight:500}.confirmation-modal-secondary-message{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.9rem;font-weight:400}.confirmation-checkbox-wrapper{margin-bottom:1rem}.confirmation-checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.9rem;gap:.5rem}.confirmation-checkbox-text{-webkit-user-select:none;user-select:none}.warning-notice{background-color:var(--color-error-background);border:1px solid var(--color-danger);border-radius:var(--border-radius);padding:.75rem 1rem;color:var(--color-danger-dark);font-size:.9rem}.share-url-container{margin-bottom:1rem;display:flex;gap:.5rem;align-items:center}.share-url-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-strong)}.share-url-input{flex:1;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--text-primary);min-width:0;width:100%;word-break:break-all;white-space:normal}.share-copy-button{display:flex;align-items:center;gap:.25rem;color:var(--color-text-strong);padding:.5rem}.share-error-box{padding:.75rem;background-color:var(--color-error-background);border:1px dashed var(--color-error);border-radius:6px;color:var(--color-error);margin-bottom:1rem}@media (max-width: 768px){.confirmation-modal-content{min-width:16rem;margin:.5rem}.share-url-input{font-size:.9rem}}:root{background-color:var(--color-background-primary);color-scheme:light dark;font-family:Gabarito,sans-serif;--font-forta: "Forta", sans-serif;font-style:normal;font-weight:400;font-optical-sizing:auto;font-variation-settings:"wdth" 100;line-height:1.5;color:var(--color-text-strong);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}ol,ul{margin-top:.5rem;margin-bottom:.5rem}ul{padding:0;list-style:none}h1,h2,h3,h4{margin:0}h1{font-size:2rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h1.forta-red{font-family:var(--font-forta);color:var(--color-danger-dark);line-height:1}h1.forta{font-family:var(--font-forta);font-size:1.5rem}h1.forta-small{font-family:var(--font-forta);font-size:1.1rem}h2.forta{font-family:var(--font-forta);font-size:1rem}h2.forta-red{font-family:var(--font-forta);color:var(--color-danger-dark);font-size:1rem}h2.forta-small,h3.forta{font-family:var(--font-forta);font-size:.9rem}.link{cursor:pointer;margin:0}.link:hover{color:var(--color-danger)}.link-red{color:var(--color-danger-dark);word-break:break-word;overflow-wrap:break-word}.error-message-small{color:var(--color-error);font-size:.8rem}.error-message{color:var(--color-error);font-size:1rem}.grey-small{color:var(--color-text-secondary);font-size:.9em}.red-small{font-size:.9rem;color:var(--color-danger-dark);font-weight:500;line-height:1}.bold-small{font-weight:600;color:var(--color-text-strong);font-size:1rem}@media (max-width: 768px){h1{font-size:1.5rem}.bold-small{font-size:.9rem}}:root{--color-surface-primary: white;--color-text-secondary: grey;--color-placeholder: #999;--color-background-primary: #f2e7d2;--color-background-secondary: #fffbf4;--color-background-overlay: #fffbf4da;--color-background-tertiary: #fdf8f0;--color-border-light: #523f1955;--color-border-medium: #523f19bf;--color-text-primary: #55443c;--color-text-strong: #342a24;--color-danger: #933c1f;--color-danger-dark: #7e341b;--color-error: #c03636;--color-error-background: #f8e8e8;--color-accent: #c58293a4;--color-success: #2a905d;--color-shadow: #0000000d;--color-error-shadow: #ef444411;--font-size-small: .8rem;--font-size-base: 1rem;--font-size-lg: 2rem;--z-content: 1;--z-dropdown: 10;--z-header: 100;--z-modal: 1000;--border-radius: .5rem;--border-width: .0625rem;--border-width-thick: .1rem}[data-theme=dark]{--color-background-primary: #342a24;--color-text-primary: #ccb3a3;--color-placeholder: #b6a991;--color-background-secondary: #342a24;--color-text-strong: #d4c2b3;--color-background-overlay: #55443c4c;--color-surface-primary: #342a24;--color-text-secondary: #b6a991;--color-background-tertiary: #3a2f28;--color-border-medium: #a08777bf;--color-border-light: #a0877755;--color-danger: #b54545;--color-danger-dark: #b54545;--color-error: #d66666;--color-error-background: #3a302e;--color-accent: #8b6b7aa4;--color-success: #4db380;--color-shadow: #00000033;--color-error-shadow: #e5737322}::placeholder{color:var(--color-placeholder);opacity:1}::-webkit-input-placeholder{color:var(--color-placeholder)}::-moz-placeholder{color:var(--color-placeholder);opacity:1}.card{background:var(--color-background-overlay);border-radius:var(--border-radius);box-shadow:0 .25rem .375rem var(--color-shadow);overflow:hidden;margin:.5rem auto;border:1px solid var(--color-text-primary)}.card-recipe{padding:2rem;min-width:40rem;width:50vw}.card-grocery{padding:2rem 3rem;min-width:30vw;max-width:-webkit-fill-available}.card-form{padding:2rem 3rem;max-width:50rem;width:-webkit-fill-available}.card-settings{padding:2rem 3rem;min-width:30vw;max-width:-webkit-fill-available;position:relative}.page-centered{display:flex;justify-content:center;align-items:center;min-height:70vh;flex-direction:column;gap:1rem}.page-centered.no-gap{gap:0}.welcome-card{padding:.5rem 1rem}.page-header{display:flex;gap:.5rem;padding-bottom:1rem;position:relative;justify-content:center;align-items:center;color:var(--color-text-primary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-column-center{display:flex;flex-direction:column;align-items:center}.flex-row{display:flex;align-items:center}.relative-center{position:relative;display:flex;align-items:center}.relative{position:relative}.form-group{margin-bottom:1rem}.mt-1{margin-top:1rem}.auth-form,.auth-container{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-direction:column;position:relative}.form-header{display:flex;justify-content:flex-start;margin:.75rem 0 .25rem .25rem}.form-header.flex-between{justify-content:space-between}.action-buttons{display:flex;gap:1rem;justify-content:center}.action-buttons-end{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.action-buttons-bordered{display:flex;gap:.1rem;justify-content:center;border:2px solid var(--color-danger);border-radius:var(--border-radius);padding:.2rem}.action-buttons-absolute{display:flex;gap:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;z-index:var(--z-content)}.action-buttons-icon{display:flex;justify-content:center;padding-top:.5rem}.input-validation-wrapper{display:flex;flex-direction:column;align-items:center}.subheading-wrapper{margin:.5rem 1rem;color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:color .2s}.subheading-wrapper.selected{color:var(--color-danger)}@media (hover: hover){.subheading-wrapper:hover{color:var(--color-danger)}}@media (max-width: 768px){.form-group{margin-bottom:.5rem}.btn-icon-wrapper{padding:.5rem}.action-buttons-end.edit{justify-content:center}.card-grocery,.card-form{min-width:-webkit-fill-available;padding:1.25rem}.card-recipe{padding:1.5rem;width:-webkit-fill-available;min-width:0}.card-settings{padding:2rem;width:-webkit-fill-available}}#root{margin:0;padding:0;min-height:100vh;min-width:22rem}.app{max-width:1280px;margin:0 auto;padding:1rem 2rem 2rem;display:flex;flex-direction:column;text-align:center;box-sizing:border-box}@media (max-width: 768px){.app{padding:.75rem}}.sort-buttons{display:flex;align-items:center;gap:.8rem;justify-content:center}@media (min-width: 769px){.sort-buttons{position:absolute;left:0;top:50%;transform:translate(-100%,-50%);margin-left:-1rem}}.header{margin:0;top:0;position:sticky;background-color:var(--color-background-primary);z-index:var(--z-header)}.header-container{height:5rem;position:relative}.header h1{font-family:var(--font-forta);font-size:3rem;color:var(--color-text-primary);cursor:pointer;font-optical-sizing:auto;user-select:none;-webkit-user-select:none;line-height:1}.first-name{font-size:1rem;color:var(--color-text-primary);line-height:1;font-family:var(--font-forta)}.title-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center}.site-title{font-family:var(--font-forta);font-size:3rem;color:var(--color-text-primary);cursor:pointer;font-optical-sizing:auto;user-select:none;-webkit-user-select:none;line-height:1;background:none;border:none;padding:0;margin:0}.header-logo,.header-logo-2{color:var(--color-text-primary)}.header-logo-2{color:var(--color-border-medium);transform:scaleX(-1)}.logo-language-wrapper{display:flex;gap:1.5rem;align-items:center}.language-wrapper{display:flex;align-items:center;gap:.25rem}.language{cursor:pointer;transition:color .2s}.language:hover,.language.selected{color:var(--color-danger-dark)}.language.disabled{color:var(--color-border-medium);opacity:.5}.language.disabled:hover{color:var(--color-border-medium)}.language.selected.disabled{color:var(--color-danger-dark);opacity:.7}.language.selected.disabled:hover{color:var(--color-danger-dark)}.header-nav{display:flex;align-items:center;gap:.5rem}.mobile-nav{display:none;align-items:center}.nav-menu-wrapper,.user-icon-wrapper{position:relative;display:flex;align-items:center}.dropdown{top:120%;position:absolute;background:var(--color-background-secondary);border:var(--border-width) dashed var(--color-text-strong);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;z-index:var(--z-dropdown);overflow-y:auto;left:50%;transform:translate(-50%)}.dropdown-content{padding:.25rem;display:flex;flex-direction:column;gap:0;align-items:center}.dropdown-item{display:flex;align-items:center;padding:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-strong);border-radius:var(--border-radius);transition:all .15s ease;text-align:center;font-family:inherit}.dropdown-item:hover,.dropdown-item.selected{color:var(--color-danger-dark);font-weight:500}.dropdown-header{padding:.5rem .75rem;font-weight:500;color:var(--color-text-primary);border-bottom:var(--border-width) solid var(--color-text-strong);margin-bottom:.25rem}.search-bar-wrapper{display:flex;justify-content:center;margin:.5rem 1rem;padding:.5rem;margin:0;border-radius:var(--border-radius);align-items:center}.search-and-sort-container{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.search-bar{display:flex;width:100%;max-width:500px;justify-content:center}.search-input-with-icon{padding-right:2rem!important;flex:1}.btn-search{position:absolute;right:0}@media (max-width: 768px){.header-container{flex-direction:row;height:auto;padding:.75rem 1rem;align-items:center;justify-content:space-between}.desktop-nav,.language-wrapper{display:none}.dropdown .language-wrapper{display:flex}.search-and-sort-container{flex-direction:column;gap:.75rem}.mobile-nav{display:flex}.header-logo,.header-logo-2{width:2rem;height:2rem}.login-wrapper{display:flex;align-items:center;gap:1rem}.login-wrapper .language-wrapper,.login-wrapper button{display:none}.login-wrapper>div:first-child{display:flex}.search-bar-wrapper{margin:0}.site-title{font-size:2rem}.first-name{font-size:.8rem}.header .btn-icon{padding:.3rem}}.categories-wrapper{padding-bottom:1rem;overflow-x:auto;display:block;flex-flow:row nowrap}.recipe-card{border:var(--border-width) solid var(--color-text-primary);display:flex;flex-direction:column;border-radius:var(--border-radius);background-color:var(--color-background-secondary);box-shadow:0 .125rem .5rem var(--color-shadow);overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out;position:relative;justify-content:space-between}.recipe-card:hover .recipe-card-title{color:var(--color-danger-dark)}.recipe-card-title{margin:.3rem 1.5rem}.recipe-card-link{position:absolute;right:.3rem;color:var(--text-muted);transition:color .2s ease;justify-content:center}.recipe-card-link:hover{color:var(--color-danger-dark)}.recipe-image-container{position:relative;height:clamp(100px,12vw,150px);width:-webkit-fill-available;margin:.5rem;margin-top:0;border-radius:var(--border-radius);overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.recipe-image.loading{opacity:.3}.recipe-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-content);color:var(--color-text-primary)}.loading-acorn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:70vh;stroke:var(--color-text-primary)}.loading-acorn-small{min-height:auto!important}.acorn-icon{animation:bounce 1.4s ease-in-out infinite both}.acorn-1{animation-delay:-.32s}.acorn-2{animation-delay:-.16s}.acorn-3{animation-delay:0s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-squirrel{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-squirrel svg{color:var(--color-text-primary);width:5rem;height:5rem}.image-loading-container{position:relative;display:block;width:100%}.image-loading-container img.loading{opacity:.3!important;transition:none!important}.image-loading-container .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:var(--z-content);color:var(--color-text-primary)}.modal-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:pointer;color:var(--color-background-secondary)}.recipe-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;justify-content:start;flex-wrap:wrap;overflow-y:auto}@media (max-width: 768px){.recipe-list{grid-template-columns:repeat(2,1fr)}}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;padding:1rem}.page-numbers{display:flex;align-items:center;gap:1rem}.pagination .btn-page{font-size:.875rem;font-weight:500;background:var(--color-background);color:var(--color-text);transition:none}.btn-page:hover,.btn-page.active{color:var(--color-danger-dark)}.btn-page.active{border:2px solid var(--color-danger-dark);border-radius:var(--border-radius)}.page-ellipsis{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.875rem}@media (max-width: 768px){.pagination{gap:.25rem;margin:1rem 0;padding:.5rem}}.image-upload-container{margin-bottom:1rem}.image-upload-area{border:var(--border-width) dashed var(--color-text-primary);border-radius:var(--border-radius);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-background-secondary)}.image-upload-area:hover,.image-upload-area.drag-over{border-color:var(--color-danger-dark);background:var(--color-error-background)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem;overflow:hidden}.image-upload-container{overflow:hidden}.image-preview-item{position:relative;border-radius:var(--border-radius);overflow:hidden;border:var(--border-width) solid var(--color-border-light);transition:all .2s ease}.image-preview-item.is-main{border-color:var(--color-danger-dark)}.image-preview{width:100%;height:150px;object-fit:cover;cursor:pointer;display:block}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease}.image-preview-item:hover .image-overlay{opacity:.8}.image-preview-item:hover{border:var(--border-width) dashed var(--color-danger-dark)}.image-action-btn{color:var(--color-danger)!important}.image-action-btn:hover{transform:translateY(-1px)}.main-image-badge{position:absolute;top:.5rem;left:.5rem;background:var(--color-danger-dark);color:var(--color-surface-primary);padding:.25rem .5rem;border-radius:var(--border-radius);font-size:var(--font-size-small);font-weight:600}.hidden-input{display:none}@media (max-width: 768px){.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview{height:120px}.upload-hint{display:none}}.recipe-link-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.recipe-link-dropdown{background:var(--color-surface-primary);border:var(--border-width) dashed var(--color-danger-dark);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;position:relative}.recipe-link-dropdown-header{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-bottom:var(--border-width) dashed var(--color-danger-dark)}.recipe-link-dropdown-header h3{font-size:1.1rem;font-weight:500;color:var(--color-danger-dark)}.recipe-search-container{padding:.75rem 1rem;border-bottom:var(--border-width) dashed var(--color-danger-dark)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--color-text-light);z-index:1}.recipe-search-input{padding-left:2.5rem!important}.recipe-list-container{flex:1;overflow-y:auto;min-height:0;margin:.5rem 1rem}.recipe-list-container:last-child{margin-bottom:.75rem}.recipe-item{margin-top:.75rem;border:none;background:none;text-align:left;cursor:pointer;transition:all .15s ease}.recipe-item:hover .bold-small{color:var(--color-danger)}@media (max-width: 768px){.recipe-link-dropdown-overlay{padding:2rem .5rem .5rem;align-items:flex-start}.recipe-link-dropdown{max-height:85vh;width:100%;max-width:none}.recipe-link-dropdown-header,.recipe-search-container{padding:.5rem .75rem}}.selector{position:relative;width:100%}.selector-input{padding-right:1.5rem!important}.selector-chevron{position:absolute;right:.5rem;color:var(--color-text-strong);cursor:pointer;transition:transform .2s ease;pointer-events:none}.selector-chevron{pointer-events:auto}.selector-chevron.open{transform:rotate(180deg)}.selector-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-surface-primary);border:var(--border-width) dashed var(--color-danger-dark);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 12px #0000001a;z-index:var(--z-dropdown);max-height:200px;overflow-y:auto}.selector-option{padding:.1rem;cursor:pointer;transition:background-color .15s ease}.selector-option:hover,.selector-option.selected{color:var(--color-danger-dark);font-weight:500}.selector-input:focus{border-bottom-left-radius:0;border-bottom-right-radius:0}.edit button:first-child{margin-right:auto}.translation-disabled{opacity:.6!important;cursor:not-allowed!important;position:relative}.translation-disabled input,.translation-disabled button,.translation-disabled .input{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.translation-disabled button{opacity:.3!important}.title-servings-row{display:flex;gap:1rem;align-items:flex-start}.title-field{flex:1}.servings-field{width:100px;flex-shrink:0}.form-categories-wrapper{padding:.5rem}.section-title-input{flex:1;font-weight:500}.ingredient-list{gap:.5rem;transition:background-color .2s ease;margin-bottom:.5rem}.ingredient-section{border-radius:var(--border-radius);transition:all .2s ease}.ingredient-section.dragging,.ingredient-row.dragging{background-color:var(--color-background-secondary)}.ingredient-row{display:grid;grid-template-columns:auto 2fr 1fr 1fr 2fr auto auto;gap:.5rem;align-items:center;border-radius:var(--border-radius);transition:all .2s ease;max-width:100%}.ingredient-content,.ingredient-details{display:contents}.drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-text-primary)}.drag-handle:active{cursor:grabbing}.instructions-list{gap:.5rem}.instruction-row{display:grid;grid-template-columns:auto 1fr auto;gap:.25rem;align-items:stretch}.step-number{font-weight:600;min-width:.8rem;padding:.25rem;padding-bottom:0}.source-input-wrapper{display:flex;align-items:center;gap:.25rem}.source-toggle{flex-shrink:0;color:var(--color-text-strong);transition:color .2s ease}.source-toggle:hover{color:var(--color-danger)}.btn-icon-link{color:var(--color-text-primary);transition:all .2s ease;border:2px dashed transparent!important;border-radius:var(--border-radius);padding:.3rem!important}.btn-icon-link:hover{color:var(--color-danger)}.btn-icon-link.linked{color:var(--color-danger);border-color:var(--color-danger)!important}.btn-icon-link .link-hover,.btn-icon-link.linked .link-hover,.btn-icon-link.linked:hover .link-default{display:none}.btn-icon-link.linked:hover .link-hover{display:block}@media (max-width: 768px){.title-servings-row{flex-direction:column;gap:0}.servings-field,.title-field{width:100%}.ingredient-row{display:flex;align-items:baseline;gap:.25rem}.ingredient-content{display:flex;flex-direction:column;gap:.25rem}.ingredient-content>input:first-child,.ingredient-content .flex-row{order:-1}.ingredient-content>input:first-child{flex:1}.ingredient-content .flex-row{flex-shrink:0}.ingredient-content{display:flex;flex-direction:row;align-items:center;gap:.25rem;flex-wrap:wrap}.ingredient-details{flex-basis:100%;order:1}.ingredient-details{display:flex;gap:.25rem;align-items:center;display:grid;grid-template-columns:1.5fr 2fr 2fr}}.grocery-view-item{gap:.5rem;max-width:100%;overflow:hidden}.grocery-list{display:flex;flex-direction:column;max-width:45rem;width:100%;margin:0 auto;gap:.5rem}.grocery-edit-item{max-width:100%;width:100%;gap:.5rem;display:grid;grid-template-columns:3fr 1fr 1fr 2fr auto;align-items:start}.item-name{font-weight:500;color:var(--color-text-strong);word-break:break-word;overflow-wrap:break-word;max-width:100%}.item-content{display:contents}.item-details{display:contents;word-break:break-word;overflow-wrap:break-word}.checked{opacity:.6;text-decoration:line-through}@media (max-width: 768px){.grocery-edit-item{display:flex;align-items:flex-start;gap:.5rem}.item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.item-details{display:flex;align-items:center;gap:.25rem}}.password-requirements{margin-top:.5rem;padding:.5rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border-medium)}.password-requirement{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.password-requirement:last-child{margin-bottom:0}.requirement-icon{flex-shrink:0}.requirement-icon.met{color:var(--color-success)}.requirement-icon.unmet{color:var(--color-error)}.requirement-text{color:var(--color-text-strong)}.password-requirement.met .requirement-text{color:var(--color-success);font-weight:500}.password-requirement.unmet .requirement-text{color:var(--color-border-medium)}.recipe-container{text-align:left}.shared-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-error-background);border:1px solid var(--color-danger-dark);border-radius:var(--border-radius);color:var(--color-danger-dark);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.recipe-subheading{margin-top:.5rem;gap:.5rem;flex-wrap:wrap;display:flex;align-items:baseline}.flex-row.recipe-subheading{align-items:center}.ingredient-list-display{padding:0;margin:0;list-style:none}.ingredient{display:flex;align-items:baseline;gap:.5rem}.ingredient label{word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0;transition:text-decoration .2s ease}.ingredient input[type=checkbox]:checked+label{text-decoration:line-through;opacity:.6}.ingredient-measurement{font-weight:600}.ingredient-notes{color:var(--color-text-secondary)}.cart-container{position:relative;gap:.5rem}.cart-counter{position:absolute;top:-2px;right:-2px;color:var(--color-danger-dark);font-size:12px;font-weight:700}.section-subheading{font-weight:600;margin-top:.5rem;font-size:1rem;word-break:break-word;overflow-wrap:break-word}.recipe-layout{display:block}.recipe-content{min-width:0}.recipe-images-float{position:relative;float:none;width:100%;margin:1rem 0;clear:right}.recipe-images-float .image-gallery{width:100%}.images-loading-overlay{position:absolute;top:-1rem;left:-1rem;right:-1rem;bottom:-1rem;background:var(--color-background-tertiary);display:flex;align-items:center;justify-content:center;z-index:var(--z-content);transition:opacity .3s ease-out}.ingredient-name-linked{color:var(--color-danger-dark);text-decoration:underline;text-decoration-color:var(--color-danger-dark);text-decoration-thickness:2px;text-underline-offset:2px;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s ease}.ingredient-name-linked:hover{color:var(--color-danger)}.link-icon{flex-shrink:0}@media (max-width: 768px){.ingredient-name-linked{gap:.125rem}.link-icon{width:10px;height:10px}}.main-image-wrapper{height:clamp(200px,30vw + 100px,350px)}.main-image{width:-webkit-fill-available;height:100%;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;border:1px solid var(--color-background-primary);-webkit-tap-highlight-color:transparent;display:block}.main-image:hover{transform:scale(1.02)}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;width:100%;box-sizing:border-box}.thumbnail-container{position:relative;height:60px}.thumbnail{width:100%;height:60px;object-fit:cover;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;border:var(--border-width-thick) solid var(--color-background-secondary);-webkit-tap-highlight-color:transparent}.thumbnail:hover{border-color:var(--color-danger-dark)}.thumbnail.active{border-color:var(--color-danger-dark);border-width:var(--border-width-thick)}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:pointer;padding:2rem}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius)}.close-modal{position:absolute;top:1rem;right:1rem;color:var(--color-background-secondary)!important;border:none;border-radius:50%;padding:.5rem;cursor:pointer}@media (max-width: 768px){.image-loading-overlay{height:200px}.thumbnail-container,.thumbnail{height:45px}.image-modal{padding:1rem}}.profile-settings{display:flex;flex-direction:row;gap:1rem}.profile-settings-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.profile-settings-header{display:flex;gap:.5rem;margin:.75rem 0 .25rem .25rem}.header-row{flex-direction:row;align-items:flex-start;display:flex;gap:.5rem}.profile-settings-actions{display:flex;gap:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;z-index:var(--z-content)}.profile-settings .input:focus{border-color:var(--color-text-strong)}.profile-settings .input--error{border-width:var(--border-width)}.error-message-absolute{position:absolute;top:100%;left:.25rem;z-index:var(--z-content)}.profile-settings .floating-label-input input{padding-right:2.5rem}.profile-settings-check{position:absolute;right:2rem}.profile-settings-cancel{position:absolute;right:.5rem}.profile-settings-language-container{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 0;width:12rem}.profile-settings-language-container .profile-settings-language-actions{position:absolute;right:0}.profile-settings-container{display:flex;gap:1rem;justify-content:center;align-items:center;flex-direction:column;position:relative}.settings-tabs{display:flex;margin-top:.5rem;gap:2rem;justify-content:center}.tab-button{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-primary);font-size:.9rem;font-weight:400;font-family:forta}.tab-button.active{color:var(--color-danger)}@media (hover: hover){.tab-button:hover{color:var(--red)}}.tab-button.active{border-bottom:2px solid var(--color-danger)}.success-message-wrapper{text-align:center;min-height:2rem;display:flex;align-items:center;justify-content:center}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-background-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius);cursor:grab;transition:all .2s ease}.category-item:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-medium)}.category-item.category-hidden{opacity:.6;background-color:var(--color-background-overlay)}.category-item:active{cursor:grabbing}.category-info{flex:1;display:flex;align-items:center;gap:.5rem}.category-system-badge{background-color:var(--color-border-light);color:var(--color-text-primary);padding:.125rem .375rem;border-radius:.25rem;font-size:.7rem;text-transform:uppercase;font-weight:500}.category-visibility-toggle{color:var(--color-text-primary);transition:color .2s ease}.category-visibility-toggle:hover{color:var(--color-text-strong)}.add-category-section{margin-top:1rem}.category-info .input{flex:1;margin:0;min-height:auto;height:auto;padding:.375rem .5rem}.category-name-display{display:flex;align-items:center;flex:1}.category-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.category-error{margin-top:.25rem}.preferences-message{text-align:center;padding:.5rem}@media (max-width: 768px){.profile-settings{flex-direction:column;gap:.5rem}.profile-settings-language .language-wrapper{display:flex!important}.settings-tabs{flex-direction:row;justify-content:center}.tab-button{flex:1;text-align:center}.category-item{flex-wrap:wrap}.category-info{flex:1;order:1}.category-actions{order:2}.category-actions:has(.btn-icon-green){width:100%;justify-content:center;margin-top:.5rem}.drag-handle{order:0}}