:root{--background: #f5f5f5;--item-background: #ffffff;--item-border: #82cb90;--input-focus-border: #3b82f6;--primary-button: #fe8147;--secondary-button: #6b7280;--info-button: #169cb0;--gray-button: #c0c0c0;--inactive-button: #9ca3af;--success-button: #82cb90;--warning-button: #f6b855;--error-button: #e76774;--input-field: #e5e7eb;--item-box-shadow: rgba(236, 149, 63, .41);--box-shadow: rgba(0, 0, 0, .1);--light-text: #fff;--dark-text: #111827;--inactive-text: #c0c0c0;--nav-background: #82cb90;--link: #2563eb;--card-background: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Rubik,sans-serif;background-color:var(--background);color:var(--dark-text);-webkit-user-select:none;user-select:none}body,input,textarea,select,button,th,td,caption,:before,:after{font-family:inherit}button{font-weight:400;flex-grow:1}.card{background-color:var(--card-background);border-radius:8px;box-shadow:0 1px 4px var(--box-shadow);padding:16px 8px;margin:8px 0}.list-item{display:flex;gap:10px;align-items:center}.recipe-name-container{display:flex;align-items:center;justify-content:center}.hidden-share-button-space{width:24px;height:24px;visibility:hidden}.recipe-share-button{cursor:pointer}.recipe-name{margin-left:auto;margin-right:auto}.primary-button{color:var(--light-text);background-color:var(--primary-button)}.secondary-button{color:var(--light-text);background-color:var(--secondary-button)}.info-button{color:var(--light-text)!important;background-color:var(--info-button);flex-grow:1}.gray-button{color:var(--dark-text);background-color:var(--gray-button)}.success-button{color:var(--dark-text);background-color:var(--success-button)}.warning-button{color:var(--dark-text);background-color:var(--warning-button)}.error-button{color:var(--dark-text);background-color:var(--error-button)}.item-background{background-color:var(--item-background)}.inactive-button{color:var(--inactive-text);background-color:var(--inactive-button);cursor:not-allowed!important}.container,.button-container,.recipe-button-container{display:flex;flex-direction:column;max-width:420px;margin:20px auto}.container,.button-container{padding:0 20px}.button-row{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:10px}.recipe-button-container{padding:0}.delete-button{color:var(--dark-text);background-color:var(--error-button)}.edit-button{background-color:var(--warning-button)}.save-button{background-color:var(--success-button)}.cancel-button{background-color:var(--gray-button)}.add-button-grocery{background-color:var(--success-button)}.add-button-cookbook{color:var(--light-text);background-color:var(--primary-button)}.delete-button,.edit-button,.save-button,.add-button-grocery,.add-button-cookbook,.cancel-button{flex-grow:1}.input-button-container{display:flex;flex-direction:column;margin-bottom:8px}.input-button-container button{flex-grow:1}#sort-button{max-width:70px;background-color:var(--gray-button)}.button-container,.input-button-container,.recipe-button-container{flex-direction:row;flex-wrap:wrap;gap:10px}.button-container,.input-button-container,.recipe-button-container{justify-content:space-between}img{width:150px;margin:0 auto}input{color:var(--dark-text);background-color:var(--input-field);border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;margin:12px 0 10px}button{border:0;padding:15px;border-radius:8px;font-size:20px;text-align:center;font-family:Rubik,sans-serif;cursor:pointer}h1,h2{text-align:center;font-weight:400}@media (hover: hover) and (pointer: fine){button:hover{cursor:pointer}}.enter-button,.submit-button{color:var(--light-text);background-color:var(--primary-button);font-weight:400}.submit-button{width:100%}#add-to-cookbook{margin:10px 0}#clear-checked-button{color:var(--light-text);background-color:var(--secondary-button)}ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.shopping-list-no-wrap{flex-wrap:nowrap;flex-direction:column}#checked-shopping-list li,#shopping-list li,.button-container button{font-size:20px;padding:15px;border-radius:8px;flex-grow:1;text-align:center;color:var(--dark-text)}#checked-shopping-list li,.button-container button{box-shadow:0 1px 4px var(--box-shadow)}#shopping-list li{box-shadow:0 1px 4px var(--item-box-shadow)}#shopping-list li{background-color:var(--item-background)}#checked-shopping-list li{background-color:var(--gray-button)}@media (hover: hover) and (pointer: fine){#shopping-list li:hover,#checked-shopping-list li:hover{cursor:pointer}}#separator{background-color:var(--primary-button);height:4px;border-radius:4px}#recipe-ingredients,#edit-ingredients,#recipe-list,#recipe-nutrition{list-style-type:none;padding:8px 0 4px 8px;display:flex;flex-direction:column;margin:8px 0;background-color:var(--item-background);border-radius:8px;box-shadow:0 1px 4px var(--box-shadow)}li #recipe-ingredients,li #recipe-nutrition,li #recipe-steps{box-shadow:none;padding:8px 10px 4px 8px;margin:8px 0;cursor:default}#recipe-ingredients li,#edit-ingredients li,#recipe-list li,#recipe-nutrition li{border-bottom:1px solid var(--item-border);padding:0 0 0 2px}#recipe-nutrition li{display:flex;justify-content:space-between;padding:0 8px 0 0}#recipe-ingredients li:last-child,#edit-ingredients li:last-child,#recipe-list li:last-child,#recipe-nutrition li:last-child{border-bottom:none}.nutrition-info{font-family:Inter,sans-serif;font-weight:300;margin-left:8px}.nutrition-title-small{font-weight:300;margin-left:12px}.recipe-list-item{cursor:pointer}#recipe-steps,#edit-steps{list-style-type:none;padding:8px;margin:8px 0;background-color:var(--item-background);border-radius:8px;box-shadow:0 1px 4px var(--box-shadow)}#recipe-steps li,#edit-steps li{border:none;width:100%}li #recipe-steps{box-shadow:none;margin:8px 0}#recipe-steps li,#edit-steps li{display:flex;align-items:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--warning-button);color:var(--dark-text);border-radius:50%;font-weight:700;margin-right:8px;flex-shrink:0}.step-text{margin-left:8px;word-break:break-word}#edit-ingredients li{display:flex;width:100%;align-items:center}#edit-ingredients li input{background-color:transparent;height:20px;font-size:16px;text-align:left;margin:0 0 0 6px;padding:0;outline:none;width:100%}#edit-steps li{display:flex;width:100%;align-items:center;border:none}#edit-steps li textarea{margin:0 0 0 6px;text-align:left;outline:none;background-color:transparent;border:2px var(--item-border) solid;color:var(--dark-text);height:auto}#edit-steps,#edit-ingredients{box-shadow:none}.delete-icon{color:var(--error-button);font-size:20px!important;cursor:pointer}.add-item-button{background-color:var(--success-button);margin-bottom:8px;color:var(--dark-text)}.recipe-titles{font-size:18px;margin:0 4px;font-weight:500}#recipe-name{text-align:center}li .recipe-viewer{padding:0 8px 0 0}li .recipe-viewer{cursor:default}#recipe-details-section{display:flex;justify-content:space-between;padding:0 20px;margin:0 0 14px}.recipe-details{display:flex;flex-direction:column;align-items:center}.detail-name{font-size:14px;margin:0;font-weight:300}.detail{margin:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-weight:700}.form-control{width:100%;margin:0 0 5px}.submit-button:disabled{background-color:var(--inactive-button)}.link-container{text-align:center;margin-top:10px}.link{color:var(--link);text-decoration:none}.link:hover{text-decoration:underline}.pending-invites{margin-bottom:18px}.pending-invites li{background-color:var(--item-background);padding:20px 8px 0;text-align:center;border-radius:8px;box-shadow:0 1px 4px var(--box-shadow);color:var(--dark-text);font-size:20px}.floating-input{position:relative;margin:10px 0;width:100%}.floating-input-field{width:100%;border-radius:8px;text-align:left}.floating-label{position:absolute;top:27px;left:14px;font-size:20px;color:var(--dark-text);transition:all .1s ease;pointer-events:none}.floating-input.focused .floating-label{top:12px;font-size:14px;color:var(--dark-text)}.floating-input-field:focus{border-color:var(--input-focus-border)}#cookbook-section{margin-bottom:20px}.recipe-input-container{display:flex;align-items:center;gap:8px}.recipe-input-container-step{display:flex;flex-direction:column}.recipe-input-container-step label{font-size:20px;color:var(--dark-text);margin:0 0 8px 4px}.recipe-input-container-step textarea,#stepInput{font-size:16px;color:var(--dark-text);margin:0 0 8px;border-radius:8px;padding:15px;border:none;resize:none;background-color:var(--input-field);width:100%}.user-card{background-color:var(--item-background);padding:16px;margin:10px 0;border-radius:8px;box-shadow:0 1px 4px var(--box-shadow)}.user-card-row{display:flex;align-items:center;gap:10px}.user-card-label,.user-card-text,.user-card-title{margin:4px 0}.user-card-label{color:var(--nav-background)}.user-card-title{color:var(--primary-button)}.clip-loader{display:block;margin:50px auto}.bar-loader{display:block;margin:0 auto}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--nav-background);padding:1rem}.logo{color:var(--dark-text);margin:0;font-weight:400}.menu-icon{font-size:1.5rem;color:var(--dark-text);cursor:pointer;display:none}.nav-links{display:flex;list-style-type:none;margin:0;padding:0}.nav-links li{margin-left:1rem;color:var(--dark-text)}.nav-links li:hover{cursor:pointer}.nav-links.open{display:flex}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;width:100%;background-color:var(--nav-background);padding:1rem;position:absolute;top:60px;left:0;z-index:10}.menu-icon{display:block}.nav-links.open{display:flex}}.dropdown{position:relative!important;width:100%!important}.dropdown-button{width:100%!important;padding:.5rem 1rem!important;text-align:left!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:6px!important;cursor:pointer!important;position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;height:54px!important}.arrow{transition:transform .2s!important}.arrow.open{transform:rotate(-180deg)!important}.dropdown-list{position:absolute!important;top:calc(100% + 4px)!important;left:0!important;width:100%!important;max-height:200px!important;overflow-y:auto!important;background:#fff!important;border:1px solid #ccc!important;border-radius:6px!important;box-shadow:0 4px 8px #0000001a!important;z-index:10!important;margin:0!important;padding:0!important;gap:.25rem!important;list-style:none!important;display:flex!important;flex-direction:column!important}.dropdown-item{padding:.5rem 1rem!important;cursor:pointer!important;border-bottom:none!important}.dropdown-item:hover,.dropdown-item[aria-selected=true]{background:#f0f0f0!important}