.recipe-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;max-width:500px;margin:2rem auto;background-color:#ffcc80;border-radius:8px;box-shadow:0 4px 12px #0003;color:#333}h2{font-size:1.8rem;color:#e64a19;text-align:center;margin:0}label{font-weight:700;color:#e64a19;text-align:left}body{background-color:#fff3e0;margin:0;padding:0}input[type=text],input[type=number],select{padding:.8rem;border-radius:5px;border:1px solid #e64a19;background-color:#fff8e1;color:#333;font-size:1rem}input::placeholder{color:#888}.generate-button{background:#ff7043;color:#fff;padding:.8rem 1.2rem;font-size:1.1rem;border:none;border-radius:5px;cursor:pointer;align-self:center;transition:background-color .3s ease}.generate-button:hover{background:#e64a19}.recipes-list{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem;justify-content:center}.recipe-card{position:relative;background-color:#ffcc80;border-radius:8px;box-shadow:0 4px 12px #0003;color:#333;padding:1rem;width:300px}.recipe-card h2{color:#e64a19;margin-top:0}.recipe-card p{font-weight:700}.recipe-link{text-decoration:none}.recipe-link:visited{color:inherit}.recipe-card .heart-icon{position:absolute;top:8px;right:8px;font-size:24px;cursor:pointer;color:#fff9}.recipe-card .heart-icon.saved{color:red}.search-input{width:70%;padding:10px;margin-bottom:20px;font-size:1.2rem;border:1px solid #ccc;border-radius:5px}.recipe{position:relative;padding:20px;background-color:#fff5e6;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:20px auto;max-width:800px}.recipe h2{font-size:2.2rem;color:#e64a20;margin-bottom:15px;text-align:left}.recipe h3{font-size:1.6rem;color:#e64a19;margin-top:20px;margin-bottom:12px;text-align:left}.recipe p{font-size:1.1rem;color:#da8910;line-height:1.8;text-align:left}.recipe li{text-align:left}.recipe .ingredients{display:flex;flex-direction:column;gap:12px;margin-top:10px}.recipe .ingredients div{font-size:1.1rem;color:#e64a20;position:relative}.recipe .ingredients div:before{content:"•";color:#e64a19;font-size:1.5rem;position:absolute;left:-15px;top:50%;transform:translateY(-50%)}.recipe .ingredients div{padding-left:20px;position:relative}.recipe button{background-color:#e65d19;color:#fff;padding:12px 30px;border:none;cursor:pointer;font-size:1.25rem;border-radius:5px;margin-top:2rem;transition:background-color .3s ease}.recipe button:hover{background-color:#e43601}.recipe .heart-icon{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#0000008f}.recipe .heart-icon.saved{color:red}.recipe .ingredients div input[type=checkbox]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;cursor:pointer;accent-color:#e64a20}.recipe .ingredients div label{margin-left:8px}.shopping-cart-icon{color:#000;margin-top:20px}.start-button{background:#e64a19;color:#fff;padding:.8rem 1.2rem;font-size:1.1rem;border:none;border-radius:5px;cursor:pointer;align-self:center;transition:background-color .3s ease;margin:0 .5rem}.start-button:hover{background:#ff7043}.welcome ol{text-align:left;margin-bottom:3rem}.welcome li{font-size:1.25rem;color:#444;max-width:600px;margin-left:auto;margin-right:auto}.create-account-container{max-width:400px;margin:50px auto;padding:20px;background-color:#fff5e1;border:1px solid #ffa07a;border-radius:10px}.create-account-title{text-align:center;color:tomato;margin-bottom:20px}.create-account-form{display:flex;flex-direction:column}.create-account-form label{margin-bottom:5px;font-size:1.2rem;color:#333}.create-account-form input{padding:10px;margin-bottom:15px;font-size:1rem;border:1px solid #ff6347;border-radius:5px;background-color:#fff0e0}.create-account-button{padding:15px;font-size:1.2rem;color:#fff;background-color:#ff4500;border:none;border-radius:5px;cursor:pointer}.create-account-button:hover{background-color:tomato}.signin-container{max-width:400px;margin:50px auto;padding:20px;background-color:#fff5e1;border:1px solid #ffa07a;border-radius:10px}.signin-title{text-align:center;color:tomato;margin-bottom:20px;margin-top:0}.signin-form{display:flex;flex-direction:column}.signin-form label{margin-bottom:5px;font-size:1.2rem;color:#333}.signin-form input{padding:10px;margin-bottom:15px;font-size:1rem;border:1px solid #ff6347;border-radius:5px;background-color:#fff0e0}.signin-button{padding:15px;font-size:1.2rem;color:#fff;background-color:#ff4500;border:none;border-radius:5px;cursor:pointer}.signin-button:hover{background-color:tomato}.signup-link{text-align:center;font-size:.9rem;margin-bottom:0}.signup-link a{color:tomato;text-decoration:none}.signup-link a:hover{text-decoration:underline}.App{flex:1;display:flex;flex-direction:column;text-align:center;min-height:100vh}header{flex-shrink:0}main{flex-grow:1;padding:2rem;background-color:#ffa05a;color:#333;display:flex;flex-direction:column;justify-content:flex-start;position:relative;font-family:Poppins,sans-serif}footer{flex-shrink:0;background-color:#ff4500;color:#fff;padding:10px;text-align:center;margin-top:0}h1{font-size:3rem;font-weight:600;color:#e64a19;margin-bottom:1rem}h2{font-size:2rem;font-weight:400;color:#e64a19;margin-top:2rem}p{font-size:1.25rem;line-height:1.5;margin-bottom:3rem;color:#444;max-width:600px;margin-left:auto;margin-right:auto}nav{background-color:#ff4500;padding:10px}nav ul{list-style:none;display:flex;justify-content:center;padding:0;margin:0}nav li{margin:0 15px}.headerTitle{text-decoration:none}nav a{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center;transition:color .3s ease}nav a i{margin-right:8px}nav a:hover{text-decoration:none;color:#ffa07a}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ff5100cc;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;z-index:1000}.logo{width:9.375rem;height:auto;position:absolute;top:20px;right:20px;margin-bottom:1.5rem;z-index:10}@media (max-width: 768px){.logo{width:7.5rem;top:15px;right:15px}}@media (max-width: 480px){.logo{width:5.625rem;top:10px;right:10px}}.user-info{position:fixed;bottom:60px;right:20px;background-color:#fff5e1e6;padding:10px;border:1px solid #ffa07a;border-radius:5px;text-align:right}.user-info p{font-size:.875rem;margin:0}.logout-button{background-color:#ff4500;color:#fff;border:none;padding:8px;border-radius:5px;cursor:pointer;margin-top:5px}.logout-button:hover{background-color:tomato}.shopping-list-container{max-width:600px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a}.shopping-list-header{font-size:2rem;color:#333;margin-bottom:20px;text-align:center}.shopping-list-input{display:flex;gap:10px;margin-bottom:20px}.shopping-list-textbox{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}.shopping-list-add-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.shopping-list-add-button:hover{background-color:#218838}.shopping-list{list-style-type:none;padding:0}.shopping-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ccc}.item-text{flex-grow:1;text-align:left}.shopping-list-delete-button{cursor:pointer;color:#ff4500;margin-right:10px}.shopping-list-delete-button:hover{color:tomato}.shopping-list-empty{font-size:1.2rem;color:#555;text-align:center}.shopping-list-clear-button{display:block;margin:20px auto 0;padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.shopping-list-clear-button:hover{background-color:#c82333}