@import url(https://fonts.googleapis.com/css2?family=Itim&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.App-logo{height:40vmin}.App-header{align-items:flex-center;background-color:#fff;color:#fff;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.deletePost{color:#222;font-size:16px;font-weight:700;width:100%}.deleteIcon{float:right}.link-button{background-color:initial;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:#ff9800;border-radius:5px;margin:10px;padding:5px 10px}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{align-items:center;border:1px solid #000;height:170px;justify-content:center;position:absolute;width:350px}.autocomplete,.suggestions{background-color:#fff;display:flex}.suggestions{border-top-width:0;flex-direction:column;height:100%;justify-content:flex-start;list-style:none;overflow-y:auto;padding-left:0;position:relative;width:100%}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#ff8e42;color:#fff;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.App-link{color:#09d3ac}.postlist,.userlist{background:orange;border-radius:20px;display:block;margin:10px;padding:30px;text-align:left;width:100%}.userlist{justify-content:space-between}.postbody{align-items:flex-start;color:#444;font-size:14px;justify-content:center;width:100%}.postbody,.sidenav{display:flex;flex-direction:column}.sidenav{align-items:center;background-color:blue;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;width:100px}.sidenav ul{list-style-type:none;margin:40px 0 0;padding:10px}.sidenav-icon{height:40px;margin-bottom:15px;width:40px}.hide{display:none}body,html{max-width:100%}.userContainer{align-items:center;background-color:#696968;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;padding:40px 140px;width:100vw}.containerInfo{display:flex;gap:20px;place-items:center;width:500px}.userInfo{align-items:flex-start;filter:drop-shadow(1px 1px 1px #000000);font-weight:700;line-height:.8;max-width:500px}.editUser,.userInfo{display:flex;flex-direction:column}.editUser{line-height:.3}.editUser,.logout{align-items:center}.logout{background-color:#696968;border:1px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:20px;height:52px;justify-content:center;padding:5px;transition:.3s;width:200px}.logout:hover{background-color:#d46a4c;cursor:pointer;transform:scale(1.03)}.logout:active{transform:scale(1)}profile-header{line-height:1;overflow-wrap:break-word;word-break:break-word}.delete-account-top{background-color:#e60023;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:45px;margin-top:10px;transition:.3s ease;width:200px}.delete-account-top:hover{background-color:#cc001f;transform:scale(1.05)}.delete-account-top:active{transform:scale(1)}.account-button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:45px;justify-content:center;margin-top:10px;transition:all .3s ease;width:200px}.logout-button{background-color:#696968;border:1px solid #fff}.logout-button:hover{background-color:#d46a4c;transform:scale(1.05)}.editprofile-button{background-color:#000}.editprofile-button:hover{background-color:#d46a4c;transform:scale(1.05)}.account-button.delete-button{background-color:#ff4d4f;margin-left:0}.account-button.delete-button:hover{background-color:#d9363e;transform:scale(1.05)}.inputs{margin-bottom:.5rem}.inputs>a{display:block;font-weight:600;margin-bottom:.25rem}.dietary-group{margin-top:.25rem}.dietary-button{background-color:#f9f9f9;border-radius:16px;transition:.2s ease}.dietary-button.selected{color:#fff;font-weight:700}@media (max-width:768px){.editUser{align-items:center!important;justify-content:center!important;margin-top:20px;width:100%}.delete-account-top,.editprofile,.logout{margin:10px auto;max-width:250px;width:90%}}@media (max-width:1024px){.accountSettings{width:50%}}@media (max-width:768px){.account-button.editprofile-button{width:200px}}@media (max-width:425px){.account-button.editprofile-button{width:250px}}.content-wrapper{border-radius:0}.food-image{max-width:480px}.form-container{padding:0 2rem}.logo-login{height:75px;right:10px;top:5px;width:125px}.register-forms{gap:10px}.input-groups label{font-family:Arial}.input-groups input{padding:8px}.signup-btn{font-family:Arial;margin:0 auto;padding:10px 30px}.login-text{font-size:18px}.option-group button{font-family:Arial}@media (max-width:768px){.content-wrapper{flex-direction:column;padding:20px;width:95vw}.image-container{display:none}.form-container{align-items:center;padding:20px;text-align:center}.logo-login{display:none}.back-arrow{display:block}.title{font-size:32px;text-align:center}.input-rows{flex-direction:column}.input-groups input,.input-rows .input-groups{width:100%}.signup-btn{margin:20px auto 10px}.hidden-on-mobile{display:none!important}}@media (min-width:768px) and (max-width:1024px){.content-wrapper{flex-direction:column;padding:20px;width:95vw}.image-container{display:none}.form-container{align-items:center;padding:20px;text-align:center}.logo-login{display:none}.title{font-size:32px;text-align:center}.input-rows{flex-direction:column}.input-groups input,.input-rows .input-groups{width:100%}.signup-btn{margin:20px auto 10px}}.register-container{padding:40px 0}.content-wrapper{border-radius:12px;box-shadow:0 8px 24px #0003;max-width:1150px;overflow:hidden;width:90%}.image-container{background-color:#f8f8f8}.form-container{padding:40px}.logo-login{height:auto;right:15px;top:15px;width:130px}.titles{font-family:Arial;margin-bottom:10px}.input-rows,.register-forms{gap:20px}.input-groups{flex:1 1}.input-groups label{font-size:16px;font-weight:600}.input-groups input{background-color:#f3f3f3;border-radius:4px;font-size:16px;padding:10px}.alert.error{align-items:center;background-color:#fdecea;border-radius:6px;color:#b4001e;display:flex;font-size:15px;font-weight:600;gap:10px;padding:10px}.signup-btn{background-color:#0b5e34;border-radius:6px;font-size:18px;margin-top:10px;padding:12px;transition:background-color .3s ease}.signup-btn:hover{background-color:#094c2a}.login-text{font-size:15px;margin-top:10px}.login-text a{color:#0b5e34}.option-group button{font-size:14px;padding:6px 14px;transition:all .2s ease}.small-label{color:#177d00;font-size:13px;margin-bottom:5px;margin-top:-8px}@media (max-width:768px){.content-wrapper{flex-direction:column;padding:0;width:95vw}.image-container{display:none}.form-container{padding:30px 20px;text-align:center}.logo-login{display:none}.input-rows{flex-direction:column}}.auto-selected-text{color:#2c8f1f;font-size:.75rem;font-weight:500;margin-bottom:8px;margin-top:2px}.register-container{background-color:#da7948;padding:20px 0}.content-wrapper{border-radius:10px;height:auto;max-width:1000px;padding:10px 20px;width:80vw}.image-container{flex:0.9 1;max-width:420px}.food-image{max-height:500px}.form-container{padding:.5rem 1rem;text-align:left}.input-rows{gap:8px;margin-bottom:8px}.input-groups{flex:1 1 48%}.input-groups input{font-size:.95rem;padding:6px}.input-error-text{background-color:#fce8e6;border:1px solid #f5c6cb;border-radius:8px;font-size:14px;margin:10px 0;padding:10px 16px}.register-container{align-items:center;background-color:#f26b3a;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;width:100vw}.content-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;display:flex;flex-wrap:nowrap;height:90%;max-width:1152px;padding:20px;position:relative;width:75vw}.image-container{align-items:center}.form-container,.image-container{display:flex;flex:1 1;justify-content:center}.form-container{background:#fff;flex-direction:column;padding:2rem;position:relative}.logo-login{border-radius:20px;position:absolute;right:3rem;top:1rem;width:140px}.titles{color:#4a2e1f;font-family:Arial,sans-serif;font-size:32px;font-weight:700;margin-top:20px;text-align:left;text-shadow:2px 2px 2px #0003}.register-forms{gap:14px;margin-top:1rem}.input-groups,.register-forms{display:flex;flex-direction:column}.input-groups{margin-bottom:10px;text-align:left}.input-groups label{color:#4a2c2a;font-family:Arial,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:5px}.input-groups input{background-color:#d3d3d3;border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:12px;transition:border .2s ease-in-out}.input-groups input:focus{border-color:#f26b3a;outline:none}.input-rows{display:flex;flex-wrap:wrap;gap:10px}.input-rows .input-groups{flex:1 1 48%;min-width:0}.input-groups input.invalid-input{background-color:#fff;border:1px solid #d93025}.signup-btn{background:#43a32d;border:none;border-radius:8px;box-shadow:2px 2px 5px #0003;color:#fff;cursor:pointer;display:block;font-family:Arial,sans-serif;font-size:20px;margin:20px auto 10px;padding:12px 24px;transition:background .3s ease}.signup-btn:hover{background:#56b940;transform:scale(1.02)}.signup-btn:active{transform:scale(.99)}.login-text a{color:#43a32d;font-weight:700;text-decoration:none}.login-text a:hover{text-decoration:underline}.option-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.option-group button{background-color:#f3f3f3;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-family:Arial,sans-serif;font-size:1rem;padding:8px 16px;transition:background-color .3s ease,color .3s ease}.option-group button.selected{background-color:#43a32d;border-color:#43a32d;color:#fff}@media (max-width:768px){.content-wrapper{flex-direction:column;padding:20px;width:95vw}.image-container{display:none}.form-container{align-items:center;padding:20px;text-align:center}.logo-login{display:none}.back-arrow{display:block}.titles{font-size:32px;text-align:center}.input-rows{flex-direction:column}.input-groups input,.input-rows .input-groups{width:100%}.signup-btn{margin:20px auto 10px}.login-text{font-size:14px;text-align:center}}@media (min-width:768px) and (max-width:1024px){.content-wrapper{flex-direction:column;padding:20px;width:95vw}.image-container{display:none}.form-container{align-items:center;padding:20px;text-align:center}.logo-login{display:none}.back-arrow{display:block}.titles{font-size:32px;text-align:center}.input-rows{flex-direction:column}.input-groups input,.input-rows .input-groups{width:100%}.signup-btn{margin:20px auto 10px}.login-text{font-size:14px;text-align:center}.content-wrapper{flex-direction:column;padding:20px;width:95vw}.image-container{display:none}.form-container{align-items:center;padding:20px;text-align:center}.logo-login{display:none}.titles{font-size:32px;text-align:center}.input-rows{flex-direction:column}.input-groups input,.input-rows .input-groups{width:100%}.signup-btn{margin:20px auto 10px}.login-text{font-size:14px;text-align:center}}.modal-content p{color:#333;font-size:1rem;margin-bottom:1rem}.close-btn{background:#0000;border:none;color:#888;font-size:1.2rem;position:absolute;right:12px;top:10px}.modal-buttons{display:flex;gap:1rem;justify-content:center}.cancel-btn,.delete-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1.2rem}.cancel-btn{background:#ccc;color:#333}.delete-btn{background:#d32f2f}.modal-overlay{background:#0006}.modal-content{box-shadow:0 8px 20px #00000040;max-width:400px;padding:1.5rem 2rem}.modal-overlay{background-color:initial;z-index:999}.modal-content{background-color:#fff;border-radius:20px;box-shadow:0 0 30px #0000004d;font-family:Segoe UI,sans-serif;max-width:600px;padding:2.5rem}.modal-content h2{color:#4b2e17;font-family:Comic Sans MS,cursive,sans-serif;font-size:28px;margin-bottom:.5rem;text-shadow:2px 2px #f4c29f}.modal-content p{color:#555;font-size:18px;margin-bottom:1.5rem}.modal-content .modal-button{background-color:#3d943d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:background .3s ease}.modal-content .modal-button:hover{background-color:#2e7b2e}.modal-content .close{color:#444;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:20px;top:16px}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:initial!important;background-color:#0000!important}.modal-content{animation:fadeInUp .35s ease}.settings{width:100%}.ABuserContainer{background-color:#696968;display:flex;flex-wrap:wrap;gap:40%;height:20%;justify-content:center;padding:40px;place-items:center}@media (max-width:768px){.userContainer{gap:50px}}.ABcontainerInfo{display:flex;gap:20px;margin:0 auto;place-items:center;width:500px}.userPic{clip-path:circle(75px at 50% 50%);display:flex;height:150px;width:150px}.ABuserInfo{filter:drop-shadow(1px 1px 1px #000000);font-weight:700;line-height:.8;max-width:500px}.ABeditUser,.ABuserInfo{display:flex;flex-direction:column}.ABeditUser{align-items:center;line-height:.3}.profilebutton{background-color:#787878;border-radius:10%;color:#fff;display:flex;height:60px;justify-content:center;line-height:.6;margin:auto;place-items:center;transition:.3s;width:150%}.profilebutton:hover{background-color:#464646}.bottonProfileSection{color:#000;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;line-height:2;width:100%}@media (max-width:768px){.bottonProfileSection{gap:0;padding:0}}.accountSettings{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:35px;height:20%;width:30%}@media (max-width:768px){.accountSettings{align-items:center;padding:0}}.accountHeaders{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;line-height:.2;padding-left:50px;width:100%}@media (max-width:768px){.accountHeaders{align-items:center;padding:0}}.profileform label{align-items:center;display:flex;font-size:20px;gap:40px;margin:auto;padding-left:50px}.accountActions{align-items:center;display:flex;flex-direction:column;padding-top:30px;width:50%}.recipeButtons{flex-direction:row}.recipeButtons,.recipeButtons .recipeButtons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.recipeButtons .recipeButtons{width:30%}.recipeButtons recipebutton{align-items:center;border-color:grey;border-radius:10px;border-style:solid;color:#000;display:flex;flex-direction:column;font-size:20px;height:120px;justify-content:center;width:250px}.recipeimage{max-height:50px;max-width:100px}recipebutton{transition:.3s}recipebutton:hover{border-color:#d46a4c;transform:scale(1.05)}recipebutton:active{transform:scale(1)}a{text-decoration:none}.inputs{align-items:flex-start;display:flex;flex-direction:column;line-height:1.3;padding-left:50px}.inputs a{font-size:15px;font-weight:700}.display,.inputs input{border:1px solid #ccc;border-radius:5px;color:#787878;font-size:15px;height:30px;padding:7px;width:250px}.display{align-items:flex-start;display:flex;place-items:center}.editprofile{margin:0}.editprofile:hover{background-color:#d46a4c}.editprofile:active{transform:scale(1)}.submitbutton{background-color:#000;border-radius:50px;color:#fff;font-size:15px;height:40px;margin-left:70px;padding:5px;transition:.3s;width:200px}.submitbutton:hover{background-color:#87ff9f;border-color:#19e842;color:#000;cursor:pointer;transform:scale(1.04)}.submitbutton:active{transform:scale(1)}.ABlogout{align-items:center;background-color:#4e4e4d;border:1px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:20px;height:52px;justify-content:center;padding:5px;transition:.3s;width:200px}.ABlogout:hover{background-color:#d46a4c;cursor:pointer;transform:scale(1.03)}.ABlogout:active{transform:scale(1)}.accountHeaders a{font-size:20px}.countrybuttons{align-items:flex-start;display:flex;flex-direction:column;line-height:1.3;padding-left:50px}.dietary-group{gap:8px}.dietary-group .dietary-button{background-color:#000;border:1px solid #ccc;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.dietary-group .dietary-button:hover{background-color:#333;transform:scale(1.05)}.dietary-group .dietary-button.selected{background-color:#d46a4c;border-color:#d46a4c}.dietary-group{margin-bottom:10px}.dietary-button{cursor:default}.inputsp button{background-color:#d46a4c;border-radius:50px;color:#fff;font-size:15px;height:30px;padding:5px;transition:.3s;width:100px}.inputsp button:hover{background-color:#d46a4c;cursor:pointer;transform:scale(1.04)}.inputsp button:active{transform:scale(1)}.password-container{display:flex}.inputsp input{border:1px solid #ccc;border-radius:5px;color:#787878;font-size:15px;height:18px;padding:7px;width:250px}.allinputs{flex-wrap:wrap;gap:10px}.allinputs,.allinputscp,.password-box{align-items:flex-start;display:flex;flex-direction:column}.password-box{line-height:1.1;padding-left:50px;padding-top:5px}.password-box a{font-size:15px;font-weight:700}profile-header{display:block;font-size:1.5em;font-weight:700;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0;unicode-bidi:isolate}@media (max-width:1440px){.accountSettings{width:40%}}@media (max-width:768px){.allinputs,.allinputs .inputs,.allinputscp,.allinputscp .inputs{padding:0}.submitbutton{margin-left:0}.countrybuttons{padding:0}.bottonProfileSection,.recipeButtons{flex-direction:column}.accountActions,.accountSettings{width:100%}}.dietary-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;padding-left:50px}.dietary-button{background-color:#000;border:1px solid #ccc;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.dietary-button:hover{background-color:#444}.dietary-button.selected{background-color:#d46a4c;border-color:#d46a4c}.text4{font-size:.7em}.accountActions h2{margin-bottom:4px}.text4 p{color:#333;font-size:.9rem;margin-top:0;padding-left:50px}.input-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;width:100%}.input-row:last-of-type{margin-bottom:5px}@media (max-width:1024px) and (min-width:769px){.accountSettings{width:50%}.allinputs,.allinputs .display,.allinputs .inputs,.allinputscp,.inputs,.inputs input{width:100%}.accountActions{width:70%}.submitbutton{margin-left:50px;width:calc(100% - 50px)}}@media (max-width:425px){.userContainer{display:flex;flex-direction:column;gap:0;padding:20px 0;width:100%}.editUser{margin:0}.containerInfo{align-items:center;flex-direction:column;justify-content:center;margin-bottom:40px;width:100%}.account-button{font-size:12px;height:35px;width:250px}}.tip-container-2{margin:auto;max-width:1200px;padding:40px 20px;text-align:center}.tip-header-2{color:#000;font-size:35px;font-weight:700;margin-bottom:10px}.tip-subheader-2{animation:opacityChange 1s ease-out forwards;color:gray;font-size:16px;margin-bottom:30px}.search-container{flex-direction:column;gap:15px;justify-content:center;margin-bottom:20px}.advanced-search-container,.search-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.advanced-search-container .search-bar,.search-container .search-bar{background-color:#fff;border:2px solid #ccc!important;border-radius:6px;color:#000;display:block;font-size:16px;max-width:100%;padding:12px;transition:all .3s ease-in-out;width:300px}.search-bar:focus{border-color:#ff7043;box-shadow:0 0 8px #ff704380;outline:none}.advanced-search-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:20px;width:100%}.toggle-advanced-btn{background-color:#ff7043;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background-color .3s ease-in-out}.toggle-advanced-btn:hover{background-color:#e64a19}.toggle-advanced-btn:focus{color:#000}@media (max-width:768px){.advanced-search-container,.search-container{flex-direction:column}}.tip-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center}.tip-card-2{background:#fff;border-radius:5px;box-shadow:0 4px 10px #0000001a;max-width:360px;overflow:hidden;text-align:left;transition:transform .2s ease-in-out;width:100%}.tip-card-2:hover{transform:scale(1.03)}.tip-image-2{height:220px;object-fit:cover;width:100%}.tip-content-2{padding:20px}.tip-title-2{color:#000;font-size:20px;font-weight:700;margin-bottom:8px}.tip-description-2{color:gray;font-size:14px}.tip-no-posts-2{color:red;font-size:16px;margin-top:20px}.delete-button-2{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s ease-in-out;width:100%}.delete-button-2:hover{background-color:#c00}.read-more-button{background-color:#ff7043;border-radius:5px;color:#fff;display:block;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:10px;padding:8px;text-align:center;text-decoration:none;transition:background-color .3s ease-in-out}.read-more-button:hover{background-color:#e64a19}.tip-container *{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.tip-container{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:row;gap:30px;margin:40px auto;padding:30px;width:60%}.whole-tip-page{align-items:center;background-color:#ff8f4a39;box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:95vh;padding:20px;width:100%}.tip-form{display:flex;flex:2 1;flex-direction:column;width:100%}.tip-image-upload{display:flex;flex:1 1;flex-direction:column;height:100%}.tip-header{color:#000;font-size:1.5rem;font-weight:600;padding:15px 0;text-align:center;width:100%}.tip-label{color:#333;font-size:.9rem;font-weight:500;margin-bottom:5px}.tip-step-textarea,.tip-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:15px;padding:8px;resize:vertical;transition:border .2s ease-in-out;width:100%}.tip-step-textarea:focus,.tip-textarea:focus{border-color:#e4684a}.tip-upload-box{align-items:center;background:#fafafa;border:2px dashed #000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:350px;justify-content:center;max-width:350px;overflow:hidden;padding:20px;position:relative;text-align:center;width:100%}.tip-upload-box:hover{border:2px dashed #f97217}.tip-upload-box input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.tip-image-preview{border-radius:8px;height:auto;max-height:320px;max-width:320px;object-fit:contain;width:100%}.tip-steps-container{gap:10px;margin-top:10px}.tip-step-wrapper{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;justify-content:space-between;padding:10px}.tip-step-item,.tip-step-wrapper{align-items:center;display:flex;gap:10px}.tip-step-item{flex:1 1}.tip-step-textarea{background:#fff;border:1px solid #ccc;border-radius:8px;flex:2 1;font-size:14px;max-height:120px;min-height:50px;padding:8px;resize:vertical}.tip-upload-box.tip-step-upload{align-items:center;background:#fafafa;border:2px dashed #ccc;border-radius:8px;display:flex;flex-shrink:0;height:70px;justify-content:center;overflow:hidden;padding:5px;width:70px}.tip-step-image-preview{border-radius:8px;height:60px;object-fit:cover;width:60px}.tip-delete-step-btn{align-items:center;background:#e0785a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:6px;width:32px}.tip-delete-step-btn:hover{background:darkred}.tip-form .tip-add-step-btn,.tip-submit-btn{background:#ddd;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;margin-top:15px;padding:14px;transition:.3s;width:100%}.tip-add-step-btn:hover,.tip-submit-btn:hover{background:#bcbcbc;transform:scale(1.01)}@media (max-width:768px){.tip-container{flex-direction:column}.tip-image-upload{margin-top:20px;width:100%}}@media (max-width:540px){.tip-container{margin:0;width:100%}}.tip-details-container{background:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;margin:auto;max-width:1100px;padding:50px 30px}.tip-main-content{width:100%}.tip-header-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:60px;justify-content:space-between}.tip-header-text{flex:2 1}.tip-details-title{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.tip-details-description{color:#555;font-size:18px;line-height:1.6}.tip-details-main-image{border-radius:12px;flex-shrink:0;height:220px;object-fit:cover;width:300px}.tip-directions-title{border-bottom:2px solid #cc5200;color:#cc5200;display:inline-block;font-size:26px;font-weight:700;margin:50px auto 25px;padding-bottom:6px;text-align:center}.tip-steps-container{display:flex;flex-direction:column;gap:25px}.tip-step{background:#f9f9f9;border-radius:12px;box-shadow:0 3px 8px #00000014;gap:25px;padding:20px}.tip-step,.tip-step-number{align-items:center;display:flex}.tip-step-number{background-color:#ff7043;border-radius:25px;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;width:100px}.tip-step-content{flex:1 1}.tip-step-title{color:#333;font-size:20px;font-weight:700;margin-bottom:5px}.tip-step-description{color:#555;font-size:16px;line-height:1.5}.tip-step-image{border-radius:8px;height:150px;object-fit:cover;width:200px}.bottom-review-section{background:#fff7f0;border-radius:16px;box-shadow:0 3px 10px #00000014;margin-left:auto;margin-right:auto;margin-top:60px;max-width:900px;padding:40px;text-align:center}.bottom-review-section .review-subtitle,.bottom-review-section .review-title{border-bottom:2px solid #cc5200;color:#cc5200;display:inline-block;font-size:26px;margin-bottom:20px;padding-bottom:4px}.bottom-review-section .review-average{color:#555;font-size:18px;font-weight:700;margin-bottom:30px}.review-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.review-box{background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000f;padding:15px;text-align:left;width:260px}.review-name{color:#888;font-size:16px;margin-bottom:4px}.review-stars{color:#f8b400;font-size:18px;margin:4px 0}.review-text{font-size:14px;margin-bottom:12px}.reaction-button{border-radius:8px;font-size:14px;font-weight:700;padding:6px 12px;transition:background .2s ease}.reaction-button.active{background-color:#cc5200}.review-form{align-items:center;display:flex;flex-direction:column;gap:12px}.review-form input,.review-form select,.review-form textarea{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;max-width:400px;padding:10px;width:100%}.review-form textarea{min-height:80px;resize:vertical}.review-form button{background-color:#cc5200;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background .3s ease}.review-form button:hover{background-color:#a64000}.reviews-list-tips{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;margin-top:20px;max-width:100%;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;width:-moz-fit-content;width:fit-content}@media (max-width:768px){.tip-header-text input,.tip-step-content input{font-size:12px}#tip-header-button{flex-direction:column;width:100%}#tip-header-button button{width:50%}.tip-header-container,.tip-header-text{align-items:center;flex-direction:column}.tip-header-text{display:flex;justify-content:center;width:80%}.tip-header-text input{width:80%}}.recipe-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center}.recipe-header{color:#333;font-size:32px;font-weight:700}.recipe-subheader{align-items:center;animation:opacityChange 1s ease-out forwards;color:#777;display:flex;margin-top:0}.recipe-header-container{align-items:center;display:flex;justify-content:space-between;width:100%}.search-bar-1 select,select.search-bar-1{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #ccc;border-radius:6px;box-sizing:border-box;color:#000;font-size:16px;height:48px;padding:10px 12px;width:330px}.cuisine-filter-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:12px 0;max-width:650px}.cuisine-filter-tags label{align-items:center;background-color:#fff3e0;border:1px solid #ff7043;border-radius:20px;color:#5d4037;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .3s}.cuisine-filter-tags label:hover{background-color:#ffe0b2}.cuisine-filter-tags input[type=checkbox]{margin-right:6px}.sort-container{justify-content:space-between;width:100%}.sort-container,.sort-dropdown{align-items:center;display:flex}.sort-dropdown{margin-left:auto}.sort-dropdown label{align-items:flex-end;color:#000;display:flex;font-size:16px;justify-content:flex-end;margin-right:8px}.sort-dropdown select{border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:16px;padding:4px}.recipe-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);justify-items:center}.recipe-card-1{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;height:465px;max-width:350px;overflow:hidden;text-align:left;transition:transform .2s ease-in-out;width:100%}.recipe-card-1:hover{transform:scale(1.02)}.recipe-image-1{border-radius:8px 8px 0 0;height:200px;object-fit:cover;width:100%}.recipe-card-1 .recipe-content-1{height:100%;margin-top:0;padding:0 20px 20px}.recipe-title-1{color:#333;font-size:20px;font-weight:700;height:10%;margin-bottom:0;margin-top:0}.stars{align-items:center;display:flex;justify-content:center}.recipe-card-1 .average-rating-value{font-size:20px}.recipe-card-1 .average-rating-display{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;padding-left:20px}.recipe-description-1{color:#666;font-size:14px;height:10%;margin-bottom:12px;margin-top:5px}.read-more-button-1{border-radius:5px;display:block;font-weight:700;margin-top:10px;text-align:center;text-decoration:none}.delete-recipe-button-1,.read-more-button-1{font-size:14px;padding:10px;transition:background-color .3s ease-in-out}.delete-recipe-button-1{background-color:#ff4d4d;border:none;border-radius:5px;cursor:pointer;margin-top:8px;width:100%}.read-more-button-1{background-color:#ff7043;color:#fff}.read-more-button-1:hover{background-color:#e64a19}.delete-recipe-button-1{background-color:#e57373;color:#fff;margin-bottom:10px}.delete-recipe-button-1:hover{background-color:#d32f2f}.no-recipes-found{color:#999;font-size:16px;margin-top:20px}.favorite-button{border:none;color:#555;font-size:16px;transition:color .2s}.allergy-filter-tags,.diet-filter-tags{align-items:flex-start;background-color:#fffbe6;border:1px solid #ffcc80;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:16px;max-width:650px;padding:16px}.allergy-filter-tags h4,.diet-filter-tags h4{color:#ff7043;font-size:16px;font-weight:700;margin:0 0 8px}.allergy-filter-tags label,.diet-filter-tags label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:500}.allergy-filter-tags input[type=checkbox],.diet-filter-tags input[type=checkbox]{margin-right:8px}@media (max-width:768px){.recipe-grid{gap:16px;grid-template-columns:1fr}.sort-container{align-items:flex-start;flex-direction:column;gap:8px}.search-bar-1 select,select.search-bar-1{width:100%}.recipe-card-1{max-width:100%}.recipe-card-1 .average-rating-display{justify-content:center;padding-left:0}}.delete-recipe-btn{align-items:center;align-self:flex-start;background-color:initial;border:1px solid #ff4343;border-radius:4px;color:#ff4343;cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;margin-top:.3rem;padding:.35rem .6rem;transition:.3s;width:60%}.delete-recipe-btn:hover{background-color:#fd9494;color:#000}.favorite-button-btn{width:40%}.favorite-button-btn:hover{background-color:#fcbfac;color:#000}.loading-container{padding:50px;text-align:center}.loading-text{color:#888;font-size:1.5rem}.remove-favorite-button{box-sizing:border-box;font-size:12px;margin-top:10px;max-width:none;padding:10px 0;width:100%}#listing-information{align-content:center}#listing-information label{height:50px;margin-left:16px}.favorite-subheader{align-items:center;animation:opacityChange 1s ease-out forwards;color:#777;display:flex;font-size:1rem;margin-top:0}@media (max-width:768px){.recipe-header{margin:0}.recipe-header-container{margin-bottom:20px}#listing-information{align-content:flex-start;flex-direction:column;margin-bottom:10px}#listing-information p{font-size:16px;text-align:left}#listing-information label{height:40px;margin-left:0}.favorite-subheader{justify-content:center;text-align:center}}@media (max-width:540px){.recipe-header-container{flex-direction:column;gap:10px}.recipe-description-1{font-size:12px}.delete-recipe-btn,.favorite-button-btn,.read-more-button-1{font-size:10px}.sort-dropdown{margin-left:0}#listing-information{gap:10px}#listing-information label p{font-size:14px}}@media (max-width:320px){#listing-information p{font-size:14px}#listing-information label p{font-size:12px;margin-bottom:0;text-align:left}}.filter-page{background-color:#fafafa;font-family:Segoe UI,sans-serif;padding:1.5rem 2rem}.filter-header{margin-bottom:1.5rem;text-align:center}.filter-header h1{color:#333;font-size:1.8rem;margin-bottom:.4rem}.filter-header p{color:#666;font-size:.95rem}.filters-section{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px #0000001a;margin-bottom:1.5rem;padding:1rem 1.5rem}.dropdown-filters,.search-inputs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.dropdown-filters input,.dropdown-filters select,.ingredient-filter input,.search-inputs input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:.9rem;min-width:200px;padding:.5rem}.ingredient-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}.tag{align-items:center;background-color:#ffe0b2;border-radius:20px;color:#5d4037;display:flex;font-size:13px;padding:4px 10px}.tag button{background:none;border:none;color:#d32f2f;cursor:pointer;font-weight:700;margin-left:6px}.checkbox-filters{color:orange;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.checkbox-filters>div{min-width:160px}.checkbox-filters h4{color:#444;font-size:.95rem;margin-bottom:.25rem}.checkbox-filters label{display:block;font-size:.85rem;margin-bottom:.2rem}.recipe-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.recipe-card{margin:auto}.recipe-content{flex-grow:1;padding:.8rem}.recipe-content p{color:#666;margin-bottom:.5rem}.read-more{margin-bottom:.4rem}.no-recipes{color:#999;font-size:1rem;padding:2rem;text-align:center}.filter-layout{display:flex;gap:1.5rem}.filter-sidebar{background:#fff;border-radius:8px;box-shadow:0 1px 6px #0000000d;height:-moz-fit-content;height:fit-content;padding:1rem;position:sticky;top:1rem}.sidebar-navigation h2{color:#333;font-size:1.2rem;margin-bottom:1rem}.recipe-listing{flex-grow:1}.recipe-card{height:360px}.recipe-content h3{height:2.4rem;margin-bottom:.4rem;overflow:hidden;text-overflow:ellipsis}.recipe-content p{font-size:.85rem;line-height:1.2}.recipe-card{background-color:#fff;box-shadow:0 1px 6px #0000001a;display:flex;flex-direction:column;height:500px;justify-content:space-between;min-height:360px;overflow:hidden;transition:transform .2s;width:240px}.recipe-card:hover{transform:translateY(-3px)}.recipe-image{height:140px}.recipe-content{gap:.6rem;padding:.9rem .9rem 1.1rem}.recipe-content h3{line-height:1.2}.recipe-content p{max-height:3.8rem;overflow:hidden;text-overflow:ellipsis}.read-more{color:#1976d2;font-size:.85rem}.favorite-button{align-self:flex-start;background-color:initial;border:1px solid #ff7043;border-radius:4px;color:#ff7043;cursor:pointer;font-size:.85rem;margin-top:.3rem;padding:.35rem .6rem}.favorite-button.favorited{background-color:#ff7043;color:#fff}.recipe-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.recipe-content p{color:#555;flex-grow:1;font-size:.88rem;line-height:1.3;margin:0;max-height:4rem;overflow-y:auto;padding-right:4px}.recipe-content p::-webkit-scrollbar{width:6px}.recipe-content p::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.checkbox-group{margin-bottom:1.2rem}.checkbox-group label{line-height:1.2;margin:.2rem 0}.dropdown-group{margin-bottom:1rem}.dropdown-header{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.25rem 0}.checkbox-group{margin-top:.4rem;padding-left:.5rem}.checkbox-group label{display:block}.checkbox-group input{margin-right:6px;transform:scale(.85)}.filter-sidebar select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3E%3Cpath fill=%27%23666%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:8px 10px;border:1px solid #ccc;border-radius:6px;color:#333;font-size:.85rem;margin-bottom:.75rem;padding:.45rem .6rem;width:100%}.filter-sidebar select:focus{border-color:#888;outline:none}.checkbox-group label{justify-content:flex-start;margin:.3rem 0;padding-left:2px}.recipe-content h3{color:#333;font-size:1rem;font-weight:600;height:auto;line-height:1.3;margin:0;overflow:visible;white-space:normal}.checkbox-group label{color:#333;cursor:pointer;flex-direction:row-reverse;font-size:.78rem;gap:8px;line-height:1.4;margin:.25rem 0}.card-footer,.checkbox-group label{align-items:center;display:flex;justify-content:space-between}.card-footer{margin-top:.6rem}.filter-check{display:flex;flex-direction:row;justify-content:space-between}.recipe-meta{align-items:flex-end;color:#666;display:flex;flex-direction:column;font-size:.75rem;gap:2px;text-align:right}.filter-sidebar button{background-color:#f1f1f1;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .2s ease}.filter-sidebar button:hover{background-color:#e0e0e0}.checkbox-group,.dropdown-group{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;min-height:150px;padding-left:.75rem;padding-right:.75rem;width:100%}.filter-sidebar{height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;width:280px}.checkbox-group,.dropdown-group{width:100%}.checkbox-group input[type=checkbox]{accent-color:#ff7043;color:#fff;margin-right:6px;transform:scale(.85);width:40%}.filter-sidebar .dropdown-group,.filter-sidebar .ingredient-filter,.filter-sidebar input[type=number],.filter-sidebar input[type=text],.filter-sidebar select{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;width:100%}.dropdown-group{min-height:30px}.sidebar-navigation{height:100vh;overflow:visible}.recipe-card .read-more{min-width:80%}@media (max-width:1024px){.recipe-card{width:90%}.filter-layout{flex-direction:column}.filter-sidebar{height:auto;overscroll-behavior:unset;position:static;width:100%}.sidebar-navigation{height:auto}}.favorite-button-btn{border:none;color:#555;font-size:16px;transition:color .2s}.favorite-button.favorited{color:gold}.checkbox-label{display:block;font-size:14px;margin-top:8px}.favorite-button-btn{align-items:center;align-self:flex-start;background-color:initial;border:1px solid #ff7043;border-radius:4px;color:#ff7043;cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;margin-top:.3rem;padding:.35rem .6rem;transition:.3s;width:100%}.about-page{background-color:#fff;color:#333;font-family:Arial,sans-serif}.navbar{padding:10px 20px;width:100%}.logo{font-size:1.8em}.nav-links{gap:20px}.nav-links li a{color:#fff;text-decoration:none}.nav-links li a.active{border-bottom:2px solid #fff}.header-section h1{color:#333;margin:auto}.header-section p{color:#333;font-size:1.2em}.content-section{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:900px;padding:20px}.content-section h2{color:#333;margin-top:20px}@media (max-width:768px){.navbar{flex-direction:column;text-align:center}.nav-links,.navbar{align-items:center;width:100%}.nav-links{justify-content:center}.header-section h1{font-size:2em}.content-section h2{font-size:1.5em}.content-section p,.content-section ul li{font-size:1em}}team{color:#000;font-weight:700}team:hover{text-decoration:underline}.about-page{overflow-x:hidden}*,.content-section{box-sizing:border-box}.content-section{margin:20px auto;padding:16px;width:90%}.content-section a,.content-section p,.content-section ul li{word-wrap:break-word;overflow-wrap:break-word}.navbar{background-color:#d46a4c;font-size:20px;margin:auto;padding:10px 0}.logo{color:#fff;font-size:1.5em;font-weight:700}.nav-links{font-size:.8em;gap:35px;margin:auto}.nav-links li a{color:#000;font-size:1.1em;font-weight:100;transition:.3s}.nav-links li a:hover{opacity:60%}.nav-links li a.active{text-decoration:none}.dropdown{cursor:pointer;display:inline-block;padding:10px}.dropdown-title{border-radius:5px;color:#fff;font-size:1.1em;padding:10px;transition:.3s}.dropdown-title:hover{opacity:60%}.dropdown-menu{background:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:0;opacity:0;padding:10px 0;position:absolute;top:100%;transform:translateY(10px);transition:opacity .3s ease,transform .2s ease;visibility:hidden;width:150px;z-index:1000}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{color:#333;font-size:14px;font-weight:700;list-style:none;padding:8px 15px;transition:background-color .3s ease,color .3s ease}.dropdown-menu li a{color:inherit;display:block;text-decoration:none;width:100%}.dropdown-menu li:hover{background-color:#ebebeb;color:#000}.search-container{align-items:center;display:flex}.search-container input{border:none;border-radius:5px 0 0 5px;padding:5px 10px}.search-container button{background-color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;padding:5px 10px}.header-section{background-color:#fff;padding:40px 20px;text-align:center}.content-section p,.content-section ul{line-height:1.6;margin-bottom:15px}.content-section ul{list-style-type:disc;padding-left:20px}.content-section ul li{margin-bottom:10px}.content-section a{color:#d46a4c;text-decoration:none}.content-section a:hover{text-decoration:underline}@media (max-width:768px){.navbar{align-items:flex-start}.nav-links,.navbar{flex-direction:column}.nav-links{gap:10px;margin-top:10px}.header-section h1{font-size:2em}.content-section h2{font-size:1.5em}}.profilepic{clip-path:circle(140px at 50% 55%);display:block;height:auto;max-width:300px;transition:transform .4s}.Justin,.profilepic{margin:auto;padding-top:20px;width:90%}.Justin{color:#333;max-width:1000px;padding-bottom:20px}@media (max-width:480px){.header-section h1{font-size:1.7em}.Justin{font-size:1em}}.login-container{background-color:#ff8558;height:100vh;overflow-x:hidden;width:100vw}.login-box{border-radius:30px;box-shadow:0 4px 10px #0000001a;flex-wrap:nowrap;height:auto;max-width:1152px;padding:20px;position:relative;width:75vw}.left-column{padding:2rem;text-align:left}.right-column{align-items:center;display:flex;justify-content:center;margin:0;overflow:hidden}.food-image{border-radius:20px}.login-title{color:#4a2e1f;font-family:Arial;font-size:32px;text-shadow:3px 3px 3px #0003}.subtitle{color:#444;font-family:Arial;font-size:20px}.register-form{gap:14px;width:100%}.input-groupp,.register-form{display:flex;flex-direction:column}.input-groupp label{color:#4a2c2a;font-family:Arial;font-size:1.3rem;font-weight:700}.input-groupp input{background-color:#b4b4b4;border:none;font-size:18px}.options{flex-wrap:wrap;font-size:18px;gap:10px}.remember-me{align-items:center;display:flex;flex-direction:row;font-weight:700;gap:5px;justify-content:center;margin-bottom:0}.remember-me input[type=checkbox]{accent-color:#43a32d;height:16px;margin:0;width:16px}.forgot-password{color:#000;font-size:18px}.signup-btna{align-self:flex-start;background:#0d5818;border-radius:5px;box-shadow:2px 2px 5px #0003;font-size:20px;padding:12px 24px;transition:.3s;width:-moz-fit-content;width:fit-content}.signup-btna:hover{background:#56b940;cursor:pointer;transform:scale(1.02)}.signup-btna:active{transform:scale(.99)}.login-text{color:#333;font-size:16px;margin-top:15px;text-align:left}.sign-up-link{color:#0d5818}.back-arrow{font-size:28px;left:20px;position:absolute;top:20px}@media (max-width:768px){.login-box{align-items:center;flex-direction:column;padding:30px 20px;width:95vw}.right-column{display:none}.logo-loginn{left:auto;margin:0 auto 1rem;position:static;top:auto;width:150px}.back-arrow{display:block}.login-title{font-size:32px;margin-top:10px;text-align:center}.subtitle{font-size:20px;text-align:center}.left-column{padding:0}.left-column,.register-form{align-items:center;width:100%}.input-groupp input{width:100%}.options{align-items:center;flex-direction:column;text-align:center}.signup-btna{align-self:center;margin-top:10px}.login-text{font-size:14px;text-align:center}}@media (max-width:1024px) and (min-width:769px){.login-box{align-items:center;flex-direction:column;padding:40px 30px;width:90vw}.right-column{display:none}.left-column{align-items:center;padding:0;text-align:center;width:100%}.login-title{font-size:30px;text-align:center}.logo-loginn{align-self:center;margin-bottom:10px;width:150px}.subtitle{font-size:17px;margin-bottom:20px;text-align:center}.register-form{align-items:center;width:100%}.input-groupp input{width:100%}.options{align-items:center;flex-direction:row;text-align:center;width:80%}.signup-btna{align-self:center;margin-top:10px}.login-text{font-size:14px;text-align:center}}@media (min-width:2560px){.login-box{height:auto}}.login-container{align-items:center;display:flex;justify-content:center;padding:40px 20px}.login-box{background-color:#fff;border-radius:16px;box-shadow:0 10px 35px #0000001a;display:flex;overflow:hidden;width:950px}.left-column{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:10px 50px}.logo-loginn{border-radius:20px;width:150px}.login-title{color:#42240c;font-size:30px;font-weight:700;margin-bottom:10px}.subtitle{color:#5f5f5f;font-size:14px;margin-bottom:20px}.input-groupp{margin-bottom:20px;.input-groupp input.invalid-input{background-color:#fff;border:1px solid #d93025}.input-error-text{color:#d93025;font-size:12px;margin-left:2px;margin-top:4px}}.input-groupp label{color:#333;display:block;font-weight:500;margin-bottom:6px}.input-groupp input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border .2s ease-in-out;width:100%}.input-groupp input:focus{border-color:#d87b4a;outline:none}.options{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:20px}.remember-me input{margin-right:6px}.forgot-password{color:#b95c33;text-decoration:none}.forgot-password:hover{text-decoration:underline}.signup-btna{background-color:#0d3f29;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:background .3s ease;width:100%}.signup-btna:hover{background-color:#0a3220}.login-text{color:#555;font-size:13px;margin-top:16px;text-align:center}.sign-up-link{color:#187d27;font-weight:700;margin-left:5px;text-decoration:none}.sign-up-link:hover{text-decoration:underline}.right-column{background-color:#fff;flex:1 1;position:relative}.food-image{height:100%;object-fit:cover;width:100%}.alert{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.alert.success{background-color:#e7f7ec;border:1px solid #a3e4c3;color:#1a6c3b}.alert.error{background-color:#fff4f4;border:1px solid #f5c6cb;box-shadow:0 2px 5px #ff00000d;color:#c0392b}.back-arrow{cursor:pointer;display:none;font-size:20px;margin-bottom:20px}@media (max-width:1024px){.input-groupp,.signup-btna{width:80%}}@media (max-width:1024px) and (max-height:600px){.logo-loginn{display:none}.login-container{height:auto}}@media (max-width:768px){.login-box{flex-direction:column;max-width:100%}.right-column{display:none}.left-column{padding:0 5px}.left-column img{margin-bottom:0;width:150px}.back-arrow{display:block}.options{flex-direction:row;width:80%}}@media (max-width:375px){.left-column img{display:none}}@media (max-width:320px){.login-title{font-size:25px}}:root{--color-text:#333;--color-white:#fff;--color-accent:#f2f2f2}body{background-color:#fff;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}.navbar{background-color:#e8775b;background-color:var(--color-brand);color:#fff;padding:10px}.navbar .logo{font-size:20px;font-weight:700}.navbar ul{display:flex;list-style:none}.navbar ul li{cursor:pointer}.navbar .profile-icon{font-size:20px}.container{flex-direction:row;flex-wrap:wrap;margin:auto;max-width:1200px;padding:1rem}.column,.container{display:flex;gap:10px;justify-content:center}.column{align-items:center;background-color:#fff;background-color:var(--color-white);border-radius:8px;box-shadow:0 0 10px #0000001a;flex-direction:column;min-height:250px;padding:1.5rem;text-align:center;width:45%}h1,h2{margin-bottom:0}.container p,h1,h2,li{color:#333;color:var(--color-text)}.heading-1{font-size:32px;font-weight:700}.heading-2{font-size:24px;font-weight:600}.body-text{font-size:16px;font-weight:400}.small-text{font-size:14px;font-weight:400}.column img{transition:.3s}.column img:hover{transform:scale(1.03)}.color-box{align-items:center;border-bottom:2px solid #000;display:flex;flex-direction:column;gap:10px;padding-bottom:15px;width:90%}.color-box,.color-sample{justify-content:center;text-align:center}.color-sample{border:1px solid #333;border:1px solid var(--color-text);border-radius:4px;font-weight:700;padding:12px;width:80%}.brand{background-color:#e8775b;color:#fff}.text{background-color:#333;color:#fff}.success{background-color:#5cb85c;color:#fff}.error{background-color:#d9534f;color:#fff}.posthome{background-color:#ff8c42;color:#fff}.cuisine{background-color:#ff8f4a39;color:#fff}.button-container{display:flex;gap:10px;justify-content:center}.btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;padding:.75rem 1.5rem}.btn-primary{background-color:#e8775b;background-color:var(--color-brand);color:#fff;color:var(--color-white);transition:.3s}.btn-secondary{background-color:#fff;background-color:var(--color-white);border:2px solid #e8775b;border:2px solid var(--color-brand);color:#e8775b;color:var(--color-brand);font-weight:700;transition:.3s}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.03)}.btn-primary:active,.btn-secondary:active{transform:scale(1)}.modal-overlay{background:#00000080;height:100%;width:100%}.modal-content{background:#fff;background:var(--color-white);border-radius:8px;width:400px}.close-btn{cursor:pointer;font-size:1.5rem}.alert{border:1px solid #000;border-radius:50px;font-size:20px;font-weight:700;margin-bottom:10px;margin-top:10px;padding:1rem;text-align:center}.help-icon{background-color:#e8775b;background-color:var(--color-brand);border:1px solid #333;border:1px solid var(--color-text);border-radius:50%;color:#fff;color:var(--color-white);font-size:14px;font-weight:700;padding:4px 8px}.help-icon:hover{cursor:help}@media (max-width:768px){.column{width:100%}}country{display:flex;flex-direction:row;gap:5px}.countrybutton{align-items:center;background-color:#000;border-radius:8px;border-style:solid;color:#fff;display:flex;flex-direction:column;font-size:15px;height:40px;justify-content:center;transition:.3s;width:80px}.countrybutton:hover{transform:scale(1.05)}.countrybutton:active{transform:scale(1)}.countrybuttons a{font-size:15px;font-weight:700}.selected_country{align-items:center;background-color:#d46a4c;border-color:#d46a4c;border-radius:8px;border-style:solid;color:#fff;display:flex;flex-direction:column;font-size:15px;height:40px;justify-content:center;transition:.3s;width:80px}.selected_country:hover{transform:scale(1.05)}.selected_country:active{transform:scale(1)}.editprofile{align-items:center;background-color:#000;border:1px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:19px;height:40px;justify-content:center;padding:5px;transition:.3s;width:188px}.editprofile:hover{cursor:pointer;transform:scale(1.04)}.cuisine-card p{font-size:20px}.tip-add-step-btn{background:#e4684a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;margin-top:15px;padding:14px;transition:.3s;width:300px}.snip-box{border-bottom:2px solid #000;padding-bottom:10px}code,codes{color:#000;font-family:Courier New,Courier,monospace;font-size:20px;line-height:1}code,codes,pre{display:flex;text-align:left}pre{align-items:flex-start;font-size:18px;padding:20px}code{background-color:#f7f7f7;border-radius:8px;display:block;font-size:14px;padding:10px;white-space:pre-wrap;word-break:break-word}.btn-danger{background-color:#d9534f;background-color:var(--color-error);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:.75rem 1.5rem;transition:.3s}.btn-danger:hover{transform:scale(1.03)}.btn-danger:active{transform:scale(1)}@media (max-width:1024px){.alert{font-size:14px}.nav-links{gap:10px}.nav-links-container.open{background-color:#f9f1e8}}@media (max-width:425px){.alert{font-size:12px}}@media (max-width:320px){.alert{font-size:10px}}body,html{font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.page-container{align-items:center;background-color:#ff8f4a39;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;width:100%}.upload-recipe-header{animation:DiscoverSlide .8s ease-out;color:grey;font-size:1.5rem;font-weight:600;padding:15px 0;text-align:center;width:100%}.upload-recipe-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;gap:30px;margin-top:20px;max-width:1200px;padding:30px;width:100%}.upload-recipe-form{display:flex;flex:2 1;flex-direction:column}.upload-recipe-image{align-items:center;display:flex;flex:1 1;flex-direction:column}.upload-recipe-container label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.upload-recipe-container input[type=number],.upload-recipe-container input[type=text],.upload-recipe-container select,.upload-recipe-container textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:15px;padding:8px;transition:border .2s ease-in-out;width:100%}.upload-recipe-container input[type=number]:focus,.upload-recipe-container input[type=text]:focus,.upload-recipe-container select:focus,.upload-recipe-container textarea:focus{border-color:#e0785a;outline:none}.time-inputs{display:flex;gap:10px;margin-bottom:15px}.time-inputs input{padding:8px;width:60px}.difficulty-options{display:flex;justify-content:space-between;margin-bottom:20px}.difficulty-btn{background-color:#d3d3d3;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 12px;text-align:center;transition:all .2s ease-in-out}.difficulty-btn:hover{background-color:#f2c4b5}.difficulty-btn.selected{background-color:#e0785a;border:1px solid #e0785a;color:#fff}.ingredient-input{display:flex;gap:10px;margin-bottom:15px}.ingredient-input input{flex-grow:1}.ingredient-list{list-style-type:none;margin-bottom:20px;padding:0}.ingredient-list li{background:#f9f9f9;border-radius:4px;color:#333;font-size:.9rem;margin-bottom:5px;padding:8px 12px}.upload-recipe-container button[type=button]{align-self:flex-start;background:#ddd;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.9rem;margin-bottom:20px;padding:8px 12px;transition:background .2s ease-in-out}.upload-recipe-container button[type=button]:hover{background:#ccc}.upload-recipe-container input[type=file]{display:none}.file-upload-box{color:#aaa;height:200px}.file-upload-box:hover{border-color:#e0785a;color:#e0785a}.preview-img{margin-top:10px}.submit-btn{background:#e0785a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background .2s ease-in-out;width:100%}.submit-btn:hover{background:#c06245}.cuisine-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px}.cuisine-tagz{background-color:#f0f0f0;border-radius:20px;color:#000;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s ease-in-out}.cuisine-tagz.selected,.cuisine-tagz:hover{background-color:#e0e0e0}.cuisine-tagz.selected{background-color:#fc8f71;color:#000}.delete-btn{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px}.delete-btn:hover{background:darkred}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#fffaf5;border-radius:15px;box-shadow:0 5px 25px #0000004d;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%}.close{color:#444;cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.modal-button{background-color:#3d943d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:1rem;padding:10px 25px;transition:background .3s}.modal-button:hover{background-color:#2e7b2e}@media (max-width:768px){.upload-recipe-image{width:100%}}@media (max-width:540px){.upload-recipe-container{flex-direction:column}}@font-face{font-family:Qolara;font-style:oblique;font-weight:bolder;src:url(/static/media/QOLARA%20SERIF%20DEMO.355f676546177ef6d39c.ttf) format("truetype")}@font-face{font-family:AlteReg;font-style:normal;font-weight:400;src:url(/static/media/AlteHaasGroteskRegular.6ae6623ec966c59db9f2.ttf) format("truetype")}@font-face{font-family:AlteBold;font-style:normal;font-weight:400;src:url(/static/media/AlteHaasGroteskBold.51e503d8635aaf81c93d.ttf) format("truetype")}.slogan-buttons,.slogan-text{font-family:Qolara,serif}.feature-box h3,.feature-showcase h2,.landing-about h3,.landing-contact h5{font-family:AlteBold,Helvetica,Arial,sans-serif}#journey-join-button,#landing-learn,.example-box p,.feature-box h4,.landing-about h4,.landing-contact p,.landing-links li a{font-family:AlteReg,Helvetica,Arial,sans-serif}.landing-page{height:100vh;width:100%}.image-overlay{width:100%}.image-overlay img{filter:brightness(50%);height:100%;object-fit:cover;width:100%}.slogan-text{animation:opacityChange 1s ease-out forwards}.overlay-text{align-items:center;display:flex;flex-direction:column;gap:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.slogan-title{color:#d96846;margin:50px 0 0}.slogan-subtitle,.slogan-title{text-shadow:0 3px 10px #00000071}.slogan-subtitle{color:#fff;margin:0}.slogan-layout{align-items:center;animation:opacityChange 1.3s ease-out forwards;display:flex;flex-direction:column;gap:10px;justify-content:center;width:40%}.slogan-layout a{width:100%}.slogan-buttons{display:flex;flex-direction:row;gap:10px;width:100%}.slogan-buttons a{background-color:#f9f1e8;border:0;border-radius:15px;color:#000;font-size:18px;height:50px;padding:15px 25px;transition:.3s}.slogan-buttons a:hover{background-color:#efe4d8;box-shadow:0 3px 10px #f9f1e832;cursor:pointer;transform:translateY(-2px)}.slogan-buttons a:active{transform:scale(.98)}#landing-learn{background-color:#fff;border:0;border-radius:15px;color:#000;font-size:16px;height:45px;padding:10px;transition:.3s;width:100%}#landing-learn:hover{background-color:#f5f5f5;box-shadow:0 3px 10px #f9f1e832;cursor:pointer;transform:translateY(-2px)}#landing-learn:active{transform:scale(.98)}.feature-box h3,.feature-box h4{color:#000}.site-showcase{background-color:#faf7f2;padding:120px 40px;width:100%}.feature-display,.site-showcase{display:flex;justify-content:center}.feature-display{flex-direction:row;flex-wrap:wrap;gap:40px;width:50%}.feature-box{animation:opacityChange 1s ease-out;background-color:#f6edea;border:1px solid #000;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.393);display:flex;flex-direction:column;gap:10px;height:200px;max-width:350px;padding:20px;transition:.3s}.feature-box:hover{transform:translateY(-5px)}.feature-box-header{align-items:center;display:flex;flex-direction:row;gap:20px}.feature-box img{background-color:#b5350e;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.193);padding:10px;width:50px}.feature-box h3,.feature-box h4{margin:0}.feature-box h3{color:#b5350e;font-size:22px;text-shadow:0 2px 3px #0003}.example-box p,.feature-box h3:hover,.feature-box h4:hover,.feature-showcase h4,.landing-about h3:hover,.landing-about h4:hover{cursor:default}.feature-box h3:after{background:linear-gradient(90deg,#b5350e,#f60 100%);content:"";display:block;height:2px;transition:width .3s;width:0}.feature-box h3:hover:after{width:100%}.feature-box h4{font-size:18px;font-weight:100;text-align:left}.landing-about{align-items:flex-start;background-color:#97735229;border-radius:10px;display:flex;flex-direction:column;height:auto;justify-content:flex-start;padding:0 30px;width:40%}.landing-about h3{color:#62472f;font-size:34px;margin:30px 0 10px;text-align:left;text-shadow:0 1px 10px #00000038}.landing-about h3:after{background:linear-gradient(90deg,#ebc4a1,#7a5d3e);content:"";display:block;height:3px;transition:width .3s;width:0}.landing-about h3:hover:after{width:100%}.landing-about h4{color:#000;font-size:20px;font-weight:100;margin:10px 0;text-align:left;text-shadow:0 1px 5px #0000002e}.image-overlay{height:90vh;overflow:hidden;position:relative}.background-carousel{transition:opacity 1s ease-in-out}.overlay-text{padding-top:12%}.background-carousel{height:80%;object-fit:cover;transition:opacity 1.8s cubic-bezier(.4,0,.2,1);z-index:1}.landing-page{height:90vh;position:relative;width:100vw}.background-carousel{height:100%;left:0;position:absolute;top:0;width:100%}.bg-img{height:60%;object-fit:cover;opacity:1;position:absolute;transition:opacity 1.5s ease-in-out;width:100%;z-index:0}.fade-in{opacity:1;z-index:1}.fade-out{opacity:0;z-index:0}.overlay-text{color:#fff;position:relative;text-align:center;top:35%;z-index:2}.invalid-input{background-color:#fff;border:1px solid #d93025}.input-error-text{color:#d93025;font-size:12px;font-weight:500;margin-left:2px;margin-top:4px}#journey-join-button{background-color:#6e4d43;border:0;border-radius:15px;color:#fff;font-size:14px;height:45px;padding:10px 55px;transition:.3s}#journey-join-button:hover{box-shadow:0 3px 8px #0000002e;cursor:pointer;transform:translateY(-1px)}.feature-showcase{align-items:center;background-color:#f8efe5;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 40px;width:100%}.feature-showcase h2{color:#b5350e;font-size:36px;margin:0;text-shadow:0 3px 5px #00000042}.feature-showcase h2:after{background:linear-gradient(90deg,#ecb486,#d96846);content:"";display:block;height:3px;margin-bottom:40px;transition:width .3s;width:0;width:100%}.example-box{align-items:center;background-color:#ebebeb;border:2px solid gray;border-radius:25px;box-shadow:0 3px 8px #00000050;box-shadow:0 0 10px #00000055;display:flex;flex-direction:row;height:70px;justify-content:center;overflow:hidden;padding:0 60px;transition:.2s;width:400px}.example-box p{color:#000;font-size:16px;font-weight:1000;margin:0}.example-box:hover{border:2px solid #d96846;transform:scale(1.01)}.example-container{flex-direction:row;flex-wrap:wrap;gap:20px;width:100%}.example-container,.landing-contact{align-items:center;display:flex;justify-content:center}.landing-contact{background-color:#533328;flex-direction:column;height:350px;padding:60px}.landing-contact h5{color:#fff;font-size:34px;font-weight:1000;margin-bottom:0;text-shadow:0 2px 10px #0000007b}.landing-contact p a{color:#fff;text-decoration:underline}.landing-contact p{text-shadow:0 3px 10px #00000047}@media (max-width:1440px){.feature-box{max-width:300px}.feature-box h3{font-size:18px}.feature-box-header{gap:10px}.site-showcase{gap:40px}}@media (max-width:1280px){.slogan-layout{width:80%}.site-showcase{flex-direction:column;gap:80px;padding:80px}.landing-about{padding:50px 30px;width:100%}.feature-display{gap:4%;row-gap:20px;width:100%}.landing-about h3{margin-top:0}.feature-box{max-width:48%}}@media (max-width:768px){.slogan-layout{width:80%}}@media (max-width:540px){.site-showcase{padding:40px}.feature-showcase h4{font-size:26px}.example-container{gap:5px}.example-box{border-radius:15px;height:40px;padding:0;width:49%}.example-box img{width:30px}.example-box p{font-size:10px}.slogan-buttons{flex-direction:column}.feature-showcase{padding:60px 20px}.feature-box-header h3{font-size:16px}.feature-box{height:150px;max-width:100%}.feature-box img{width:40px}.feature-box h4{font-size:16px}.landing-about h3{font-size:28px}.landing-about h4{font-size:14px}.feature-showcase h2{font-size:26px}}@media (max-width:390px){.feature-box h4{font-size:15px}}@media (max-width:375px){.feature-box h4{font-size:14px}.slogan-text{margin:0 30px}.feature-box-header h3{font-size:16px;text-align:left}}.homepage{flex-direction:column;gap:30px}.hero,.homepage{align-items:center;display:flex}.hero{background:#e8775b07;border-radius:0;box-shadow:0 5px 15px #0000001a;justify-content:space-between;margin-bottom:0;max-height:350px;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.hero-image{display:flex;flex:1 1;height:100%;justify-content:flex-end;width:50%}.hero-image img{border-radius:0;height:100%;object-fit:cover;width:100%}.hero-text{flex:1 1;max-width:50%;padding:50px}@keyframes DiscoverSlide{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes difficultyGlow{0%{box-shadow:0 0 10px #634e3b}to{box-shadow:0 0 10px rgba(90,90,90,.348)}}@keyframes opacityChange{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-text h1{animation:DiscoverSlide .8s ease-out;color:#222;font-size:2.8rem;font-weight:700;text-transform:capitalize}.hero-text p{animation:opacityChange 1s ease-out forwards;color:#444;font-size:1.5rem;line-height:1.6;margin:15px 0}@media (max-width:768px){.hero{flex-direction:column}.hero-text{max-width:100%;padding:40px}.hero-image{height:300px;width:100%}.hero-image img{object-fit:cover;width:100%}}.hero-buttons{display:flex;gap:20px;justify-content:center}.btn.primary{background-color:#4d3d2f;border:none;border-radius:15px;color:#fff;font-weight:700;transform:scale(1.03);transition:.3s}.btn.secondary{background-color:initial;border:2px solid #ff8c42;border-radius:15px;color:#ff8c42;transition:.3s}.btn.primary:hover{background-color:#856c55;transform:scale(1.05)}.btn.primary:active{transform:scale(1)}.btn.secondary:hover{transform:scale(1.05)}.btn.btn.secondary:active{transform:scale(1)}.featured-tips h2{color:#000;margin-top:0}.featured-tips{background:#ff740317;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin-top:40px;padding:40px;text-align:center;width:85%}.tips-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:10px 0}.tip-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#000;display:flex;flex-direction:column;justify-content:space-between;min-height:350px;padding:20px;text-align:center;transition:transform .3s ease-in-out;width:260px}.tip-card,.tip-card h3{font-size:15px}.tip-image{border-top-left-radius:8px;border-top-right-radius:8px;height:100px;margin-top:0;object-fit:cover;width:100%}.tip-card:hover{transform:scale(1.05)}.tip-card h3{color:#222}.tip-card p{color:#555}.read-more{align-self:center;background-color:#ff9450;border-radius:20px;color:#000;font-size:15px;margin-top:15px;padding:10px 15px;text-decoration:none;transition:background .3s ease-in-out;width:80%}.contact a{color:#fff;text-decoration:underline}.read-more:hover{background-color:#e07636;transform:scale(1.03)}.read-more:active{transform:scale(1)}.guides,.popular-recipes .recipes-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.guides .guide-card{align-items:center;background-color:#ff8f4a39;border-radius:8px;box-shadow:0 5px 10px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;font-size:22px;height:150px;margin-bottom:10px;max-width:300px;padding:20px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.how-to{margin-bottom:40px;width:100%}.guide-card a{color:#000;font-size:16px}.guide-card a:hover{text-decoration:underline}.guide-card p{color:#000;font-size:16px}.guide-card h3{color:#000;font-size:18px;margin:0}.recipes-grid .recipe-card{align-items:center;background:#f2f2f2;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#000;display:flex;flex-direction:column;height:350px;justify-content:center;padding:20px;text-align:center;transition:transform .3s ease-in-out;width:260px}.guide-card:hover,.level:hover,.recipe-card:hover{transform:scale(1.03)}.choose-level{text-align:center;width:100%}.choose-level h2{color:#000;font-size:30px;margin-bottom:10px;margin-top:0}.levels{flex-wrap:wrap;gap:10px}.level,.levels{align-items:center;display:flex;justify-content:center}.level{animation:difficultyGlow .8s ease-out infinite alternate;background-color:#000;border:0;border-radius:8px;color:#fff;font-size:15px;height:40px;transition:.3s;width:80px}.level:hover{background-color:#2c2c2cd9;box-shadow:0 6px 20px #00000026;cursor:pointer}.level:active{transform:scale(1)}.level button{background-color:#fff;border:2px solid;border-radius:20px;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:auto;padding:12px 18px;transition:all .3s;width:80%}leveltext{color:#fff;font-weight:700}.level button:hover{background-color:#0000001a}@media (max-width:768px){.levels{align-items:center;flex-direction:column}.level{width:90%}}.community{align-items:center;background-color:#bc9176a6;box-shadow:0 5px 15px #000000e6;display:flex;justify-content:center;padding:100px 0;text-align:center;width:100%}.community h2{color:#fff;font-size:2rem}.community p{color:#000;color:#fff}.community-buttons{display:flex;gap:20px;justify-content:center;transition:.3s}.community-buttons .btn{border-radius:8px;font-size:1rem;padding:16px 40px;transition:.3s}.community-buttons .btn:active{transform:scale(1)}#community-information{background-color:#737373;border-radius:50px;box-shadow:0 5px 15px #0003;padding:30px 150px;width:80%}.contact{background:#505050;box-shadow:0 5px 15px #0000001a;line-height:.9;margin-bottom:0;padding:3%;text-align:center}.contact h2{color:#fff}.cuisine-section{margin-bottom:0;text-align:center;width:95%}.cuisine-section h2{color:#222;font-size:2rem;margin-bottom:20px}.cuisine-grid{flex-wrap:wrap;gap:15px}.cuisine-card,.cuisine-grid{display:flex;justify-content:center}.cuisine-card{align-items:center;background:#ff8f4a39;border-radius:10px;box-shadow:0 4px 10px #0000001a;height:70px;line-height:.2;text-align:center;transition:.3s;width:180px}.cuisine-card:hover{background:#ff8f4a6a;cursor:pointer;transform:scale(1.05)}.cuisine-card:active{transform:scale(1)}.cuisine-icon{display:block;font-size:2rem;margin-bottom:10px}.cuisine-grid p{color:#000;font-size:18px}.popular-recipes h2{margin-top:0}body,html{overflow-x:hidden;width:100%}@media (max-width:768px){.hero{max-height:100%}}.recipe-image-cover{border-radius:8px;height:40%;margin-bottom:20px;object-fit:cover;width:100%}.recipe-card p{color:#000;font-size:15px;height:20%}.recipe-card h3{color:#000;font-size:20px;height:10%;margin:0 0 10px}.recipe-card .read-more{background-color:#666;border-radius:15px;color:#fff;display:inline-block;font-size:13px;margin-top:10px;padding:10px 15px;text-decoration:none;transition:background .3s;transition:.3s;width:60%}.recipe-card .read-more:hover{background-color:#e07636;transform:scale(1.03)}.recipe-card .read-more:active{transform:scale(1)}.level.active{background-color:#ff8c42;box-shadow:0 0 12px #ff8c42b3;color:#fff;transform:scale(1.05)}.view-recipe-button{align-self:center;background-color:#ff8c42;border-radius:20px;font-size:15px;margin-top:15px;padding:10px 15px;transition:background .3s ease-in-out;width:80%}.view-recipe-button:hover{background-color:#e07636;transform:scale(1.03)}.view-recipe-button:active{transform:scale(1)}@media (max-width:768px){.guides{align-items:center;flex-direction:column}.guides .guide-card{font-size:18px;padding:15px;width:90%}.guides .guide-card p{font-size:14px}.guides .guide-card h3{font-size:20px}.tip-card{min-height:auto;padding:20px;width:90%}.read-more,.view-recipe-button{width:60%}.recipe-card{padding:20px;width:90%}.view-recipe-button{width:60%}}@media (max-width:425px){.hero-buttons{display:flex;flex-direction:column}.read-more{font-size:12px;width:100%}}@media (max-width:540px){#community-information{padding:30px 10px}#community-information h2{font-size:1.4rem}#community-information p{font-size:1.2rem}}.MainHeading{color:#2e2e2e;font-size:36px;font-weight:700}.MainHeading,.SectionHeading{margin-top:40px;text-align:center}.SectionHeading{animation:fadeInUp .8s ease forwards;color:#333;font-size:26px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;transition:all .3s ease-in-out}.SubHeading{color:#2e2e2e;font-size:18px;margin-bottom:30px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}input::placeholder{color:#aaa;font-style:italic}.create-group-btn,.toggle-btn{background-color:#333;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .3s ease}.create-group-btn:hover,.toggle-btn:hover{background-color:#555}.create-group-input,.search-input{border:1px solid #ccc;border-radius:10px;display:block;font-size:16px;height:36px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:90%;padding:8px 12px;width:300px}.GroupListSection h3{color:#444;font-size:24px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;margin-top:40px;text-align:center}.community-box{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:30px}.community-model{background-color:#fff7f4;border-radius:15px;box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column;gap:15px;padding:20px;text-align:center;transition:transform .2s ease}.community-model h4{color:#333;font-size:18px;font-weight:700;margin:0}.group-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.community-model a,.community-model button{background-color:#ffab8c;border:none;border-radius:10px;box-shadow:0 5px 8px #0000001a;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:.3s ease}.community-model a:hover,.community-model button:hover{background-color:#f79a79;transform:scale(1.05) translateY(-1px)}.community-model:hover{transform:scale(1.02)}.comment-button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.comment-button:hover{background-color:#555}.error-message{color:red;font-size:14px;margin-top:10px;text-align:center}@media (max-width:768px){.community-box{grid-template-columns:1fr;padding:20px}.group-buttons{flex-direction:column}.create-group-btn,.toggle-btn{margin:10px auto;width:90%}}.quote-ticker-container{align-items:center;background-color:#fff0e6;border-bottom:2px solid #ffd0b3;border-top:2px solid #ffd0b3;display:flex;justify-content:center;margin:10px 0 30px;overflow:hidden;padding:10px 0;width:100%}.quote-ticker{animation:scrollQuote 10s linear infinite;color:#444;font-size:24px;font-style:italic;font-weight:500;max-width:100%;white-space:nowrap}@keyframes scrollQuote{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.howto-container{margin:auto;max-width:600px;overflow-x:hidden;padding-top:20px;text-align:center;width:90%}.howto-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.howto-header h1{animation:DiscoverSlide .8s ease-out;color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.header-icon{height:50px;width:50px}.howto-subheading{animation:opacityChange 1s ease-out forwards;color:#727272;font-size:24px;font-weight:500;margin-top:10px;text-align:center}.howto-guides{display:flex;flex-direction:column;gap:15px}.guide-card{align-items:center;background-color:#f4c8b4;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.guide-card:hover{box-shadow:0 4px 10px #0003;transform:scale(1.02)}.guide-info{flex:1 1;text-align:left}.guide-info h3{color:#000;margin:0}.guide-info h3,.guide-link{font-size:20px;font-weight:700}.guide-link{color:#d26e4b!important;text-decoration:underline!important;text-underline-position:under}.guide-link:hover{color:#a3452c!important}.guide-info p{color:#000;font-size:16px;margin:5px 0 0}.guide-icons{gap:20px}.guide-icons,.icon{align-items:center;display:flex}.icon{cursor:pointer;flex-direction:column}.icon,.icon img{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.icon img{height:40px;width:40px}.icon:hover img{box-shadow:0 4px 10px #0000004d;transform:scale(1.2)}.icon p{color:#000;font-size:14px;margin-top:5px}.full-screen-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000c;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.full-screen-image{border-radius:10px;box-shadow:0 4px 10px #fff3;max-height:90%;max-width:90%;object-fit:contain;transition:transform .2s ease-in-out}.full-screen-image:hover{transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.guide-card{flex-direction:column;text-align:center}.guide-icons{justify-content:center}.guide-info{margin-bottom:10px;text-align:center}}.baking-basics-container,.grilling-container{margin:auto;padding-top:20px;text-align:center;width:80%}.info-section p,.info-section ul{color:#444;font-size:18px;line-height:1.6}.bread-container,.cake-container,.egg-container,.fish-container,.knife-container,.onion-container,.pancake-container,.pasta-container,.rice-container,.seasoning-container,.sharpen-container,.steak-container,.stirfry-container{margin:auto;padding-top:20px;text-align:center;width:80%}.back-link{margin-bottom:15px;text-align:left}.back-link a{color:#d26e4b;font-size:18px;font-weight:700;text-decoration:none}.back-link a:hover{color:#a3452c}.title{color:#d26e4b;font-size:32px;font-weight:700;margin-bottom:20px;text-decoration:underline}.poster-container{display:flex;justify-content:center;margin-bottom:20px}.poster{border-radius:10px;box-shadow:0 4px 8px #0003;max-width:50%}.info-section{margin-top:20px;text-align:left}.info-section h2{color:#d26e4b;font-size:24px;margin-bottom:10px}.info-section ul{list-style:none;padding:0}.info-section li{margin-bottom:10px}.info-section li:before{color:#d26e4b;content:"✔️ "}.navbar{align-items:center;background-color:#f9f1e8;box-shadow:0 5px 5px rgba(0,0,0,.464);display:flex;justify-content:space-between;max-height:10vh;padding:.5rem 3rem;position:relative;z-index:100}.landing-links{display:flex;flex-direction:row;gap:10px}.landing-links li{align-items:center;display:flex;justify-content:center}.landing-links a{background-color:#ff8558;border-radius:50px;box-shadow:0 0 5px rgba(0,0,0,.164);display:block;font-size:14px;padding:12px 30px;transition:.3s;width:150px}.landing-links a:hover{box-shadow:0 0 7px rgba(0,0,0,.364);transform:scale(1.01)}.landing-links li:active{transform:scale(.98)}.landing-links li a{color:#000;font-weight:1000}.nav-btn.active-nav-btn{background-color:#000;color:#fff;padding:12px 30px;width:150px}.nav-left{align-items:center;display:flex;gap:20px}.nav-left select{border-radius:10px;height:30px;min-width:100px;padding:0 0 0 10px;transition:.2s}.nav-left select:hover{box-shadow:0 1px 5px rgba(0,0,0,.217);cursor:pointer}.logo{width:100px}.nav-links,.nav-links-container{display:flex}.nav-links{align-items:center;list-style:none;margin:0;padding:0}.nav-links li{margin:0 1rem}.nav-links a{color:#fff;font-weight:500;text-decoration:none}.dropdown{position:relative}.dropdown-title{color:#000;cursor:pointer;font-weight:100}.dropdown-menuss{background-color:#fff;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;left:0;list-style:none;margin:0;min-width:120px;padding:.3rem 0;position:absolute;top:2.5rem;z-index:999}.dropdown-menuss li{font-size:.95rem;line-height:1.3;padding:.25rem .8rem}.dropdown-menuss li a{color:#333}.dropdown-menuss li a:hover{color:#f26b3a}.hamburger{background:none;border:none;color:#515151;cursor:pointer;display:none;font-size:2.8rem;margin-left:auto}@media (max-width:1024px){.hamburger{display:block}.nav-links-container{background-color:#f9f1e8;box-shadow:2px 0 10px #0003;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;max-width:300px;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:75%;z-index:99}.nav-links-container.open{transform:translateX(0)}.nav-links{align-items:flex-start;flex-direction:column;padding:2rem 1.5rem;width:100%}.nav-links li{margin:1rem 0;width:100%}.nav-links a{color:#333;display:block;width:100%}.dropdown-menuss{background-color:#f9f9f9;border-radius:5px;box-shadow:none;margin-left:1rem;margin-top:.2rem;padding:.4rem}.dropdown-menuss li{font-size:.9rem;padding:.2rem .8rem!important}.dropdown-menuss li a{color:#333}.mobile-profile{align-items:center;border-top:1px solid #aaa;display:flex;gap:10px;margin-top:auto;padding:1rem 1.5rem}.mobile-profile img{background-color:#fff;border-radius:50%;height:35px;width:35px}.mobile-profile span{color:#333;font-weight:700}}.nav-btn{background-color:#ff835f;border:none;border-radius:20px;color:#fff;font-weight:500;margin:0 4px;padding:8px 16px;transition:background-color .3s ease}.nav-btn:hover{background-color:#ff996e}.active-nav-btn{background-color:#262626!important;color:#fff;font-size:14px}@media (max-width:1024px){.landing-links{flex-direction:column;justify-content:center;padding:0;width:80%}.nav-links-container.open{align-items:center;display:flex;flex-direction:column}}@media (max-width:768px){.navbar{flex-direction:row;padding:10px 20px}}@media (max-width:320px){.nav-left select{min-width:80px;padding:0 0 0 3px}}.friends-page-container{color:#000;flex-direction:column;gap:20px}.friend-form,.friends-page-container{align-items:center;display:flex;justify-content:center}.friend-form{background-color:#464646;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.332);flex-direction:row;gap:50px;padding:20px;width:50%}.friend-form input{margin-bottom:0;position:relative;width:350px}#follow-submit{background-color:#fff;border:0;box-shadow:0 4px 5px rgba(0,0,0,.232);transition:.3s;width:150px}#follow-submit:hover{background-color:#e9e9e9;cursor:pointer;transform:scale(1.02)}#follow-submit:active{transform:scale(.99)}.suggestions-list{position:relative}.add-a-friend{flex-direction:column;height:10vh;justify-content:center;margin-top:5vh}.add-a-friend,.friend-info{align-items:center;display:flex;width:100%}.friend-info{flex-direction:row;gap:20px;height:100%;justify-content:flex-start;padding:5px 5px 15px}.friend-info img{border-radius:5px;height:60px;object-fit:cover;object-position:center;width:60px}.user-list{align-items:center;animation:opacityChange .8s ease-out;background-color:#f1f1f1;border:1px solid #8f8f8f;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.172);color:#333;display:flex;flex-direction:column;font-weight:700;gap:20px;height:100px;justify-content:center;padding:10px;transition:.3s;width:30%}.user-list:hover{transform:translateY(-5px)}.friend-listing{display:flex;flex-direction:row;flex-wrap:wrap;gap:5%;margin:20px 50px 50px;row-gap:30px;width:100%}.friend-posts{align-items:center;justify-content:center;width:80%}.friend-info p{align-self:flex-start;font-size:18px;font-weight:100;margin:0 5px 5px 0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.friend-buttons{display:flex;gap:5%;width:100%}.friend-buttons button{background-color:#ffbd8a;border:0;border-radius:20px;box-shadow:0 2.09977px 4.19955px 0 #0000001a;padding:5px;transition:.3s;width:30%}.friend-buttons button:hover{background-color:#f9b581;box-shadow:0 2.09977px 4.19955px 0 #0000004d;cursor:pointer}.friend-information{gap:3px;width:100%}.friend-information,.friend-posts{display:flex;flex-direction:column}.friend-posts h3{align-self:flex-start;margin:0}@media (max-width:1024px){.user-list{width:45%}.add-a-friend{height:auto}.friend-form{flex-direction:column;gap:20px}}@media (max-width:768px){.user-list{width:100%}.add-a-friend{height:auto}.suggestions-list{width:100%}.friend-form{flex-direction:column;gap:20px;width:85%}.friend-form input{width:60%}}@media (max-width:425px){.friend-form input{width:100%}.friend-buttons button{font-size:8px}.friend-information p{font-size:10px}}.reset-container{align-items:center;background-color:#f26b3a;display:flex;height:100vh;justify-content:center;width:100%}.reset-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial;padding:70px;text-align:center;width:400px}.reset-logo{margin-bottom:20px;width:250px}.reset-title{font-size:35px;margin-bottom:20px}.reset-title,label{color:#42210b;font-weight:700}label{display:block;font-size:20px;margin-bottom:5px;text-align:left}input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px}.reset-button,input{font-size:16px;padding:10px;width:100%}.reset-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer}.reset-button:hover{background-color:#45a049}.recipe-sidebar{word-wrap:break-word;align-items:center;background-color:#f3f3f3;border-radius:8px;color:#000;display:flex;flex-direction:column;font-size:15px;grid-column:2;height:auto;max-height:850px;min-height:350px;overflow:hidden;padding:30px;width:320px}@media (max-width:768px){.recipe-page{align-items:center;flex-direction:column;gap:20px}.recipe-content-container{max-width:100%}.recipe-sidebar-container{display:flex;justify-content:center;max-width:100%}.recipe-sidebar{align-items:center;display:flex;flex-direction:column;padding:15px;width:90%}.recipe-details-container{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:20px auto}.recipe-details-container,.recipe-sidebar{max-width:100%;padding:20px;width:100%}.recipe-header{flex-direction:column;text-align:center}.recipe-header,.recipe-header .recipe-content{align-items:center}.recipe-image-top{max-width:300px;width:100%}}.empty-stars,.empty-stars-background{color:grey;font-size:.7em}.empty-stars-background{background-color:hsla(0,0%,100%,.561);border:1px solid grey;border-radius:10px;padding:0 10px}.star.edit-active{color:#ffd900;font-size:1.2em}.star.edit{color:gray;cursor:pointer;font-size:1.2em;transition:color .2s}#review-textarea{border-radius:10px;height:100px;padding:10px;resize:none}.recipe-details-container{grid-gap:30px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:grid;gap:30px;grid-template-columns:2fr 1fr;margin:40px auto;max-width:1200px;min-height:600px;padding:20px;width:100%}.recipe-content{grid-column:1}.recipe-sidebar-sec{word-wrap:break-word;align-items:center;background-color:#f3f3f3;border-radius:8px;color:#000;display:flex;flex-direction:column;font-size:15px;grid-column:2;height:auto;max-height:1000px;min-height:350px;overflow:hidden;padding:30px;width:320px}.recipe-header{align-items:center;display:flex;gap:10%}.recipe-header .recipe-content{display:flex;flex:1 1;flex-direction:column}.recipe-header .recipe-image-top{border-radius:12px;height:200px;object-fit:cover;width:200px}.recipe-title{color:#2c3e50;font-size:1em;margin-bottom:10px}.recipe-description{color:#7f8c8d;font-size:.7em;line-height:1.6;margin-bottom:30px}.step-title{color:#000;font-weight:700}.step-instruction{color:grey}.recipe-image-top{border-radius:8px;display:block;margin:20px auto;max-height:300px;max-width:100%;object-fit:contain;width:100%}.recipe-section{margin-bottom:40px}.recipe-section h3{border-bottom:2px solid #e67e22;color:#e67e22;font-size:1em;margin-bottom:20px;padding-bottom:8px}.recipe-section .recipe-ingredients-list{align-items:center;display:flex;flex-direction:column;gap:10px;list-style-type:none;margin-bottom:20px;padding:0}.recipe-section .recipe-ingredients-list li{border:1px solid #ddd;border-radius:4px;color:#333;font-size:.7em;margin-bottom:5px;padding:8px 12px;width:100%}.steps-container{padding-left:20px}.step-card{border:1px solid #ddd;border-radius:8px;color:#000;font-size:.6em;margin-bottom:15px;padding:10px}.step-number{font-weight:700;margin-bottom:5px}.sidebar-section h4{color:#34495e;font-size:1.3em;margin-bottom:10px}.cooking-level-display,.serving-size-display{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:10px;padding:8px 15px}.cuisine-tag{background-color:#e67e22;border:none;border-radius:5px;color:#fff;margin-top:10px;padding:8px 15px}.cuisine-tags2{display:flex;flex-direction:column;gap:5px}.reviews-list{margin-top:20px;max-width:700px;overflow-x:auto;white-space:nowrap;width:-moz-fit-content;width:fit-content}.review-item{color:#d3d3d3;display:inline-block;font-size:.7em;margin-bottom:15px;width:300px}.scroll-buttons{display:flex;justify-content:space-between;margin-bottom:10px}.scroll-button{background-color:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.7em;padding:5px 15px}.scroll-button:hover{background-color:#c50}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.review-name{font-size:1em;font-weight:700}.review-rating .star{color:gold;font-size:.7em}.review-text{line-height:1.5;margin-top:.5rem;overflow-wrap:break-word}.comment-form{margin-top:20px}.comment-form input[type=text],.comment-form textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:.6em;margin-bottom:10px;padding:10px;width:100%}.comment-form textarea{resize:vertical}.rating-stars{margin-bottom:10px}.star{color:gray;cursor:pointer;font-size:20px;transition:color .2s}.star.active{color:gold}.comment-form button{background-color:#e67e22;border-radius:4px;font-size:.7em}.back-to-recipes{left:20px;position:absolute;top:20px;z-index:10}.back-button{background-color:#000;border-radius:3px;color:#fff;font-size:.9rem;font-weight:700;padding:5px 10px;text-decoration:none;transition:background-color .3s}.back-button:hover{background-color:grey}.cooking-level-display,.serving-size-display,.total-time-display{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:10px;padding:8px 15px}.average-rating{color:#e67e22;font-size:.8em;margin-bottom:15px;text-align:center}@media (max-width:768px){.recipe-page{align-items:center;flex-direction:column;gap:20px}.recipe-content-container{max-width:100%}.recipe-sidebar-sec-container{display:flex;justify-content:center;max-width:100%}.recipe-sidebar-sec{align-items:center;display:flex;flex-direction:column;padding:15px;width:90%}}.average-rating-value{color:#000}.average-rating-display{align-items:center;flex-direction:row}.average-rating-display,.review-reactions{display:flex;gap:10px;justify-content:center}.review-reactions{margin-top:10px}.reaction-button{background-color:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8em;padding:8px 16px;transition:background-color .2s}.show-more-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.75em;margin-left:5px;padding:0}.review-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex:0 0 auto;flex-direction:column;height:220px;justify-content:space-between;margin-right:15px;max-width:280px;min-width:280px;overflow:hidden;padding:15px;transition:height .3s ease;width:280px}.review-item.expanded{height:auto}.review-text{overflow:hidden;transition:max-height .3s ease}.review-text.expanded{max-height:none}.review-scroll-wrapper{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;width:100%}.reviews-list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;scroll-behavior:smooth}.review-text{color:#333;font-size:.75rem;line-height:1.4;margin-bottom:.5rem;white-space:normal;word-break:break-word}.review-text.collapsed{max-height:55px;overflow:hidden}.review-text.expanded{max-height:120px;overflow-y:auto;padding-right:5px}.follow-link{color:#007bff;text-decoration:none}.follow-link:active,.follow-link:focus,.follow-link:hover{text-decoration:underline}.reaction-button.active{background-color:#c50}.reaction-button:hover{background-color:#d35400}.delete-button{color:#fff;margin-left:8px}.delete-button,.delete-button:hover{background-color:#e67e22}@media (max-width:768px){.recipe-details-container{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:20px auto}.recipe-details-container,.recipe-sidebar-sec{max-width:100%;padding:20px;width:100%}.recipe-header{flex-direction:column;text-align:center}.recipe-header,.recipe-header .recipe-content{align-items:center}.recipe-image-top{max-width:300px;width:100%}.reviews-list{display:flex;flex-direction:column;max-width:100%;overflow-x:hidden;white-space:normal;width:100%}.review-item{box-sizing:border-box;margin-right:0;width:100%}.scroll-buttons{display:none}}.orange-follow-button{background-color:green;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:6px 12px;transition:background-color .3s ease}.orange-follow-button:hover{background-color:grey}.ingredient-point{align-items:center;justify-content:center}#save-my-recipe{background-color:#9de99d;border:0;border-radius:50px;box-shadow:0 0 5px rgba(0,0,0,.332);color:#000;padding:10px 25px;transition:.3s}#save-my-recipe:hover{background-color:#74e574;box-shadow:0 0 10px rgba(0,0,0,.432);cursor:pointer;transform:scale(1.02)}#save-my-recipe:active{transform:scale(.98)}#edit-my-recipe{background-color:#d7d7d7;border:0;border-radius:50px;box-shadow:0 0 5px rgba(0,0,0,.332);color:#000;padding:10px 25px;transition:.3s;width:140px}#edit-my-recipe:hover{background-color:#c7c7c7;box-shadow:0 0 10px #0006;cursor:pointer;transform:scale(1.02)}#edit-my-recipe:active{transform:scale(.98)}.instruction-flex{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center}.instruction-flex input{margin:0;width:600px}.sidebar-section input{background-color:#f49746ab;color:#000;width:125px}#edit-cooking-level{background-color:#f49746ab;border:1px solid #ddd;border-radius:5px;font-size:15px;margin-top:10px;padding:8px 15px;position:relative;transition:.3s;width:100%}#edit-cooking-level:hover{background-color:#f9a459ab;cursor:pointer}.difficulty-menu{align-items:center;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;left:10%;overflow:hidden;position:absolute;top:98%;z-index:3}.difficulty-menu button{border:0;width:100px}.difficulty-menu button:hover{background-color:#f9ba83;cursor:pointer}#edit-cuisine-menu{background-color:#f49746ab;border:1px solid #ddd;border-radius:5px;font-size:15px;margin-top:10px;padding:8px 15px;position:relative;transition:.3s;width:100%}#edit-cuisine-menu:hover{background-color:#f9a459ab;cursor:pointer}.cuisine-menu{align-items:center;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:absolute;top:90%;z-index:3}.cuisine-menu button{border:0;width:100px}.cuisine-menu button:hover{background-color:#f9ba83;cursor:pointer}.sidebar-section{position:relative}.delete-button-recipe{background-color:#f1b6b6;border:0;border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.332);color:#000;font-size:12px;height:30px;margin:0;padding:0;transition:.3s;width:120px}.delete-button-recipe:hover{background-color:#ee9595;cursor:pointer;transform:scale(1.02)}.add-recipe-button:hover{background-color:#cfcfcf;cursor:pointer;transform:scale(1.02)}.add-recipe-button:active,.delete-button-recipe:active{transform:scale(.98)}.add-recipe-button{background-color:#ebebeb;border:0;border-radius:20px;box-shadow:0 0 5px rgba(0,0,0,.332);color:#000;font-size:12px;height:30px;margin:0;padding:0;transition:.3s;width:320px}.cuisine-tags{display:flex;flex-direction:row;justify-content:center}.cuisine-tags button{background-color:#ddd;border:0;border-radius:10px;padding:10px;transition:.3s}.cuisine-tags button:hover{background-color:#fedfc1;cursor:pointer}.file-upload-box{align-items:center;border:2px dashed #ddd;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;height:auto;justify-content:center;margin-bottom:20px;padding:40px;width:calc(100% - 4px)}.preview-img{border-radius:8px;margin-top:0;max-height:200px;max-width:100%}@media (max-width:540px){.instruction-flex{border-bottom:2px solid #e67e22;display:flex;flex-direction:column;gap:10px;padding-bottom:10px;width:100%}.instruction-flex input{font-size:12px;width:100%}.delete-button-recipe{width:100%}.recipe-section .recipe-ingredients-list{gap:25px}.add-recipe-button,.upload-recipe-image{width:100%}#edit-my-recipe,#save-my-recipe{width:80%}#recipe-header-button{flex-direction:column}}.recipes-list-container{margin:0 auto;max-width:1200px;padding:20px;text-align:center}h2{animation:DiscoverSlide .8s ease-out;font-size:2rem;margin-bottom:20px}.recipes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:10px}.recipe-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:15px;text-align:center;transition:transform .2s ease-in-out}.recipe-card:hover{transform:scale(1.05)}.recipe-image{border-radius:8px;height:150px;margin-bottom:10px;object-fit:cover;width:100%}.view-recipe-button{background-color:#ff6b6b;border-radius:5px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:8px 12px;text-decoration:none}.view-recipe-button:hover{background-color:#e63946}.community-details{font-family:Arial,sans-serif;padding:20px}.community-details h2{color:#333;font-size:35px;font-weight:700;margin-bottom:10px;margin-top:70px}.community-details h3{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;margin-top:40px;text-align:center}.post{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:15px}.post p{color:#333;font-size:18px;margin-bottom:10px}.view-comments-btn{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.view-comments-btn:hover{background-color:#555}.comments{margin-top:20px;padding-left:20px}.comments h4{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.comment{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:10px 0;padding:10px}.comment p{color:#555;font-size:16px}.comment-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:30px;padding:15px}.comment-form input,.comment-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.comment-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.comment-form button:hover{background-color:#555}.post-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:30px;padding:15px}.post-form input,.post-form textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.post-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.post-form button:hover{background-color:#555}.community-container{color:#333}.make-community-post{align-items:flex-start;display:flex;flex-direction:column}.community-post-display{align-items:center;display:flex;flex-direction:row;gap:30px;margin:10px 50px 50px;width:50%}.community-post-display img{max-height:300px;max-width:250px}.community-information{align-items:flex-start;margin:0 50px 50px;width:50%}.community-information,.make-community-post form{display:flex;flex-direction:column}.make-community-post button{background-color:#fba28a;border:0;border-radius:50px;filter:drop-shadow(0 5px 4px rgba(0,0,0,.439));height:40px;transition:.3s}.make-community-post button:hover{background-color:#f99174;transform:scale(1.01)}.make-community-post button:active{transform:scale(.99)}.make-community-post input{width:400px}.community-headers{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.community-post{align-items:flex-start;background-color:#d8d8d8;border-radius:15px;box-shadow:0 5px 4px #0003;display:flex;flex-direction:row;gap:20px;justify-content:space-between;min-height:150px;overflow:hidden;padding:20px;width:48%}.cpost-info{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start;overflow-wrap:anywhere;word-break:break-word}.community-post img{border-radius:10px;flex-shrink:0;max-height:120px;max-width:120px;object-fit:cover}.cpost-info p,.cpost-info span{font-size:15px;margin:0}.community-posts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:20px 80px 80px;row-gap:40px}#post-title{color:#222;font-size:18px;font-weight:700;margin-bottom:5px}#post-description{font-size:15px;line-height:1.4;max-height:100px;overflow:hidden;text-overflow:ellipsis}.community-post button{background-color:#ff9292;border:0;border-radius:10px;height:30px;transition:.3s;width:100px}.community-post button:hover{background-color:#fa7f7f;cursor:pointer;transform:scale(1.02)}.community-post button:active{transform:scale(.99)}.post-headers{display:flex;flex-direction:row;justify-content:space-between;width:100%}.headers-user{align-items:flex-start;display:flex;flex-direction:column}#picture-preview{align-items:center;background-color:#dcdcdc5c;border:1px dotted #000;border-radius:30px;display:flex;font-size:15px;height:250px;justify-content:center;width:300px}#picture-preview img{max-height:80%;max-width:80%}@media (max-width:768px){.community-container{padding:10px}.community-information{margin:10px 0;padding:0 10px;width:100%}.make-community-post{align-items:center;width:100%}.make-community-post input{max-width:400px;width:90%}.make-community-post form{align-items:center;width:100%}#picture-preview{height:auto;margin-top:20px;max-width:300px;padding:20px;width:90%}.community-headers{align-items:flex-start;margin-top:10px}.community-headers,.community-posts{flex-direction:column;padding:0 10px}.community-posts{align-items:center;margin:0;width:100%}.community-post{flex-direction:column;gap:10px;height:auto;max-width:95%;padding:20px;width:100%}.cpost-info{width:100%}.post-headers{flex-direction:column}.headers-user,.post-headers{align-items:flex-start}.community-post-display{flex-direction:column;gap:15px;margin:0;padding:0 10px}.community-post-display,.make-community-post,.make-community-post form{align-items:center;width:100%}.make-community-post input,.make-community-post textarea{max-width:400px;width:90%}#picture-preview{height:auto;margin-top:10px;max-width:300px;padding:20px;text-align:center;width:90%}}.community-information input{width:500px}.community-post-buttons{display:flex;flex-direction:row;gap:5px}.file-upload-box{border:2px dashed #000;max-height:100px;width:calc(60% - 4px)}.file-upload-box img{max-height:90px}@media (max-width:768px){.file-upload-box{width:calc(90% - 4px)}}:root{--color-brand:#e8775b;--color-accent:#ff8c42;--color-ivory:#fff8f4;--color-dark:#333;--color-success:#5cb85c;--color-error:#d9534f;--radius-lg:20px;--radius-sm:6px;--shadow-soft:0 2px 6px #0000000d;--shadow-heavy:0 4px 16px #00000014;font-family:Roboto,Arial,sans-serif}.chat-room{background:#fff8f4;background:var(--color-ivory);border-left:1px solid #ececec;border-right:1px solid #ececec;display:flex;flex-direction:column;height:calc(100vh - 60px);margin:0 auto;max-width:600px}.chat-header{align-items:center;background:#e8775b;background:var(--color-brand);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-soft);color:#fff;display:flex;font-size:20px;font-weight:700;gap:8px;padding:14px 18px}.chat-header .back-btn{background:#0000;border:none;color:inherit;cursor:pointer;font-size:22px;line-height:1}.messages{flex:1 1 auto;list-style:none;margin:0;overflow-y:auto;padding:20px 14px;scroll-behavior:smooth}.message{word-wrap:break-word;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-soft);font-size:15px;line-height:1.45;margin-bottom:12px;max-width:75%;padding:10px 14px}.message.me{background:#e8775b;background:var(--color-brand);border-bottom-right-radius:6px;border-bottom-right-radius:var(--radius-sm);color:#fff;margin-left:auto}.message.them{background:#fff;border-bottom-left-radius:6px;border-bottom-left-radius:var(--radius-sm);color:#333;color:var(--color-dark);margin-right:auto}.message .ts{display:block;font-size:11px;margin-top:6px;opacity:.6;text-align:right}.input-bar{background:#fff;border-top:1px solid #e4e4e4;box-shadow:0 2px 6px #0000000d;box-shadow:var(--shadow-soft);display:flex;gap:10px;padding:14px}.input-bar input{border:1px solid #d0d0d0;border-radius:999px;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.input-bar input:focus{border-color:#e8775b;border-color:var(--color-brand)}.input-bar button{background:#ff8c42;background:var(--color-accent);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:0 24px;transition:background .2s,transform .15s}.input-bar button:hover:not(:disabled){background:#ff9c5c;transform:translateY(-2px)}.input-bar button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cookbook-manager{color:#333;font-family:Segoe UI,sans-serif;margin:auto;max-width:1200px;padding:2rem}.cookbook-list{margin-bottom:3rem}.select-all-wrapper{display:flex;justify-content:flex-end;margin-bottom:1rem}.select-all-wrapper button{background-color:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:background-color .2s ease}.select-all-wrapper button:hover{background-color:#e4572e}.cookbook-item{align-items:center;background:#fff7f2;border:1px solid #ffd7c2;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.8rem 1.2rem}.cookbook-link{color:#e4572e;font-size:1.1rem;font-weight:700;text-decoration:none}.cookbook-link:hover{text-decoration:underline}.cookbook-item button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;margin-left:.5rem;padding:.4rem .8rem;transition:background-color .2s ease}.cookbook-item button:hover{background-color:#3da544}.recipe-container{margin-top:2rem}.recipe-subheader{font-size:1rem}.cookbook-list{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.cookbook-list h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.cookbook-subtext{color:#666;font-size:.95rem;margin-bottom:1rem}@keyframes RecipeSlide{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.cookbook-recipe{animation:RecipeSlide 1s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.332);max-width:200px;padding-bottom:20px;transition:.2s}.cookbook-recipe:hover{border:1px solid #ff6f00;box-shadow:0 0 10px rgba(0,0,0,.532);cursor:pointer;transform:translateY(-3px)}.cookbook-recipe:active{transform:scale(.98)}.cookbook-recipe img{border-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;height:70px;margin-bottom:10px;object-fit:cover;width:200px}.cookbook-recipe-manager{background-color:#ececec;border-radius:10px;box-shadow:inset 0 0 10px #0003;display:flex;flex-direction:row;gap:15px;height:225px;overflow-x:scroll;padding:15px}#cookbook-recipe-title{color:#000;font-size:16px;font-weight:1000;margin:0 10px 10px}#cookbook-recipe-desc{word-wrap:break-word;color:#000;font-size:12px;margin:10px;overflow-wrap:break-word;white-space:normal}.cookbook-categories{display:flex;flex-direction:row;gap:1px;margin-bottom:10px;overflow:hidden}.cookbook-categories button{background-color:#fff4e6;border:1px solid #000;border-radius:5px;font-size:20px;padding:5px 15px;transition:.3s;width:150px}.cookbook-categories button:hover{background-color:#ffc587;cursor:pointer}
/*# sourceMappingURL=main.0daf1fa6.css.map*/