html,body{margin:0;padding:0}#root{min-height:100vh;text-align:center}.notyf__toast{font-family:Arial,Helvetica,sans-serif}.MuiToggleButton-root{min-height:32px!important;height:32px!important;padding:4px 10px!important;line-height:1.2!important;font-size:.875rem!important}.Header{display:flex;align-items:center;justify-content:flex-start;padding:2px 20px;box-sizing:border-box;border:1px solid rgb(135,188,232);margin:8px;border-radius:12px;box-shadow:0 8px 10px #00000040}.Header p{margin:1px 0 0;line-height:1.1}.HeaderImagePreview{border-radius:180px;width:70px;height:70px;object-fit:cover;object-position:center;box-shadow:0 10px 20px #00000040;transition:transform .2s ease,box-shadow .2s ease}.HeaderImagePreview:hover{transform:translateY(-4px);box-shadow:0 16px 30px #0000004d}.GeneralNavigation,.CenterNavigation,.UserNavigation{display:flex;align-items:center}.UserNavigation{margin-left:auto}.GeneralNavigation a+a{margin-left:12px;padding-left:12px}.UserNavigation a+a{margin-left:12px;padding-left:12px}.CenterNavigation{margin:0 12px;padding:0 12px}.Header>.CenterNavigation:first-child{margin-left:0;padding-left:0;border-left:none}.Header>.CenterNavigation:first-child:last-child{margin:0;padding:0;border:none}.Header>.CenterNavigation:first-child:last-child a{align-items:flex-start}.LogoutLink,.GenerateScreenLink,.AboutScreenLink,.HomeScreenLink,.LoginScreenLink{display:flex;flex-direction:column;align-items:center;padding:2px 0;font-size:12px;text-decoration:none;color:#232323}.GenerateScreenLink.active,.AboutScreenLink.active,.HomeScreenLink.active,.LoginScreenLink.active{color:#0f7394;font-weight:700;font-size:14px}.LogoutLink{color:red!important}@media (max-width: 600px){.Header{padding:2px 12px;flex-wrap:wrap}.Header p{margin:1px 0 0;line-height:1.1}.GenerateScreenLink,.AboutScreenLink,.HomeScreenLink,.LoginScreenLink{font-size:12px}.Header>.CenterNavigation:first-child:last-child{margin:0;padding:0;border:none}}.Page404{position:fixed;width:100%;height:100vh;padding:0;margin:0;top:0;left:0;background-color:#fff}.RecipeInfoScreen{width:100%;min-height:100vh;margin:0;padding:24px 16px 40px;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.DescriptionInInfoScreen{display:flex;text-align:center}.DescriptionInInfoScreen>p{font-size:18px;font-weight:700}.BackBtnContainer{width:100%;max-width:800px;margin:0 auto 16px;display:flex;justify-content:flex-start}.BackBtn{background-color:#0f7394!important;padding:6px 12px!important}.BackBtn:hover,.BackBtn.MuiButton-root,.BackBtn.MuiButton-root:hover{background-color:#0f7394!important}.InfoScreenContainer{width:100%;max-width:800px;margin:0 auto;padding:24px;box-sizing:border-box;background:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f;text-align:left}.RecipeInImage{display:block;margin:0 auto 20px;width:100%;max-width:600px;max-height:450px;object-fit:cover;box-shadow:0 2px 8px #000}.InfoScreenContainer h2,.InfoScreenContainer h3,.InfoScreenContainer h4{margin-top:8px;margin-bottom:8px;text-align:center}.InstructionsList{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.IngredientsDiv{display:flex;flex-direction:column;width:100%}@media (max-width: 600px){.RecipeInfoScreen{padding:16px 8px 24px}.InfoScreenContainer{padding:16px;max-width:100%}.RecipeInImage{max-width:100%;max-height:260px;margin-bottom:16px}.IngredientRow{flex-direction:row;font-size:.95rem}}.LoginScreen{display:flex;justify-content:center;align-items:flex-start;height:100vh;width:100%;margin:0;padding-top:60px}.LoginForm{border-radius:10px;padding:60px;width:300px;margin:40px;height:auto;box-shadow:1px 2px #000,0 6px 18px #000;background-color:#fff;display:flex;flex-direction:column;gap:16px}.LoginScreenTitle{align-items:flex-start;justify-content:flex-start;color:#323232;margin-left:20px;font-size:20px}.RegisterLink{display:inline-flex;align-items:center;text-decoration:none;color:#323232;cursor:pointer;justify-content:center}.LoginButton{background:#215898!important;padding:6px}@media (max-width: 600px){.LoginForm{padding:60px 30px}.InputTextField{margin:4px 0;padding:0}}.RegistrationScreen{display:flex;justify-content:center;align-items:flex-start;height:100vh;width:100%;margin:0;padding-top:60px}.RegistrationForm{border-radius:10px;padding:60px;width:310px;margin:40px;height:auto;box-shadow:1px 2px #000,0 6px 18px #000;background-color:#fff;display:flex;flex-direction:column;gap:16px}.RegistrationScreenTitle{align-items:flex-start;justify-content:flex-start;color:#323232;margin-left:20px;font-size:20px}.RegistrationBtn{background:#215898!important;padding:6px}.BackBtn{background:#215898!important;padding:6px;width:90px}@media (max-width: 600px){.RegistrationForm{padding:60px 30px}.InputTextField{margin:4px 0;padding:0}.FromController{align-items:center;margin:4px 0;padding:0}}.HomeScreen{width:100%;min-height:100vh;margin:0;padding:24px 16px 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.HomeScreenTitle{width:100%;color:#4b4b4b;font-size:20px;font-weight:700;margin:0 0 16px;text-align:left}.RecipeList{width:100%;margin:0;display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start}.RecipeListItem{margin:0}@media (max-width: 600px){.HomeScreen{max-width:100%;flex-wrap:nowrap;flex-direction:column;align-items:center;gap:16px}}.RecipeListItem{width:300px;margin-left:20px;margin-top:12px;height:230px;padding:32px 16px 8px;box-sizing:border-box;background:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000080;display:flex;flex-direction:column;gap:20px;position:relative;overflow:visible}.RecipeListItem:hover{cursor:pointer}.CardImage{position:absolute;top:-20px;left:-20px;box-shadow:0 4px 10px #00000080;background-color:#fff;width:140px;height:140px;object-fit:cover;border-radius:100px}.RecipeListItem .DeleteIcon{position:absolute!important;top:8px;right:8px}.CardTitleContainer{margin-top:auto;display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.CardTitle{color:#4d4d4d;margin:0 0 6px;text-align:center}.MoreInfoBtn{margin-top:6px;align-self:center;background-color:#0f7394!important}.AboutScreen{width:100%;min-height:calc(100vh - 60px);margin:0;padding:40px 16px 56px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.AboutScreenTitle{width:100%;max-width:640px;margin:0 0 20px;font-size:24px;font-weight:700;color:#0f7394;text-transform:uppercase;display:flex;align-items:center;gap:10px}.AboutScreenTitle:after{content:"";flex:1;height:3px;background:linear-gradient(to right,#efa029,#f6c985)}.AboutCard{width:100%;max-width:640px;margin:0 auto;padding:28px 28px 24px;box-sizing:border-box;background:#fff;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 16px 40px #0000000f,0 2px 4px #00000008;display:flex;flex-direction:column;gap:16px;text-align:left;color:#333;position:relative;overflow:hidden}.AboutCard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:6px;background:linear-gradient(90deg,#a5d0de,#75a5b5,#0f7394)}.AboutCard>*{position:relative;z-index:1}.divider{width:100%;height:1px;background:linear-gradient(to right,#a7cdda,#f0f0f0);margin:4px 0 8px}.TopContent{margin:0;font-size:20px;font-weight:600;line-height:1.6;color:#333}.RestOfContent{margin:0;font-size:16px;font-weight:400;line-height:1.7;color:#555}.RestOfContent strong,.TopContent strong{color:#68cced}.Copyrights{width:100%;max-width:640px;margin:auto auto 24px;padding-top:12px;border-top:1px solid #858383;text-align:center;font-size:14px;color:#3e3e3e}.Copyrights p{margin:0}@media (max-width: 600px){.AboutScreen{min-height:calc(100vh - 60px);padding:24px 12px 32px}.AboutScreenTitle{max-width:100%;font-size:20px}.AboutCard{padding:20px 18px 18px;max-width:100%;border-radius:14px}.TopContent{font-size:18px}.RestOfContent{font-size:15px}.Copyrights{margin-bottom:120px;max-width:100%;color:#3e3e3e;padding-top:10px;font-size:14px}}.ProfileScreen{width:100%;min-height:100vh;margin:0;padding:24px 16px 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.ProfileScreenTitle{width:100%;max-width:600px;margin:0 0 16px;color:#4b4b4b;font-size:20px;font-weight:600;text-align:left}.ProfileSection{width:100%;max-width:600px;margin:0 auto;padding:24px;box-sizing:border-box;box-shadow:0 10px 20px #0006;transition:transform .2s ease,box-shadow .2s ease;background:#dedede;border-radius:10px;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:15px}.Name{display:flex;flex-direction:row;align-items:center}.divider{width:100%;height:1px;background-color:#e0e0e0;margin:12px 0}.EditProfileDiv{align-items:center;display:flex;width:100%;justify-content:flex-end}.EditProfileBtn{height:30px!important;background-color:#8f8f8f!important}.CloseDialogBtn{display:flex;justify-content:flex-end;margin:16px}.ImagePreview{border-radius:180px;border:1px solid grey;width:130px;height:130px;object-fit:cover;object-position:center}.DialogDiv{background:#e8e8e8}.EditProfileContainer{display:flex;width:300px;flex-direction:column;padding:8px;gap:20px;margin:8px}.CloseDialogBtn:hover{cursor:pointer}@media (max-width: 600px){.ProfileScreen{padding:16px 8px 24px}.ProfileScreenTitle{max-width:100%;font-size:18px}.ProfileSection{padding:16px;max-width:100%;box-sizing:border-box;box-shadow:0 10px 20px #0006;transition:transform .2s ease,box-shadow .2s ease;background:#dedede;border-radius:10px;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:15px}}.GenerateScreen{width:100%;min-height:100vh;margin:0;padding:16px;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.GenerateTitle{margin:32px 0 20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(1.3rem,2.2vw,2em);letter-spacing:.02em;color:#174b7a;position:relative}.small-loading .MuiCircularProgress-root{width:26px!important;height:26px!important}.ClearPromptIcon:hover{cursor:pointer}.ClearPromptIcon:active{transform:scale(1.2) translateY(1px);box-shadow:0 1px 2px #00000040}.Servings{align-items:center;margin:4px;gap:4px;border-radius:8px;display:flex}.GenerateAmountDiv{display:flex;align-items:center}.GenerateTitle:after{content:"";position:absolute;left:53%;bottom:-6px;transform:translate(-50%);width:400px;height:3px;border-radius:180px;background:linear-gradient(90deg,#03517a,#92bcd1);opacity:.7}.TitleIcon{font-size:2rem;padding:12px;border-radius:180px;background:#ffffffd9;box-shadow:0 4px 12px #0f172a99;color:#ff9500}.GenerateContainer{width:640px;margin:0 auto;padding:24px;box-sizing:border-box;background:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:2px 2px 8px #0009;display:flex;flex-direction:column;gap:16px}.InputData{display:flex;align-items:center;gap:12px;margin-top:8px}.FiltersColumn{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.QuantitySelector{width:60px;border-radius:6px;border:1px solid grey;padding-left:20px;font-size:16px}.ExcludeTF .MuiOutlinedInput-root{height:30px;box-sizing:border-box}.ErrorText{margin-top:8px;color:#d32f2f;font-size:.9rem}.LoadingWithImage,.LoadingWithoutImage{margin-top:12px;padding:8px;text-align:center;font-size:.95rem}.CenterRow{width:100%;margin-top:24px;display:flex;justify-content:center}.NewScreenTitle{margin-bottom:12px;text-align:center}.RectangularBtn{border-radius:8px;width:auto}.BtnIcon{margin-left:12px;color:#f0b43a}.ExcludedSection{display:flex;flex-direction:column;padding:4px;align-items:center;gap:4px}@media (max-width: 600px){.GenerateContainer{padding:8px;width:100%}}.RecipeCard{width:100%;max-width:640px;margin:0 auto;padding:24px;box-sizing:border-box;background:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;align-items:stretch}.MainContainer:has(.LoadingWithImage,.LoadingWithoutImage)~div .RecipeCard{margin-top:32px}.MainContainer:not(:has(.LoadingWithImage,.LoadingWithoutImage))~div .RecipeCard{margin-top:16px}.RecipeCard>h2,.InstructionsList h2{margin-top:8px;margin-bottom:8px;text-align:center}.IngredientsList,.InstructionsList{width:100%}.ClearFormDiv{align-items:center;display:flex;width:100%;justify-content:flex-end}.ClearFormBtn{height:30px!important;background-color:#8f8f8f!important}.DataContainer{display:flex;flex-direction:row;width:100%}.RecipeImage{display:block;margin:0 auto 20px;width:100%;max-width:480px;aspect-ratio:4 / 3;height:auto;object-fit:cover;border-radius:10px}.AmountParent>p,.CaloryParent>p,.SugarParent>p,.ProteinParent>p,.HealthParent>p{font-weight:700}.AmountParent,.CaloryParent,.SugarParent,.ProteinParent,.HealthParent{flex-direction:column;display:flex;width:100%;padding:4px;margin:4px;align-items:center}.AmountDiv,.PopularityDiv,.CaloriesDiv,.SugarAmountDiv,.ProteinAmountDiv,.HealthLevelDiv{width:100%;border:2px solid #bebfbf;flex-direction:column;align-items:center;border-radius:8px;display:flex}.ServingsIcon,.SugarIcon,.CaloriesIcon,.ProteinIcon,.HealthIcon{margin-top:8px;width:30px;height:30px}.CaloriesInnerDiv,.SugarAmountInnerDiv,.AmountInnerDiv,.HealthLevelInnerDiv,.ProteinInnerDiv{display:flex;align-items:center}.CaloriesInnerDiv,.SugarAmountInnerDiv,.AmountInnerDiv,.HealthLevelInnerDiv,.ProteinInnerDiv>*{font-size:12px}.CaloriesInnerDiv>p:first-child,.SugarAmountInnerDiv>p:first-child,.AmountInnerDiv>p:last-child,.HealthLevelInnerDiv>p:first-child,.ProteinInnerDiv>p:first-child{font-weight:700;font-size:16px;padding-right:4px}.IngredientsList{margin-top:20px;padding-top:16px;border-top:1px solid #ccc}.IngredientRow{display:flex;width:100%;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid #ccc;align-items:center}.IngredientRow:last-child{border-bottom:none}.IngredientsList.rtl .IngredientRow{flex-direction:row-reverse}.IngredientsList.rtl .IngredientName{order:2;text-align:right}.IngredientsList.rtl .IngredientAmount{order:1;text-align:left}.IngredientName{font-weight:700}.IngredientAmount{color:#d21c1c}.instructions-list.rtl{direction:rtl;text-align:right;padding-right:1.5rem;padding-left:0}.instructions-list.rtl li{direction:rtl;text-align:right;list-style-position:inside}.divider{border:0;border-top:1px solid #ccc;margin:8px 0}@media (max-width: 600px){.RecipeCard{padding:16px;max-width:100%}.RecipeImage{max-width:100%;max-height:260px}.IngredientRow{flex-direction:row;font-size:.95rem}.MainContainer:has(.LoadingWithImage,.LoadingWithoutImage)~div .RecipeCard{margin-top:20px}.MainContainer:not(:has(.LoadingWithImage,.LoadingWithoutImage))~div .RecipeCard{margin-top:10px}}.MainLayout{min-height:100vh;margin:0;padding:0;box-sizing:border-box;background:#fff;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr}.MainLayout>*{font-family:Arial,Helvetica,sans-serif}header{grid-row:1;grid-column:1;z-index:10}main{grid-row:2;grid-column:1;overflow-y:auto;min-height:0;padding:0;box-sizing:border-box}