.home-container{display:flex;flex-direction:column;align-items:center;background-image:url();justify-content:center;font-family:Arial,Helvetica,sans-serif;height:100vh;background-color:#fafafa;text-align:center;padding:20px}.home-title{font-size:2.5rem;color:#ff7043;margin-bottom:20px}.home-subtitle{font-size:1.5rem;color:#555;margin-bottom:30px;max-width:600px;line-height:1.6}.create-btn{font-size:1rem;font-weight:700;padding:12px 25px;color:#fff;background-color:#ff7043;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:backgorund-color .3s ease,transform .2s ease}.create-btn:hover{color:#ff7043;background-color:#f5e1d2}.history-btn{font-size:1rem;font-weight:700;padding:12px 25px;margin-top:10px;color:#5f5e5e;background-color:#ddd7d5;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:backgorund-color .3s ease,transform .2s ease}.history-btn:hover{background-color:#c7c5c5;color:#fafafa}@media (max-width: 768px){.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.home-btn{font-size:.9rem;padding:10px 20px}}.ingredient-list-container{padding:15px;background-color:#fdf6e3;border:1px solid #ddd;border-radius:5px}.ingredient-list-container h2{color:#333;font-size:1.2rem}.ingredients-category{margin-bottom:20px;font-family:Arial,Helvetica,sans-serif}.ingredients-category h3{font-size:1rem;color:#ff8a00;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif}.ingredient-item{list-style:none;padding:8px;margin:4px 0;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background-color .3s;font-family:Arial,Helvetica,sans-serif}.ingredient-item:hover{background-color:#ffe4c0}.recipe-builder{padding:1.5rem;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;font-family:Arial,Helvetica,sans-serif}.recipe-builder h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.recipe-builder p{font-size:1rem;color:#666;text-align:center}.recipe-builder ul{list-style-type:none;padding:0;margin:0}.recipe-builder li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #ddd}.recipe-builder input[type=number]{width:60px;padding:.3rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;text-align:center}.recipe-builder input[type=number]:focus{border-color:#ff9800;outline:none}.recipe-summary{padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#fff8e1;box-shadow:0 2px 5px #0000001a}.recipe-summary h3{margin-bottom:15px;font-size:1.5rem;color:#d97706;font-family:Arial,Helvetica,sans-serif}.recipe-summary input{width:90%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:Arial,Helvetica,sans-serif}.recipe-summary p{margin-bottom:20px;font-size:1.1rem;font-family:Arial,Helvetica,sans-serif;color:#555}.recipe-summary button{padding:10px 20px;background-color:#d97706;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-family:Arial,Helvetica,sans-serif}.recipe-summary button:hover{background-color:#facc15}.create-recipe-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#fffdf5;min-height:100vh}.create-title{font-size:2rem;color:#c06a50;margin-bottom:20px}.goBack-btn{margin-top:20px;padding:10px 20px;font-size:1rem;background-color:#ff7043;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.goBack-btn:hover{background-color:#f5e1d2;color:#ff7043}.recipe-card{background-color:#fafafa;border:2px solid #ddd7d5;border-radius:8px;padding:16px;margin:16px 0;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,transform .2s ease}.recipe-card:hover{background-color:#f5e1d2;transform:translateY(-4px)}.recipe-name{font-size:1.5rem;font-family:Arial,Helvetica,sans-serif;color:#ff7043;margin-bottom:10px}.recipe-card p{font-size:1rem;font-family:Arial,Helvetica,sans-serif;color:#555;margin-bottom:12px}.delete-btn{font-size:1rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;padding:12px 20px;color:#fff;background-color:#ff7043;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:background-color .3 ease,transform .2s ease}.delete-btn:hover{background-color:#f5e1d2;color:#ff7043}.recipe-history{background-color:#fafafa;border:2px solid #ddd7d5;border-radius:12px;padding:25px;margin:16px auto;max-width:800px;box-shadow:0 4px 8px #0000001a}.recipe-history h3{font-size:2rem;font-family:Arial,Helvetica,sans-serif;color:#ff7043;margin-bottom:16px;text-align:center}.recipe-list{list-style:none;padding:0}.recipe-list li{background-color:#fff;border:2px solid #ddd7d5;border-radius:8px;margin-bottom:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,transform .2s ease}.recipe-list li:hover{background-color:#f5e1d2;transform:translateY(-2px)}.recipe-list li button{font-size:1rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;padding:10px 16px;color:#fff;background-color:#ff4d4d;border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,transform .2s ease}.recipe-list li button:hover{background-color:#c00}