*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f7f7;font-family:Arial,sans-serif}.app{min-height:100vh}.header{color:#fff;background:#ff7a00;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.nav{align-items:center;gap:15px;display:flex}.nav a{color:#fff;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:10px 20px}.hero{text-align:center;margin:10px 0;padding:5px 0}.hero h1{margin-bottom:8px}.filters{justify-content:center;gap:10px;margin:15px 0;display:flex}.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.form{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}input{border:1px solid #ccc;border-radius:6px;padding:10px}button{cursor:pointer;color:#fff;background:#ff7a00;border:none;border-radius:6px;padding:10px}button:hover{opacity:.9}.dark{color:#fff;background:#121212;min-height:100vh}.dark .card{background:#242424;border:1px solid #333}.dark input{color:#fff;background:#1f1f1f;border:1px solid #333}select{border:1px solid #ccc;border-radius:6px;padding:10px}.details{border-top:1px solid #ddd;margin-top:10px;padding-top:10px}.card{cursor:pointer;transition:all .2s}.card:hover{transform:scale(1.02)}.dark select{color:#fff;background:#1f1f1f;border:1px solid #333}.dark option{color:#fff;background:#1f1f1f}.card{background:#fff;border:1px solid #ddd;border-radius:10px;align-self:start;height:fit-content;padding:15px}.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:15px;display:grid}