@import"https://fonts.googleapis.com/css?family=Roboto:300,400,700";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;border-radius:5px}body{height:100vh}#root{height:100%;width:100%}.message{color:#fff;box-shadow:4px 4px 10px #0000004d;border-radius:20px;margin:0 50px;padding:5px 15px;background:#5d5858e6;font-weight:300;cursor:pointer}.main-title{width:100%;text-align:center;padding:15px 0;position:sticky;top:0;background-color:#f0f8ff}.paging{display:flex;position:relative;top:0;height:100%}.login{background-color:#f0f8ff;margin:5px 15px;border-radius:25px;padding:10px 40px;text-decoration:none;font-weight:700;color:#000;border:none;font-size:medium;cursor:pointer}.button-appstore{cursor:pointer;padding:10px 24px;border-radius:100px;border:2px solid rgba(0,0,0,.5);line-height:10px;display:flex;justify-content:center;align-items:center;min-width:126px;text-transform:uppercase;font-size:10px}.button-appstore.signup{border-color:#00000012}.button-appstore:focus{outline:none}.button-login{cursor:pointer;border-radius:100px;border:2px solid rgba(0,0,0,.5);line-height:10px;display:flex;justify-content:center;align-items:center;min-width:126px;text-transform:uppercase;font-size:10px;margin-top:167px;background:linear-gradient(70deg,#14b2c4,#119548);font-size:12px;padding:25px;min-width:260px;border:none;color:#fff}.button-login.signup{border-color:#00000012}.button-login:focus{outline:none}.form-field{display:flex;align-items:center;margin-bottom:1.5rem;position:relative}.form-field img{width:20px;margin-right:10px}.form-field .input-wrapper{position:relative;width:100%}.form-field .input-wrapper input{width:100%;padding:10px 5px;background:transparent;border:none;border-bottom:2px solid #ccc;color:#000;font-size:16px;outline:none}.form-field .input-wrapper input:focus+label,.form-field .input-wrapper input:valid+label{top:-10px;font-size:12px;color:#ccc}.form-field .input-wrapper label{position:absolute;left:5px;top:10px;color:#aaa;pointer-events:none;transition:all .3s ease}.create-recipe-page{background:#f5f5f5;padding:2rem}#main-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#333}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}.form-section{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.form-section label{font-weight:600;display:block;margin-bottom:.5rem}.form-section input[type=text],.form-section textarea,.form-section select{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;font-size:1rem}.ingredients{margin-top:1rem}.ingredient-results{background:#fdfdfd;border:1px solid #ddd;border-radius:6px;padding:.5rem;max-height:120px;overflow-y:auto;margin-bottom:1rem}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;border-bottom:1px solid #eee}.ingredient-item:last-child{border-bottom:none}.ingredient-item button{padding:.2rem .6rem;font-size:.8rem;background-color:#2a7dff;color:#fff;border:none;border-radius:4px;margin-left:.5rem;cursor:pointer;transition:background .2s ease}.ingredient-item button:hover{background-color:#1e60c2}.ingredient-results ul{list-style:none;padding-left:0;margin:0}.ingredient-results li{display:flex;justify-content:space-between;align-items:center;padding:.3rem .5rem;border-bottom:1px solid #eee}.selected-ingredients ul{list-style:none;padding:0}.selected-ingredients li{padding:.25rem 0;border-bottom:1px solid #eee}.upload-image{text-align:center}.upload-image img{max-width:100%;border-radius:10px;margin-top:1rem}.ai-text textarea{height:140px}.ai-text .spinner{margin-top:.5rem;display:block;text-align:center}button{padding:.6rem 1.2rem;background:#2a7dff;border:none;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s ease}button:hover{background:#1e60c2}button:disabled{background:#a0c0ff;cursor:not-allowed}.save-wrapper{margin-top:2rem;text-align:center}.save-button{padding:.8rem 2rem;font-size:1.1rem;font-weight:700;background-color:#5c9bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.save-button:hover{background-color:#417ed4}.save-button:disabled{background-color:#bcd3f7;cursor:not-allowed}.create-cookbook-page{max-width:600px;margin:0 auto;align-items:center;padding:7rem;background-color:#fff;border-radius:8px;box-shadow:0 0 12px #0000000d}.create-cookbook-page h2{margin-bottom:1.5rem;text-align:center;font-size:1.8rem;color:#333}.create-cookbook-page form{display:flex;flex-direction:column;gap:1rem}.create-cookbook-page form label{font-weight:700;margin-bottom:.2rem}.create-cookbook-page form input[type=text],.create-cookbook-page form textarea,.create-cookbook-page form input[type=file]{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;width:100%}.create-cookbook-page form textarea{resize:vertical;min-height:100px}.create-cookbook-page form button{background-color:#2a7dff;color:#fff;border:none;padding:.6rem 1rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.create-cookbook-page form button:disabled{background-color:#b2c7f7;cursor:not-allowed}.create-cookbook-page form button:hover:not(:disabled){background-color:#1a64d1}.create-cookbook-page form img{width:200px;border-radius:8px;margin-top:1rem;align-self:center}.create-cookbook-page form p{margin-top:.5rem;font-size:.95rem;color:red;text-align:center}.not-found-outer{display:flex;flex-direction:column;align-items:center;padding-top:30px}.not-found-outer .not-found-page{padding:25px;display:flex;justify-content:center;font-family:Delius Swash Caps,cursive;font-weight:600;font-style:normal;font-size:x-large}.not-found-outer img{width:100px}.container-left{height:100%;width:40%;float:left;background-image:url(/cookbook-recipe/assets/Ai2-Ct9vZChn.jpg),linear-gradient(70deg,#14b2c4,#119548);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.container-left .left-top{display:flex;flex-direction:column;align-items:center;color:#f7f7f7;max-width:275px;text-align:center}.container-left .left-top h2{margin-bottom:4%;font-weight:700;font-size:30px;color:#073776;box-shadow:-10px -10px 20px #073776;background-color:#f0f8ff;border-radius:15px}.auth-right{width:60%;height:100%;float:right;display:flex;justify-content:center;align-items:center;background-color:#fff}.navbar{background-image:url(/cookbook-recipe/assets/texture-DIya84Kb.jpg);background-size:cover;background-position:center;width:100%;padding:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;z-index:10;border-radius:0}.navbar .pre-message{color:#090909;font-size:large;border-radius:1px;background-color:#f8f85b99;padding:2px 5px;font-weight:500;text-decoration:none}.general-outlet{position:relative;top:60px;height:93.5vh;background-image:url(/cookbook-recipe/assets/texture11-BfO0ueml.jpg);background-repeat:repeat;background-size:cover}.recipes-container{width:70%;float:left;height:100%;background-image:url(/cookbook-recipe/assets/texture11-BfO0ueml.jpg);background-repeat:repeat;background-size:cover;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:40px}.recipes-container .buttons{display:flex;width:100%;justify-content:space-between}.recipes-container .recipe-item{display:grid;grid-template-columns:1fr 1fr;justify-content:center;padding-top:20px}.recipe{box-shadow:2px 2px 5px #aeaeae;max-width:500px;margin:15px;display:flex;flex-direction:column;border:3px dotted gray;border-radius:15px;width:90%;padding:20px;background-color:#fff}.recipe .upper-recipe{cursor:pointer;display:flex;align-items:center;justify-content:center}.recipe .upper-recipe .recipe-photo{width:40%;height:100px;border-radius:50px;object-fit:cover}.recipe .upper-recipe h4{width:60%;text-align:center;margin-left:20px;font-family:Delius Swash Caps,cursive;font-weight:500;font-style:normal;font-size:x-large;background-image:url(/cookbook-recipe/assets/texture2-DMQmdO5U.avif);background-size:cover;background-position:center}.recipe p{padding-top:25px;font-size:medium}.cookbooks-container{width:30%;float:right;height:100%;box-shadow:-10px 0 10px #d9d9d9;display:flex;flex-direction:column;background-color:#fff;justify-content:flex-start;overflow-y:auto}.cookbooks-container .book-item{display:flex;flex-direction:column;align-items:center;padding-left:15%;padding-top:0;padding-bottom:50px}.cookbooks-container .plus{width:100%;display:flex;flex-direction:column;align-items:center;background-color:none}.cookbooks-container .plus span{font-size:small;width:100%;text-align:start;padding:0 0 0 30px}.cookbooks-container .plus .plus-button{width:100%;text-align:start;background-color:#fff;text-decoration:none;font-weight:500;font-size:x-large;color:#000;padding:15px 0 0 40px}.cookbook{display:flex;margin:15px 0;align-items:flex-end}.cookbook .book{cursor:pointer;box-shadow:2px 2px 7px #aeaeae;padding:70px 10px 10px;margin-right:10px;border:1px solid black;border-radius:5px;background-image:url(/cookbook-recipe/assets/texture12-X7KBfLqN.avif);background-repeat:no-repeat;background-size:cover;width:150px;height:200px}.cookbook .book h3{margin-bottom:50px;color:#000;background-color:#fff;padding:2px;border-radius:5px;font-size:large;text-align:center}.cookbook .book p{background-color:#fff1d9d9;color:#000;font-size:15px;font-weight:500;text-align:center;border-radius:5px}.cookbook .book p .highlighted{background-color:#ff03;text-align:left;width:100%}.cookbook .book p .mini{font-weight:400;font-size:small}.signin-wrapper{width:100%;max-width:300px;margin:0 auto}.signin-wrapper .signin-top{display:flex;justify-content:center;margin-bottom:5rem}.signin-wrapper .signin-top .signup-link{margin-left:.5rem;text-decoration:none;font-weight:700}.signin-wrapper .signin-form{display:flex;flex-direction:column}.signin-wrapper .signin-form h2{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signin-wrapper .signin-form label{margin-top:1rem;margin-bottom:.25rem}.signin-wrapper .signin-form input{padding:.75rem;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none}.signin-wrapper .signin-form button{margin-top:2rem;padding:.75rem;background-color:#ec6c0d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.signin-wrapper .signin-form .forgot-link{margin-top:1rem;text-align:center;color:#666;text-decoration:none}.signup-container{width:100%;max-width:300px;margin:0 auto}.signup-container .signup-top{display:flex;justify-content:center;margin-bottom:5rem}.signup-container .signup-top .signin-link{margin-left:.5rem;text-decoration:none;font-weight:700}.signup-container .signup-form{display:flex;flex-direction:column}.signup-container .signup-form h2{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signup-container .signup-form label{margin-top:1rem;margin-bottom:.25rem}.signup-container .signup-form input{padding:.75rem;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none}.signup-container .signup-form button{margin-top:2rem;padding:.75rem;background-color:#ec6c0d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.account-creation-container{width:100%;max-width:500px;margin:0 auto;padding:2rem 1rem}.account-creation-container .account-creation-form{display:flex;flex-direction:column}.account-creation-container .account-creation-form h2{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.account-creation-container .account-creation-form label{margin-top:1rem;margin-bottom:.25rem;font-weight:500}.account-creation-container .account-creation-form input{padding:.75rem;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none}.account-creation-container .account-creation-form .row{display:flex;gap:1rem;margin-top:1rem}.account-creation-container .account-creation-form .row .input-group{flex:1;display:flex;flex-direction:column}.account-creation-container .account-creation-form button{margin-top:2rem;padding:.75rem;background-color:#ec6c0d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.forgot-password-container{width:100%;max-width:400px;margin:0 auto;padding:2rem 1rem}.forgot-password-container .forgot-password-form{display:flex;flex-direction:column}.forgot-password-container .forgot-password-form h2{font-size:2rem;margin-bottom:1.5rem;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.forgot-password-container .forgot-password-form label{margin-top:1rem;margin-bottom:.25rem;font-weight:500}.forgot-password-container .forgot-password-form input{padding:.75rem;border:none;border-bottom:1px solid #aaa;background:transparent;outline:none}.forgot-password-container .forgot-password-form button{margin-top:2rem;padding:.75rem;background-color:#ec6c0d;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.congratulations-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;flex:1;background-color:#fff}.congratulations-box{width:300px;height:300px;background-color:#fff;border-radius:50%;box-shadow:0 0 20px #0000001a;padding:2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}.congratulations-box p{font-size:1rem;line-height:1.6;margin:0}.congratulations-box strong{word-break:break-word;color:#333}.arrow-btn{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:45px;height:45px;border:2px solid #000;border-radius:50%;background:none;font-size:1.5rem;cursor:pointer}.auth-container{display:flex;height:100vh}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem}.form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:600;margin-bottom:.3rem}.input-group input{border:none;border-bottom:1px solid #aaa;border-radius:0;padding:.5rem 0;font-size:1rem;outline:none}.input-group input:focus{border-bottom:2px solid #e65300}.password-pair{display:flex;gap:1rem}.password-pair .input-group{flex:1}.top-gap{margin-top:2rem}.submit-btn{padding:1rem;background-color:#e65300;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.submit-btn:hover{background-color:#c54800}.not-found{display:flex;flex-direction:column;align-items:center}.not-found .loading{width:100%;text-align:center;padding:50px 0 30px;font-weight:700;font-size:large;font-family:Delius Swash Caps,cursive;font-weight:600;font-style:normal;font-size:x-large}.not-found .not-found-icon{width:200px}.recipe-title{text-align:center;width:100;padding-top:15px}.outer-recipe-d{margin:0 auto;max-width:750px;display:flex;flex-direction:column;align-items:center;height:90%;width:100%;position:relative;top:0;justify-content:space-evenly}.outer-recipe-d .upper-recipe-d{height:60%;width:90%;border:1px solid black;display:flex;align-items:center}.outer-recipe-d .upper-recipe-d .ingredients{border:1px solid black;height:90%;width:40%;margin-left:25px;padding:20px;font-size:x-large;font-weight:700;background-color:#ffffffe6}.outer-recipe-d .upper-recipe-d .ingredients .ingredient{font-size:medium}.outer-recipe-d .upper-recipe-d .left-upper-recipe{display:flex;height:100%;width:60%;justify-content:flex-end;flex-direction:column;padding:30px}.outer-recipe-d .upper-recipe-d .left-upper-recipe .detailed-details{background-color:#ffffffe6;padding:15px;width:90%}.outer-recipe-d .lower-recipe-d{height:25%;border:1px solid black;width:90%;display:flex;justify-content:space-between;padding:15px}.outer-recipe-d .lower-recipe-d .recipe-steps{width:50%;padding-right:35px;overflow-y:scroll}.outer-recipe-d .lower-recipe-d .middle-lower-recipe{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:20px}.outer-recipe-d .lower-recipe-d .recipe-images{max-width:250px}.outer-recipe-d .lower-button-recipe{width:90%}