body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.nav-scroller{overflow-y:hidden;background-color:#fff;box-shadow:0 .125rem .25rem #00000013}.nav-scroller__items{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.nav-scroller__item{color:#424242;display:flex;padding:.5rem 1.25rem;text-decoration:none}.nav-scroller__item:not(:last-child){border-right:1px solid #eee}.nav-scroller__item_active{background-color:#fff59d}.nav-scroller__item:not(.nav-scroller__item_active):hover{background-color:#f5f5f5}.nav-scroller__item_active:hover{background-color:#fff176}#full-screen{cursor:pointer;border-right:1px solid #eee;padding:.5rem 1.25rem;margin:0}#full-screen:hover{background-color:#f5f5f5}.container{width:60%;margin:0 auto;padding:20px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-2{gap:2px}.gap-10{gap:10px}.items-center{align-items:center}.w-full{width:100%}.w-auto{width:auto}.text-center{text-align:center}form{display:flex;flex-direction:column;gap:10px;width:100%}label{font-weight:700;width:100%}input,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-width:0px}input{padding:10px;border-radius:4px}textarea{width:100%;resize:none;height:100px;padding:10px;border-radius:4px}button{padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;width:100%}button:hover{opacity:.9}.bg-green{background-color:#28a745}.bg-red{background-color:#dc3545}.my-1{margin-top:10px;margin-bottom:10px}#recipe-form{width:100%}#add-ingredient{background-color:#007bff}.ingredient-entry{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;width:100%}#ingredient-quiz{display:flex;flex-wrap:wrap;align-items:center}#recipe-list{list-style:none;padding:0;margin:0}.recipe-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recipe-item span{word-break:break-all;font-size:14px}.recipe-actions{display:flex;gap:10px}button.edit-recipe{background-color:#ffc107}button.delete-recipe{background-color:#dc3545}@media (max-width: 768px){.container{width:90%;margin:0 auto}h1{font-size:24px}h2{font-size:20px}.recipe-item{flex-direction:column}.recipe-actions{justify-content:center}}