*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#333}.app{max-width:800px;margin:0 auto;min-height:100vh}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.app-header h1{font-size:2rem;margin-bottom:.5rem}.app-header p{opacity:.9}.app-main{padding:2rem;display:grid;gap:2rem}@media (min-width: 768px){.app-main{grid-template-columns:1fr 1fr}}.shopping-list{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.shopping-list h2{color:#667eea;margin-bottom:1rem}.add-item{display:flex;gap:.5rem;margin-bottom:1.5rem}.item-input{flex:1;padding:.75rem;border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;transition:border-color .2s}.item-input:focus{outline:none;border-color:#667eea}.add-button{padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.add-button:hover{background:#5a6fd8}.items-section{margin-bottom:1.5rem}.items-section h3{color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.items-list{list-style:none}.item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;transition:background-color .2s;border-left:3px solid transparent}.item:hover{background-color:#f8f9ff}.item.pending{border-left-color:#667eea}.item.bought{border-left-color:#28a745;background-color:#f8f9fa}.item.bought .item-name{text-decoration:line-through;opacity:.7}.item-checkbox{font-size:1.2rem;color:#667eea}.item.bought .item-checkbox{color:#28a745}.item-name{flex:1;font-size:1rem}.empty-state{text-align:center;color:#666;font-style:italic;padding:2rem}.recipes-section{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.recipes-section h2{color:#764ba2;margin-bottom:1rem}.recipe-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media (min-width: 480px){.recipe-form{flex-direction:row;flex-wrap:wrap}}.recipe-input{flex:1;min-width:200px;padding:.75rem;border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;transition:border-color .2s}.recipe-input:focus{outline:none;border-color:#764ba2}.recipe-button{padding:.75rem 1rem;background:#764ba2;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.recipe-button:hover{background:#6a4190}.recipe-list{list-style:none}.recipe-item{background:#f8f9ff;padding:1rem;margin-bottom:1rem;border-radius:8px;border-left:3px solid #764ba2}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recipe-name{font-weight:700;color:#333}.use-recipe-button{padding:.5rem .75rem;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s}.use-recipe-button:hover{background:#218838}.ingredients-list{list-style:none;margin-left:1rem}.ingredient-item{color:#666;font-size:.9rem;margin-bottom:.25rem}.ingredient-item:before{content:"• ";color:#764ba2;font-weight:700}