:root{--primary-color:#4caf50;--secondary-color:#f0f0f0;--text-color:#333;--button-color:#388e3c;--button-hover:#2e7d32;--delete-color:#e53935;--delete-hover:#c62828;--edit-color:#1976d2;--edit-hover:#1565c0;--input-border:#ccc;--input-focus-border:#4caf50;--ingredients-bg:#e8f5e9;--description-bg:#fff8e1;--tag-bg:#e74c3c1a;--tag-color:#e74c3c;--card-bg:#fff}*{box-sizing:border-box}body{background-color:#f0f0f0;background-color:var(--secondary-color);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;margin:0;padding:0}header{background-color:#4caf50;background-color:var(--primary-color);color:#fff;padding:1rem;text-align:center}header h1{font-size:1.8rem;margin:0}main{margin:1.5rem auto;max-width:1200px;padding:0 1rem}.recipe-form{background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--input-border);border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1rem}.recipe-form h2{color:#4caf50;color:var(--primary-color);font-size:1.4rem;margin-top:0}.recipe-form .form-row-top{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem}.recipe-form .form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:1rem;min-width:200px}.recipe-form label{font-weight:700;margin-bottom:.3rem}.recipe-form input[type=text],.recipe-form textarea{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:3px;font-size:1rem;height:auto;min-height:38px;overflow:hidden;padding:.5rem;resize:none;transition:border-color .2s;width:100%}.recipe-form .form-row-bottom{display:block;margin-bottom:1rem}.recipe-form .form-row-bottom .form-group{width:100%}.recipe-form textarea{line-height:1.2}.recipe-form input[type=text]:focus,.recipe-form textarea:focus{border-color:#4caf50;border-color:var(--input-focus-border);outline:none}.recipe-form .form-row-tags{display:block;margin-bottom:1rem}.recipe-form .form-row-tags .form-group{width:100%}.recipe-form input.tags-input{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:3px;font-size:1rem;padding:.5rem;transition:border-color .2s;width:100%}.recipe-form input.tags-input:focus{border-color:#4caf50;border-color:var(--input-focus-border);outline:none}.recipe-form .form-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:.5rem}.recipe-form button{background-color:#388e3c;background-color:var(--button-color);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s}.recipe-form button:hover{background-color:#2e7d32;background-color:var(--button-hover)}#search{border:1px solid #ccc;border:1px solid var(--input-border);border-radius:3px;font-size:1rem;margin:0 0 1rem;padding:.6rem .8rem;transition:border-color .2s;width:100%}#search:focus{border-color:#4caf50;border-color:var(--input-focus-border);outline:none}.recipes-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.recipe-item{background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border:1px solid var(--input-border);border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.recipe-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.recipe-item-header h3{color:#4caf50;color:var(--primary-color);flex:1 1;font-size:1.2rem;margin:0;word-break:break-word}.recipe-item-header .buttons{display:flex;gap:.5rem}.recipe-item-header button{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.85rem;padding:.3rem .8rem;transition:background-color .2s}.recipe-item-header .delete-btn{background-color:#e53935;background-color:var(--delete-color)}.recipe-item-header .delete-btn:hover{background-color:#c62828;background-color:var(--delete-hover)}.recipe-item-header .edit-btn{background-color:#1976d2;background-color:var(--edit-color)}.recipe-item-header .edit-btn:hover{background-color:#1565c0;background-color:var(--edit-hover)}.recipe-content{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.8rem}.recipe-ingredients{background-color:#e8f5e9;background-color:var(--ingredients-bg);border-radius:3px;flex:0 0 35%;max-width:35%;padding:.8rem;white-space:normal;word-break:normal}.recipe-ingredients ul{list-style-position:outside;list-style-type:disc;margin:0;padding-left:1.2rem}.recipe-ingredients li{word-wrap:break-word;margin-bottom:.4rem;padding-left:1.2rem;text-indent:-1.2rem;white-space:normal;word-break:normal}.recipe-description{background-color:#fff8e1;background-color:var(--description-bg);border:1px solid #ccc;border:1px solid var(--input-border);border-radius:3px;box-sizing:border-box;flex:0 0 60%;max-width:60%;padding:.8rem;white-space:pre-wrap;word-break:normal}.recipe-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.recipe-tags span{background-color:#e74c3c1a;background-color:var(--tag-bg);border-radius:3px;color:#e74c3c;color:var(--tag-color);font-size:.85rem;padding:.2rem .6rem}@media (max-width:800px){.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recipe-description,.recipe-ingredients{flex:0 0 100%;max-width:100%}}@media (max-width:600px){.recipe-form .form-row-top{align-items:stretch;flex-direction:column}.recipe-form .form-row-bottom,.recipe-form .form-row-tags{display:block}.recipe-description,.recipe-ingredients{flex:0 0 100%;max-width:100%}}
/*# sourceMappingURL=main.9bf6d391.css.map*/